@charset "utf-8";
@import url("/jsp/jquery/theme/jquery-ui-1.10.3.custom.css");
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
/**************
    colours - note #RRGGBB  #E9EDEF
    
    #e0e0e0  ##FFFFFF #3898AF
***************/
.nav_header {
	color:            #373737 !important;
	background-color: #f0f0f0 !important;
    font-size:        8pt !important;
	font-family:      'Roboto', Arial, Verdana, Geneva, sans-serif !important;
	height: 37px !important;
	padding: .25em .42em .3em !important;
	border: none !important;
    text-transform: uppercase;
  	-webkit-border-radius: 4 !important;
	-moz-border-radius: 4 !important;
}

.nav_header:hover {
	background-color: #f8f8f8 !important;
}
.NavHeaderBackground {
	background-color: #f0f0f0;
	border-width: 0;
	padding-bottom: 2px;
}

.nav_tools {
	color:            #373737 !important;
	background-color: #f8f8f8 !important;
    font-size:        8pt !important;
	font-family:      'Roboto', Arial, Verdana, Geneva, sans-serif !important;
	padding: .25em .42em .3em !important;
	height: 37px !important;
	border: none !important;
    text-transform: uppercase;
    -webkit-border-radius: 4 !important;
	-moz-border-radius: 4 !important;
}

.nav_tools_text {
	color:            #373737 !important;
	background-color: #f8f8f8 !important;
    font-size:        8pt !important;
	font-family:      'Roboto', Arial, Verdana, Geneva, sans-serif !important;
	padding: .25em .42em .3em !important;
	border: none !important;
    text-transform: uppercase;
    -webkit-border-radius: 4 !important;
	-moz-border-radius: 4 !important;
}

.nav_tools:hover {
	background-color: #f0f0f0 !important;
}

.NavToolsBackground {
	background-color: #f8f8f8;
	border-width: 0;
	padding-bottom: 2px;
}

.nav_case {
	color:            #373737 !important;
	background-color: #ffffff !important;
    font-size:        8pt !important;
	font-family:      'Roboto', Arial, Verdana, Geneva, sans-serif !important;
	padding: .25em .42em .3em !important;
	height: 37px !important;
	border: none !important;
    text-transform: uppercase;
    -webkit-border-radius: 4 !important;
	-moz-border-radius: 4 !important;
}

.nav_case:hover {
	background-color: #f8f8f8 !important;
}
.NavCaseBackground {
	background-color: #ffffff;
	border-width: 0;
	padding-bottom: 2px;
}

.btn_menu {
	background: #AAC076; 
	border: solid #527acc 1px;
}

.btn_next {
	background: #88bdad; 
	border: solid #527acc 1px;
}

/********************
    DISABLE button
*********************/
input[type="button"][disabled] {
	color: #ffffff;
	background: #d1ddb5; 
	cursor: inherit;
	border: solid #000000 0px;
}

input[type="button"], .button {
	color: #ffffff;
	font-size: 12px;
	font-weight: 500 !important;
	font-family: "Roboto", sans-serif;
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
    line-height: 14px;
    padding:4px 4px;
}

input[type="button"]:hover, input[type="button"]:active, .button:hover, .button:active {
	cursor: pointer !important;
	opacity: 0.80 !important;
	filter: alpha(opacity =80) !important;
	text-decoration: none;
}

.CashFlowColumnWidth {
	width: 86px !important;
	min-width: 86px !important;
	max-width: 86px !important;
	}

.CashflowSpace {
	width: 15px !important;
	min-width: 15px !important;
	}

.CompareSpace {
	width: 10px !important;
	min-width: 10px !important;
	}

.ColumnSpace {
	width: 5px !important;
	min-width: 5px !important;
	}

.HighlightData, .HighlightHeading, .DetailHeadingCenterNoBorder,
	.DetailHeadingNoBorder, .LinkLineText, .ListLowPriority,
	.DashboardLowPriority, .UnderlineLink {
	color: #0000FF;
}

.ListMediumPriority, .DashboardMediumPriority {
	color: #800080;
}

.DeleteData, .DeleteHeading {
	color: #808080;
}

.LinkDisabled {
	color: #ACA899;
}

.ListNormal, .DashboardNormal {
	color: #666666;
}

.NavigationDetailInput, .HotMessage, 
	.Pagination	{
	color: #333333;
	font-weight: 700;
}

.ChangeData, .DeleteData, .Data, .TextArea, .DataShort,
	.DataPagination, .SelectBox, .SelectBoxDetail, .SelectBoxFullWidth,.SelectBoxMostWidth,
	.SelectBoxMid, .SelectBoxSmall, .SelectData, .SelectRider, .ScenarioSelect, .SelectBoxWide, .DataBox {
	color: #333333;
}

.FieldLabel, .FieldLabelRight, .FieldLabelLeft, .FieldLabelRequired,
	.FieldLabelNoBorder {
	color: #777777;
}

.CheckboxHeading, .DetailItalic, .FieldHeading, .HintHeading,
	.FieldHeadingRequired, .FieldHeadingRequiredNoBorder, .Title, .NavTitle,
	.ListSelect, .PrintTitle, .PrintFieldHeading, .ListHeadingNoBorder,
	.ListHeading, .ListHeadingLeft {
	color: #373737;
}

.TitleWhite, .TitlePlan {
	color: #373737;
}

.ChangeData, .ChangeHeading, .ListHighPriority, .DashboardHighPriority,
	.MessageError, .Note, .RD {
	color: #FF0000;
}

.PoweredBy, .NewPoweredBy, .Footer, .instructionButton {
	color: #FFFFFF;
}

.TabRow, .NavigationRow, .menuButton, .subMenuButton, .menu {
	color: #3898AF;
}

.menuButtonDisabled {
	color: #A9A0B7;
}

.TitleColor {
	color: #808080;
}

.ForceColor {
	color: #3898AF !important;
    font-size: 9pt !important;
}

.Border, .ProgressBorder, .GroupingBorder {
	border-color: #373737;
}

.NewPoweredBy, .PoweredBy, .Footer {
	background-color: #f9fdf7;
}

.HotMessage {
	background: linear-gradient(to bottom, white, #FFAA00);
}

.TabRow, .NavigationRow, .menuButton, .subMenuButton, .menu {
	border: 1;
	background-color: #FFFFFF;
}

.NewRow, .HighlightedRow {
	background-color: #B9C1E9;
}

.LogoArea, .Border, .ProgressBorder, .GroupingBorder {
	background-color: #ffffff;
}

.outline {
	background-color: #ffffff;
}

.PrintData {
	color: #000000;
}

.PrintFieldLabel {
	color: #777777;
}

.WhiteBackgroundSelect {
    background-color: #ffffff;
	background: #ffffff;
}

.PinkBackground {
	background-color: #ffd7db;
	border-width: 0;
}

.AquaBackground {
	background-color: #d1f2c8;
	border-width: 0;
}

.YellowBackground select {
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	vertical-align: top;
	margin: 0;
	border: none;
	background-color: #ffffae;
	border: thin solid #CCCCCC;
	background: #ffffae;
}

.YellowBackground select option {
	background-color: #ffffae;
	background: #ffffae;
}

.YellowBackground {
	background-color: #ffffae;
	border-width: 0;
}

.YellowBackgroundInput input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #ffffae;
}

.SageBackground {
	background-color: #d3d6cf;
	border-width: 0;
}

.PeaBackground {
	background-color: #4E9258;
	border-width: 0;
}

.PowderBackground {
	background-color: #defff0;
	border-width: 0;
}

.GreyBackground {
	background-color: #f0f3f4;
	border-width: 0;
}

.GreyBackgroundInput input {
	background-color: #f0f3f4;
    border: 1px solid #CCCCCC;
	height: 20px;
}
.GreyBackgroundCF {
	background-color: #e1e8ea;
	border-width: 0;
}

.BreakBackground {
	background-color: #c0c0c0;
	border-width: 0;
}

.MenuBackground {
	background-color: #f0f0f0;
	border-width: 0;
	padding-bottom: 2px;
}

.DarkBackground {
	background-color: #b2b2b2;
	border-width: 0;
}

.WhiteBackground {
	background-color: #FFFFFF;
	border-width: 0;
}

.WhiteBackgroundInput input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #ffffff;
}

.BackgroundInput {
	border: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-left: 2px;
	height: 20px;
}

.btn_select { 
	font-size: 12px !important;
	padding: 0 !important;
	height: 18px !important; 
    }


.Orange {
	color: #e86f0b !important;
}

.BlueBackground {
	background-color: #d7e2ff;
	border-width: 0;
}

.NavyBackground {
	background-color: #0d69ae;
	border-width: 0;
}

/**************
    fonts
***************/
.NewPoweredBy, .PoweredBy, .ChangeData, .ChangeHeading, .HighlightData,
	.HighlightHeading, .CheckboxHeading, .DeleteData, .DeleteHeading,
	.DetailHeadingCenterNoBorder, .DetailHeadingNoBorder, .DetailItalic,
	.FieldLabelRight, .FieldLabel, .FieldLabelLeft, .FieldLabelRequired,
	.FieldLabelNoBorder, .HintHeading, .FieldHeading, .FieldHeadingRequired,
	.FieldHeadingRequiredNoBorder, .LinkDisabled, .LinkLineText,
	.ListHeadingNoBorder, .ListHighPriority, .DashboardHighPriority,
	.ListMediumPriority, .DashboardMediumPriority, .ListLowPriority,
	.DashboardLowPriority, .ListNormal, .DashboardNormal, .ListSelect,
	.MessageError, .NavigationDetailInput, .NavigationRow, .Footer,
	.UnderlineLink, .Title, .NavTitle, .TitleWhite, .TitlePlan, .Data, .TextArea, .DataShort,
	.DataPagination, .SelectBox, .SelectBoxDetail, .SelectBoxFullWidth,.SelectBoxMostWidth,
	.SelectBoxMid, .SelectBoxSmall, .menuButton, .subMenuButton,
	.instructionButton, .SelectData, .SelectRider, .ScenarioSelect, .SelectBoxWide, .HotMessage,
	.PrintFieldHeading, .PrintFieldLabel, .PrintData, .PrintTitle,
	.HighlightedRow, .menu80, .ui-widget, .ListHeading, .ListHeadingLeft,
	.actionButton, .actionButtonBlue, .actionButtonBrown,
	.actionButtonBrowse, .actionButtonGreen, .actionButtonGrey,
	.actionButtonLarge, .actionButtonRed, .actionButtonSmall,
	.actionButtonSmallBrowse, .doubleButtonBlue, .doubleButtonBrown,
	.doubleButtonGreen, .doubleButtonRed, .menuButtonBlue, .menuButtonBrown,
	.menuButtonGreen, .menuButtonGrey, .menuButtonRed, .smallButtonBlue,
	.smallButtonGreen, .smallButtonGrey, .Note, .RD {
	font-family: 'Roboto', Arial, Verdana, Geneva, sans-serif
}

.NewPoweredBy, .PoweredBy, .ChangeHeading, .HighlightData,
	.HighlightHeading, .CheckboxHeading, .TitlePlan, .DeleteHeading,
	.DetailHeadingCenterNoBorder, .DetailHeadingNoBorder, .DetailItalic,
	.FieldLabel, .FieldLabelRight, .FieldLabelLeft, .FieldLabelRequired,
	.FieldLabelNoBorder, .FieldHeading, .FieldHeadingRequired,
	.FieldHeadingRequiredNoBorder, .LinkDisabled, .LinkLineText,
	.ListHeadingNoBorder, .ListHighPriority, .ListMediumPriority,
	.ListLowPriority, .ListNormal, .ListSelect, .NavigationDetailInput,
	.NavigationRow, .Footer, .UnderlineLink, .menuButton, .subMenuButton,
	.instructionButton, .HighlightedRow, .menu80, .ui-tabs-anchor,
	.ui-widget, .ListHeading, .ListHeadingLeft, .actionButton,
	.actionButtonBlue, .actionButtonBrown, .actionButtonBrowse,
	.actionButtonGreen, .actionButtonGrey, .actionButtonLarge,
	.actionButtonRed, .actionButtonSmall, .actionButtonSmallBrowse,
	.doubleButtonBlue, .doubleButtonBrown, .doubleButtonGreen,
	.doubleButtonRed, .menuButtonBlue, .menuButtonBrown, .menuButtonGreen,
	.menuButtonGrey, .menuButtonRed, .smallButtonBlue, .smallButtonGreen,
	.smallButtonGrey {
	font-size: 9pt;
}

.ChangeData, .DeleteData, .MessageError, .Data, .TextArea, .DataShort,
	.DataPagination, .SelectBox, .SelectBoxDetail, .SelectBoxFullWidth,.SelectBoxMostWidth,
	.SelectBoxMid, .SelectBoxSmall, .SelectData, .SelectRider, .ScenarioSelect, .SelectBoxWide, .DataBox {
	font-size: 9pt;
}

.DashboardHighPriority, .DashboardMediumPriority, .DashboardLowPriority,
	.DashboardNormal, .TitleWhite {
	font-size: 10pt;
}

.HotMessage .Title {
	font-size: 11pt;
}

.HeightTweak {
	height: 1px;
}

@-moz-document url-prefix() { 
.HeightTweak {
	height:    100%;
}
}

.NavTitle {
	font-size: 22pt;
}

.PrintFieldHeading, .PrintFieldLabel, .PrintData {
	font-size: 11pt;
}

.PrintTitle {
	font-size: 13pt;
}

.HintHeading, .Note {
	font-size: 7pt;
	}

.Font14 {
	font-size: 14pt !important;
}

.Font11 {
	font-size: 11pt !important;
}

.Font9 {
	font-size: 9pt !important;
}

.ColorBlack {
	color: #000000; !important;
}

/**************
    sizing
***************/
.TabRow, .NavigationRow {
	height: 22px;
}

.DetailHeadingCenterNoBorder, .Footer {
	height: 18px;
}

.actionButton, .instructionButton {
	min-width: 125px;
}

.menuWidth {
	width: 125px;
}

.actionButtonLarge {
	min-width: 150px;
	width: 150px
}

.PrintContentBorder {
	width: 1024px;
	padding-bottom: 10px;
}

.Border, .PoweredBy {
	width: 1346px;
}

/**************
    additional classes
***************/
.Border {
	border-width: 0px;
	border-style: solid;
	margin: auto;
	padding: 0px;
	border-spacing: 0px;
    border: "0";
    cellspacing: "0";
    cellpadding: "0";
}

.NewPoweredBy {
	align: center;
	border: 0;
	padding: 0px;
	margin: auto;
	border-spacing: 0px;
}

.PoweredBy {
	align: center;
	border: 0;
	padding: 0px;
	margin: auto;
	border-spacing: 0px;
}

.NewWindowBorder {
	border-width: 0px;
	border-style: solid;
	margin: auto;
	padding: 0px;
	border-spacing: 0px;
    border: "0";
    cellspacing: "0";
    cellpadding: "0";
	background-color: #FFFFFF;
	width: 1200px;
}

.PrintContentBorder {
	background-color: #FFFFFF;
	}

.NewPoweredBy {
	width: 1055px;
	}


.ProgressBorder {
	border-width: 2px;
	border-style: solid;
}

.GroupingBorder
 {
	border-width: 2px;
	border-style: solid;
	width: 1200px;
}

.AllocationSelectDiv {
	background-color: #ffffff;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	width:280px;
    overflow: auto;
    height: 250px;
    z-index: 1;
}

.AllocationWidth {
	width: 260px;
	}	

.AllocationSelectBorder
 {
	width: 100%;
	}

.ColorWidth {
	width: 50px;
}

.ColorSelectDiv {
	background-color: #ffffff;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	width:80px;
    height: 180px;
    z-index: 2;
}

.ColorSelectBorder
 {
	width: 100%;
}

.HeaderBorder {
	align: center;
	width: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	padding: 0;
}

.Padding {
	padding: 4px;
}

.ContentBorder {
	width: 100% !important;
    border-collapse: collapse !important;
    margin:0 !important;	
	border-width: 0 !important;
	border-style: none !important;
	border-spacing: 0 !important;
	padding: 0 !important;
    border: 0 !important;
    cellspacing: 0 !important;
    cellpadding: 0 !important;
}

.ContentBorder90pct {
	width: 100% !important;
    border-collapse: collapse !important;
    margin:0 !important;	
	border-width: 0 !important;
	border-style: none !important;
	border-spacing: 0 !important;
	padding: 0 !important;
    border: 0 !important;
    cellspacing: 0 !important;
    cellpadding: 0 !important;
}

td {
	padding: 0px;
}

.ContentBorder50pct {
	align: center;
	width: 50%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	padding: 10px 10px 10px 10px;
}

.ManageBorder540 {
	align: center;
	width: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	height: 540;
}

.ManageBorderA {
	align: center;
	width: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	height: 430;
}

.ManageBorderB {
	align: center;
	width: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	height: 120;
}

.ManageBorderC {
	align: center;
	width: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	height: 595;
}

.ManageBorderD {
	align: center;
	width: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	height: 200;
}

.ManageBorderE {
	align: center;
	width: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	height: 120;
}

.ManageBorderF {
	align: center;
	width: 100%;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	border-spacing: 0;
	height: 407;
}

.ManageBorderFRow {
	height: 23px;
}


.ChangeData {
	vertical-align: top;
	font-style: italic;
	margin: 0
}

.ChangeHeading {
	font-weight: bold;
	vertical-align: top;
	font-style: italic;
	margin: 0;
}

.HighlightData {
	vertical-align: top;
	font-style: italic;
	margin: 0;
}

.HighlightHeading {
	font-weight: bold;
	vertical-align: top;
	font-style: italic;
	margin: 0;
}

.CheckboxHeading {
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
}

.DeleteData {
	vertical-align: top;
	font-style: italic;
	margin: 0;
}

.DeleteHeading {
	font-weight: bold;
	vertical-align: top;
	font-style: italic;
	margin: 0;
}

.DetailHeadingCenterNoBorder {
	border-style: none;
	padding: 0;
	margin: 0;
}

.DetailHeadingNoBorder {
	font-weight: bold;
	border-style: none;
	padding: 0;
	text-align: left;
	margin: 0;
}

.DetailItalic {
	font-style: italic;
	font-weight: bold;
	vertical-align: top;
	margin: 0;
}

.FieldLabel, .FieldLabelLeft {
	vertical-align: top;
	margin: 0;
	font-weight: normal;
}

.FieldLabelRight {
	vertical-align: top;
	margin: 0;
	font-weight: normal;
	text-align: right;
}

.FieldLabelRequired {
	vertical-align: top;
	margin: 0;
	padding-right: 8px;
	background: url("/images/required.png") no-repeat right;
	font-weight: normal;
}

.FieldLabelNoBorder {
	border-style: none;
	padding: 0;
	text-align: left;
	vertical-align: top;
	margin: 0;
	outline: none;
	border: none;
	font-weight: normal;
}

.HintHeading {
	font-weight: normal;
	vertical-align: bottom;
	margin: 0;
	white-space: nowrap;
}

.FieldHeading {
	font-weight: normal;
	vertical-align: top;
	margin: 0;
	height: 20px;
	white-space: nowrap;
}

.FieldHeadingRequired {
	font-weight: bold;
	vertical-align: top;
	margin: 0;
	padding-left: 8px;
	background: url("/images/required.png") no-repeat left center;
	text-indent: 9px;
}

.FieldHeadingRequiredNoBorder {
	font-weight: bold;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	padding: 0;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding-left: 8px;
	background: url("/images/required.png") no-repeat left;
}

.HotMessage {
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.LinkDisabled {
	font-weight: bold;
	vertical-align: top;
	margin: 0;
	border: 0;
}

.LinkLineText {
	font-weight: normal;
	vertical-align: top;
	margin: 0;
	border: 0;
}

.ListHeadingNoBorder {
	font-weight: bold;
	border-style: none;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	margin: 0;
}

.ListHeading {
	font-weight: bold;;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	margin: 0;
}

.ListHeadingLeft {
	font-weight: bold;
	padding: 0;
	vertical-align: middle;
	margin: 0;
}

.ListHighPriority {
	vertical-align: top;
	margin: 0;
}

.ListMediumPriority {
	vertical-align: top;
	margin: 0;
}

.ListLowPriority {
	vertical-align: top;
	margin: 0;
}

.ListNormal {
	vertical-align: top;
	margin: 0;
}

.DashboardHighPriority {
	vertical-align: top;
	margin: 0;
}

.DashboardMediumPriority {
	vertical-align: top;
	margin: 0;
}

.DashboardLowPriority {
	vertical-align: top;
	margin: 0;
}

.DashboardNormal {
	vertical-align: top;
	margin: 0;
}

.ListSelect {
	vertical-align: middle;
	margin: 0;
}

.TabRow {
	font-size: 0pt;
	vertical-align: middle;
	margin: 0;
}

.MessageError {
	font-weight: normal;
	margin: 0;
}

.NavigationDetailInput {
	vertical-align: middle;
	margin: 0;
}

.NavigationRow {
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
}

.Footer {
	vertical-align: top;
	margin: 0;
}

.UnderlineLink {
	margin: 0;
	font-weight: bold;
}

.Title .NavTitle, {
	font-weight: bold;
	margin: 0;
}

.TitleWhite, .TitlePlan {
	margin: 0;
	text-align: center;
}

.Data {
	vertical-align: top;
	margin: 0;
	height: 20px;
}

.DataSlim {
	height: 16px !important;
}

.Center {
	vertical-align: middle;
}

.SmallFont {
	font-size: 8pt;
}

.TextArea {
	vertical-align: top;
	margin: 0;
	border: 1px solid #CCCCCC;
	background: #ffffff;
}

.DataShort {
	vertical-align: top;
	margin: 0;
	height: 16px;
}

.MinWidth {
	min-width: 60px;
	padding-right: 5;
	padding-left: 5;
}

.MinHeight {
	height: 30px;
}

.MaxWidth {
	max-width: 60px !important;
	width: 60px !important;
	padding-right: 5;
	padding-left: 5;
}
.MaxWidth70 {
	max-width: 70px !important;
	width: 70px !important;
	padding-right: 5;
	padding-left: 5;
}
.MinWidth70 {
	min-width: 70px;
	padding-right: 5;
	padding-left: 5;
}

.HighlightedRow {
	vertical-align: top;
	margin: 0;
}

.DataPagination {
	margin: 0;
}

.LogDiv {
	OVERFLOW: scroll;
}

.TaxList {
	height: 500px !important;
	width: 650px !important;
}

.ItemList {
	height: 500px !important;
	width: 300px !important;
}

.CategoryList {
	height: 564px !important;
	width: 850px !important;
}

.ChangesDiv {
	OVERFLOW-Y: scroll;
}

.licenseUseArea {
	overflow: scroll;
	height: 300px;
	width: 300px;
}

.Remove {
	display: none;
}

.hide {
	position: absolute;
	visibility: hidden;
}

.show {
	position: absolute;
	visibility: visible;
}

.menuButton {
	font-weight: bold;
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.subMenuButton {
	font-weight: bold;
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.instructionButton {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	background: linear-gradient(to bottom, #FDFDFD, #62bd02, #FDFDFD)
		#62bd02;
	border: 2px solid #8b979f;
	border-radius: 25px;
	color: black;
	vertical-align: middle;
}

.ButtonSpace {
	margin-left: 14px
}

.PrintContentBorder {
	border: 0;
}

.PrintTitle {
	font-weight: bold;
	margin: 0;
}

.PrintData {
	vertical-align: top;
	margin: 0;
	font-weight: bold;
}

.PrintFieldHeading {
	font-weight: bold;
	vertical-align: top;
	margin: 0;
}

.PrintFieldLabel {
	vertical-align: top;
	margin: 0;
}

.ImageBorder {
	border: 4px inset black;
}

.TopPadded {
	padding-top: 4px;
}

.selectionFormStyle {
	display: inline;
}

.TitleCenterBorder {
	float: center;
	cellspacing: 0;
	white-space: nowrap;
	width: 100%;
}

.TitleBorder {
	float: left;
	cellspacing: 0;
	white-space: nowrap;
}

.ErrorBorder {
	float: left;
	cellspacing: 0;
}

.NavigationBorder {
	float: left;
	cellspacing: 0;
}

.BorderNone {
	border-style: solid;
	border-color: #000000;
	border-width: 0px;
}

.BorderAll {
	border-style: solid !important;
	border-color: #000000 !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-top-width: 1px !important;
}

.BorderRight {
	border-style: solid !important;
	border-color: #000000 !important;
	border-right-width: 1px !important;
}

.BorderLeft {
	border-style: solid !important;
	border-color: #000000 !important;
	border-left-width: 1px !important;
}

.BorderBottom {
	border-style: solid !important;
	border-color: #000000 !important;
	border-bottom-width: 1px !important;
}

.BorderTop {
	border-style: solid !important;
	border-color: #000000 !important;
	border-top-width: 1px !important;
}

.BorderBoldAll {
	border-style: solid;
	border-color: #000000;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-width: 2px;
}

.BorderBoldRight {
	border-style: solid;
	border-color: #000000;
	border-right-width: 2px;
}

.BorderBoldLeft {
	border-style: solid;
	border-color: #000000;
	border-left-width: 2px;
}

.BorderBoldBottom {
	border-style: solid;
	border-color: #000000;
	border-bottom-width: 2px;
}

.BorderBoldTop {
	border-style: solid;
	border-color: #000000;
	border-top-width: 2px;
}

.BorderBreak {
	border-style: solid;
	border-color: #c0c0c0;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	height: 0px;
	font-size: 0pt;
}

.BorderBreakSpace {
	height: 0px;
	font-size: 0pt;
}

button.link {
	background: transparent;
	border: none;
	text-decoration: underline;
}

button.link:hover {
	cursor: pointer;
}
/*input.link{background:transparent;text-decoration:underline; cursor:pointer; text-align:left; margin:0px; padding:0px;border:0px;offset:0px; }*/
.menu {
	border: thin solid white;
	display: none;
	font-family: 'Roboto', Arial;
	font-size: 0;
	padding-top: 5px;
	z-index: 100;
	position: absolute;
}

/*input.link:hover{cursor:pointer;}*/

/**************
    css for file input
***************/
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	display: inline;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity: 0;
	filter: alpha(opacity : 0);
	opacity: 0;
	z-index: 2;
	height: 37px;
}

input.fileCaseList {
	position: relative;
	text-align: right;
	-moz-opacity: 0;
	filter: alpha(opacity : 0);
	opacity: 0;
	z-index: 2;
	height: 37px;
	width: 476px;
}

input.filePreferences {
	position: relative;
	text-align: right;
	-moz-opacity: 0;
	filter: alpha(opacity : 0);
	opacity: 0;
	z-index: 2;
	height: 24px;
	width: 410px;
}

input.fileUploadButton {
	z-index: 5;
	position: absolute;
	top: 0px;
	right: 0px;
}

input.fileUpload {
	z-index: 5;
	position: absolute;
	top: 0px;
	left: 0px;
}

html {
	overflow-y: scroll;
	height: 100%;
}

/******************
	MENU - button
*******************/
.TabRow a, .TabRow a:active, .TabRow a:link, .TabRow a:visited {
	/*text-decoration:underline;*/
	border-bottom-color: white;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin: 0px 7px;
}

/*****/

/**************************
	INSTRUCTION - button
***************************/
.InstructionRow a, .InstructionRow a:active, .InstructionRow a:link,
	.InstructionRow a:visited {
	text-decoration: none;
	color: #fff;
	margin: 0px 7px;
}

.InstructionRow a:hover {
	text-decoration: underline;
	color: #fff;
}

/*****/

input[type="text"][disabled] {
	color: #000000;
	cursor: inherit;
}

/*****/

/***********
	MISC.
************/
.DataBox {
	text-align: right;
}

.TopLeft {
	text-align: left;
	vertical-align: top;
}

/**************
    scaling

input[type='checkbox']{
	-ms-transform: scale(.9);
}
***************/
input[type='radio'] {
	-ms-transform: scale(.8);
	height: 14px;
}

/**************
    new
***************/
.background {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index
	=1;
}

.stretch {
	width: 100%;
	height: 100%;
}

.menuButtonRed {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #ce0000;
	background-color: #ce0000;
	color: #FFFFFF;
	font-size: 12pt;
	min-width: 300px;
	width: 300px;
	height: 37px;
}

.menuButtonBlue {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #0080c0;
	background-color: #0080c0;
	color: #FFFFFF;
	font-size: 12pt;
	min-width: 300px;
	width: 300px;
	height: 37px;
}

.menuButtonGrey {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #e0e0e0;
	background-color: #e0e0e0;
	color: #FFFFFF;
	font-size: 12pt;
	min-width: 300px;
	width: 300px;
	height: 37px;
}

.menuButtonGreen {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #1aa632;
	background-color: #1aa632;
	color: #FFFFFF;
	font-size: 12pt;
	min-width: 300px;
	width: 300px;
	height: 37px;
}

.menuButtonBrown {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #ab5858;
	background-color: #ab5858;
	color: #FFFFFF;
	font-size: 12pt;
	min-width: 300px;
	width: 300px;
	height: 37px;
}

.actionButtonRed {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #ce0000;
	background-color: #ce0000;
	color: #FFFFFF;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 20px;
}

.actionButtonOrange {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #fabf8f;
	background-color: #fabf8f;
	color: #FFFFFF;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 20px;
}

.actionButtonBlue {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #0080c0;
	background-color: #0080c0;
	color: #FFFFFF;
	font-size: 8pt;
	min-width: 118px;
	height: 20px;
}

.actionButtonGrey {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #e0e0e0;
	background-color: #e0e0e0;
	color: #FFFFFF;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 20px;
}

.actionButtonGreen {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #1aa632;
	background-color: #1aa632;
	color: #FFFFFF;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 20px;
}

.actionButtonBrown {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #ab5858;
	background-color: #ab5858;
	color: #FFFFFF;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 20px;
}

.doubleButtonRed {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #ce0000;
	background-color: #ce0000;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 37px;
}

.doubleButtonBlue {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #0080c0;
	background-color: #0080c0;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 37px;
}

.doubleButtonGreen {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #1aa632;
	background-color: #1aa632;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 37px;
}

.doubleButtonGrey {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #1aa632;
	background-color: #e0e0e0;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 37px;
}

.doubleButtonBrown {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #ab5858;
	background-color: #ab5858;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 140px;
	width: 120px;
	height: 37px;
}

.smallButtonRed {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #1aa632;
	background-color: #ce0000;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 65px;
	width: 65px;
	height: 18px;
}

.smallButtonBrown {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #1aa632;
	background-color: #ab5858;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 65px;
	width: 65px;
	height: 18px;
}

.smallButtonGrey {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #1aa632;
	background-color: #e0e0e0;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 65px;
	width: 65px;
	height: 18px;
}

.smallButtonGreen {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #1aa632;
	background-color: #1aa632;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 65px;
	width: 65px;
	height: 18px;
}

.smallButtonBlue {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #0080c0;
	background-color: #0080c0;
	color: #FFFFFF;
	white-space: normal;
	font-size: 8pt;
	min-width: 65px;
	width: 65px;
	height: 18px;
}

.actionButtonBrowse {
	border: 1px solid #ffffff;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	border-radius: 4;
	background: #ab5858;
	background-color: #ab5858;
	color: #FFFFFF;
	font-size: 8pt;
	height: 20px;
}

.actionButtonSmall, .actionButtonSmallBrowse, .actionButton,
	.actionButtonLarge {
	border: 1px solid #ffffff;
	background: -moz-linear-gradient(to bottom, white, #0080c0, white);
	-moz-border-radius: 25px;
	background: -webkit-linear-gradient(to bottom, white, #0080c0, white);
	-webkit-border-radius: 25px;
	color: #FFFFFF;
	background: linear-gradient(to bottom, white, #0080c0, white);
	border-radius: 25px;
}

.actionButtonSmall:hover, .actionButtonSmallBrowse:hover, .actionButton:hover,
	.actionButtonLarge:hover {
	border: 1px solid #ffffff;
	background: -moz-linear-gradient(to bottom, white, #0070b0, white);
	-moz-border-radius: 25px;
	background: -webkit-linear-gradient(to bottom, white, #0070b0, white);
	-webkit-border-radius: 25px;
	background: linear-gradient(to bottom, white, #0070b0, white);
	color: #FFFFFF;
	border-radius: 25px;
	cursor: pointer;
}

.FullWidth {
	width: 100%;
	text-align: center;
	white-space:nowrap;
}

.outline {
	border: thin solid gray;
	border-radius: 4;
	padding: 10px;
	margin: 10px;
}

.TitleCell {
	width: 35%;
}

.MessageCell {
	width: 65%;
}

.NudgeRight {
	padding-left: 8px;
}

.NudgeLeft {
	padding-right: 8px;
}

.NudgeBitLeft {
	padding-right: 4px;
}

.NudgeLotsLeft {
	padding-right: 60px;
}

form {
	margin-bottom: 0px;
}

.SelectBoxMinute {
	width: 50px;
}

.SelectBoxSmall {
	width: 65px;
}

.SelectBoxDetail {
	width: 75px;
}

.SelectBoxFullWidth {
	width: 100%;
}

.SelectBoxMostWidth {
	width: 98%;
}

.SelectBoxMid {
	width: 100px;
}

.SelectBox {
	width: 130px;
}

.SelectBoxWide {
	width: 180px;
}

.SelectBoxExtraWide {
	width: 210px;
}

.SelectBoxExtraExtraWide {
	width: 270px;
}

.SelectData {
	width: 300px;
}

.SelectRider {
	width: 330px;
}

.ScenarioSelect {
	width: 500px;
}

.YellowBackgroundCF select {
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	vertical-align: top;
	margin: 0;
	border: none;
	background-color: #ffffae;
	border: thin solid #CCCCCC;
	background: #ffffd2;
}

.YellowBackgroundCF select option {
	background-color: #ffffae;
	background: #ffffd2;
}

.YellowBackgroundTitleCF {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #ffffd2;
}

select {
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	vertical-align: top;
	margin: 0;
	border: none;
	border: thin solid #CCCCCC;
	background-color: #ffffff;
}

select option {
	background-color: #ffffff;
	}

.multiline {
	height: inherit;
}

/**checkboxes*/
.styled-checkbox {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	background: transparent 50% 50% no-repeat
		url("/images/chkbox-empty.png");
	cursor: pointer;
}

.yes {
	background: transparent 50% 50% no-repeat
		url("/images/chkbox-checked.png");
}

.yes-disabled {
	background: transparent 50% 50% no-repeat
		url("/images/chkbox-checked-disabled.png");
	cursor: auto;
}

.no {
	
}

.ui-state-default .ui-icon {
	background-image:
		url("/jsp/jquery/theme/images/ui-icons_454545_256x240.png");
}

.margin_top {
	margin-top: 8px;
	}

.ui-icon:hover {
	cursor: pointer;
}

.ui-icon-trash {
	background: url("/images/trash.png") no-repeat 0px 0px;
}

.ui-icon-expand {
	background: url("/images/expand.png") no-repeat 0px 0px;
	margin-top: 2px;
	margin-right: 2px;
}
.ui-icon-plan-scout {
	background: url("/images/planscout.png") no-repeat 0px 0px;
	margin-top: 0px;
	margin-right: 4px;
}

.ui-icon-contract {
	background: url("/images/contract.png") no-repeat 0px 0px;
	margin-top: 2px;
	margin-right: 2px;
}

.ui-icon-up {
	width: 16px;
	height: 16px;
	background: url("/images/up.png") no-repeat 0px 0px;
	display: block;
	border-radius: 0px !important;
    line-height: 16px !important;
    padding:0px 0px !important;
    border: 0 !important;
}

.ui-icon-down {
	width: 16px;
	height: 16px;
	background: url("/images/down.png") no-repeat 0px 0px;
	display: block;
	border-radius: 0px !important;
    line-height: 16px !important;
    padding:0px 0px !important;
    border: 0 !important;
}

.ui-icon-right {
	width: 16px;
	height: 16px;
	background: url("/images/right.png") no-repeat 0px 0px;
	display: block;
	border-radius: 0px !important;
    line-height: 16px !important;
    padding:0px 0px !important;
    border: 0 !important;
}

.ui-icon-left {
	width: 16px;
	height: 16px;
	background: url("/images/left.png") no-repeat 0px 0px;
	display: block;
	border-radius: 0px !important;
    line-height: 16px !important;
    padding:0px 0px !important;
    border: 0 !important;
}

.ui-icon-prefs {
	width: 16px;
	height: 16px;
	background: url("/images/gear.png") no-repeat 0px 0px;
	display: block;
}

.ui-icon-print {
	width: 16px;
	height: 16px;
	background: url("/images/print.png") no-repeat 0px 0px;
	display: block;
}

.ui-icon-codes {
	width: 16px;
	height: 16px;
	background: url("/images/wrench.png") no-repeat 0px 0px;
	display: block;
}

.ui-icon-edit {
	background: url("/images/edit.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
}

.ui-icon-docs {
	background: url("/images/folder-yellow.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-none {
	background: url("/images/folder-grey.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-high {
	background: url("/images/folder-red.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-med {
	background: url("/images/folder-purple.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-low {
	background: url("/images/folder-blue.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-normal {
	background: url("/images/folder-grey.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-info-high {
	background: url("/images/info-red.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-info-med {
	background: url("/images/info-purple.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-info-low {
	background: url("/images/info-blue.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.ui-icon-info-normal {
	background: url("/images/info-grey.png") no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.FloatRight {
	float: right;
	padding: 2px 2px;
}

.FloatLeft {
	float: left;
	padding: 2px 2px;
}

.menu-icons-container {
	float: right;
	padding: 0px 8px;
}

.ui-icon-help {
	background: url("/images/help.png") no-repeat 0px 0px;
}

a, .LinkLineText, .link {
	color: #373737;
	/*color: #FDA75C;*/
	/*color: #94877A;*/
	text-decoration: none;
	font-weight: normal;
	border: none;
	border-bottom: thin dotted #3898AF;
	background: transparent;
	cursor: pointer;
	text-align: left;
	margin: 0px;
	padding: 0px;
	offset: 0px;
	vertical-align: top;
}

.no-underline {
	border: none;
}

.DashBoardLineContainer>.link {
	vertical-align: top;
}

.ui-datepicker-prev, .ui-datepicker-next {
	border-style: none;
}

input[type='checkbox'] {
	display: none;
}

.WhiteBackgroundCF {
	background-color: #FFFFFF;
	border-width: 0;
}

.WhiteBackgroundCF input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #ffffff;
}

.WhiteBackgroundNB input{
	height: 20px;
	border: 1px solid #ffffff;
	background: #ffffff;
}

.YellowBackgroundCF input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #ffffd2;
}

.YellowBackgroundEN input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #fffff0;
}

.OrangeBackgroundCF input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #fabf8f;
}

.OrangeBackgroundInput input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #fabf8f;
}

.OrangeBackground {
	background-color: #fabf8f;
	border-width: 0;
}

.input_short { 
	font-size: 12px !important;
	padding: 0 !important;
	height: 16px !important; 
 }

.GreenBackgroundCF input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #dce6c4;
}

.SageBackgroundCF input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #d3d6cf;
}

.PeaBackgroundCF input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #aad2af;
}

.GreyBackgroundCF input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #f0f3f4;
}

.GreenEntryBackground {
	background: #c4d499;
}

.GreyEntryBackground {
	background: #f0f3f4;
}

.BlueBackgroundCF input {
	border: 1px solid #CCCCCC;
	height: 20px;
	/*remember to change the icon-container-left: line-height  property as well*/
	background: #dce4f8;
}

.BlueBackgroundCF {
	background: #dce4f8;
}

/* input { */
/* 	border: 1px solid #CCCCCC; */
/* 	height: 20px; */
/* 	/*remember to change the icon-container-left: line-height  property as well*/ */
/* 	background: transparent; */
/* 	background: linear-gradient(to bottom, white, #E1E3E4); */
/* } */

/* textarea { */
/* 	border: 1px solid #CCCCCC; */
/* 	background: transparent; */
/* 	/*border:none;*/ */
/* 	background: linear-gradient(to bottom, white, #E1E3E4); */
/* } */

/* .TabRow input { */
/* 	background-color: #E9EDEF; */
/* } */

/*****
.actionButtonSmall, .actionButtonSmallBrowse, .actionButton, .actionButtonLarge,
**/
/**CHRIS' CHANGES - MOSTLY FOR PAGE NAV**/
.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
}

.ui-icon-first {
	background: url("/images/navFirst.png") no-repeat 0px 0px;
}

.ui-icon-prev {
	background: url("/images/navPrev.png") no-repeat 0px 0px;
}

.ui-icon-next {
	background: url("/images/navNext.png") no-repeat 0px 0px;
}

.ui-icon-last {
	background: url("/images/navLast.png") no-repeat 0px 0px;
}

.ui-icon-first_disabled {
	background: url("/images/navFirst_disabled.png") no-repeat 0px 0px;
}

.ui-icon-prev_disabled {
	background: url("/images/navPrev_disabled.png") no-repeat 0px 0px;
}

.ui-icon-next_disabled {
	background: url("/images/navNext_disabled.png") no-repeat 0px 0px;
}

.ui-icon-last_disabled {
	background: url("/images/navLast_disabled.png") no-repeat 0px 0px;
}

.icon-container-left {
	float: left;
	padding: 0px 4px;
}

#typeNavButtons {
	width: 100%;
	text-align: right;
}

.disabled {
	color: #c8c8c8;
	text-decoration: none;
}
/*******/
/*MENU RELATED*/
/*******/
.primeMenu {
	background-color: #e0e0e0;
	height: 22px;
}

.subMenu {
	background: linear-gradient(to bottom, white, #E5E5E5);
	color: #e0e0e0;
}

.menu80 {
	display: block;
	float: left;
	background-color: #e0e0e0;
	color: #FFFFFF;
	padding: 0px 10px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}

#secondaryMenu .menu80 {
	background: inherit;
	color: #e0e0e0;
}

.helpIcon {
	display: inline-block;
	vertical-align: middle;
	line-height: 12;
	padding: 0px 0px 0px 0px;
}

.menu80 span {
	/*display: inline-block;*/
	vertical-align: middle;
	/*line-height: normal;*/
	/*padding: 0px 10px;*/
}

.menu80 span:hover {
	text-decoration: underline;
	cursor: pointer;
}

.SpanLink {
    border-bottom: thin dotted #3898AF;
	cursor: pointer;
}

.primaryMenuRowHighlighted {
	background: -o-linear-gradient(bottom, #E5E5E5, white);
	background: -moz-linear-gradient(bottom, #E5E5E5, white);
	background: -webkit-linear-gradient(bottom, #E5E5E5, white);
	background: linear-gradient(to bottom, #E5E5E5, white);
	color: #e0e0e0;
}

.placeholder {
	padding: 0px;
}

.highlightRow:hover {
	background-color: #B9C1E9;
}

.listArea table tr:not (.FieldHeading ):not (.actionRow ):not (.dontHighLightRow
	 ):hover {
	background-color: #B9C1E9;
}

.ThinBorder {
	border-collapse: collapse;
}

.ThinBorder td {
	border: thin solid #777777;
}

/* /* start of new styling */ */

/* .graph1{ */
/* 	background: #10a64f; */
/* 	border: solid 1px #9fdbb9; */
/* } */

/* .graph2{ */
/* 	background: #ffc700; */
/* 	border: solid 1px #ffe999; */
/* } */

/* .graph3{ */
/* 	background: #fe2812; */
/* 	border: solid 1px #f8aca4; */
/* } */

/* .graph4{ */
/* 	background: #006bb2; */
/* 	border: solid 1px #99c4e0; */
/* } */

/* .graph5{ */
/* 	background: #7f3f97; */
/* 	border: solid 1px #ccb2d5; */
/* } */

/* .graph6{ */
/* 	background: #0c7d3b; */
/* 	border: solid 1px #9fdbb9; */
/* } */

/* .graph7{ */
/* 	background: #bf9500; */
/* 	border: solid 1px #ffe999; */
/* } */

/* .graph8{ */
/* 	background: #b32314; */
/* 	border: solid 1px #f8aca4; */
/* } */

/* .graph9{ */
/* 	background: #005085; */
/* 	border: solid 1px #99c4e0; */
/* } */

/* .graph10{ */
/* 	background: #5f2f71; */
/* 	border: solid 1px #ccb2d5; */
/* } */

/* Global page styles */
/* /* button size definitions */ */
/* .btn_lg{ */
/* 	font-size: 16px !important; */
/* } */
/* .btn_med{ */
/* 	font-size: 14px !important; */
/* } */
/* .btn_sm{ */
/* 	font-size: 12px !important; */
/* } */


/* button color definitions */

.b { /* f'ing placeholder so following stuff works */
}

.btn_menu_text {				/* App Level Alt */
	background: #f0f0f0; 
	border: none;
	color: #31393a !important;
	font-weight: 700 !important;
	font-size: 15px
}

.btn_manage {			/* 	Edit/Modify Yellow*/
	background: #c1aa1e; 
	background-image: -webkit-linear-gradient(top, #cda400, #c9a100);
	background-image: -moz-linear-gradient(top, #cda400, #c9a100);
	background-image: -ms-linear-gradient(top, #cda400, #c9a100);
	background-image: -o-linear-gradient(top, #cda400, #c9a100);
	background-image: linear-gradient(to bottom, #cda400, #c9a100);
	border: solid #f1c40f 1px;
}

.btn_action {			/*	Primary Action BLUE #306d93, #1c5f8a*/
	background: #4493c1;
	background-image: -webkit-linear-gradient(top, #4493c1, #3e8dba);
	background-image: -moz-linear-gradient(top, #4493c1, #3e8dba);
	background-image: -ms-linear-gradient(top, #4493c1, #3e8dba);
	background-image: -o-linear-gradient(top, #4493c1, #3e8dba);
	background-image: linear-gradient(to bottom, #4493c1, #3e8dba);
	border: solid #297fb8 1px;
}

.btn_action_2 {		/*	Secondary Action lt blue #c8dce9, #c3d6e3*/
	background: #74a6c7;
	background-image: -webkit-linear-gradient(top, #74a6c7, #6ea0c1);
	background-image: -moz-linear-gradient(top, #74a6c7, #6ea0c1);
	background-image: -ms-linear-gradient(top, #74a6c7, #6ea0c1);
	background-image: -o-linear-gradient(top, #74a6c7, #6ea0c1);
	background-image: linear-gradient(to bottom, #74a6c7, #6ea0c1);
	border: solid #6894b1 1px;
	color: #1c5f8a;
}

.btn_del_can {				/* Evil Red */
	background: #c14d41; 
	background-image: -webkit-linear-gradient(top, #c14d41, #aa3428);
	background-image: -moz-linear-gradient(top, #c14d41, #aa3428);
	background-image: -ms-linear-gradient(top, #c14d41, #aa3428);
	background-image: -o-linear-gradient(top, #c14d41, #aa3428);
	background-image: linear-gradient(to bottom, #c14d41, #aa3428);
	border: solid #e14231 1px;
}

.btn_del_can_2 {				/* Evil lt Red */
	background: #cd7267; 
	background-image: -webkit-linear-gradient(top, #cd7267, #c86c61);
	background-image: -moz-linear-gradient(top, #cd7267, #c86c61);
	background-image: -ms-linear-gradient(top, #cd7267, #c86c61);
	background-image: -o-linear-gradient(top, #cd7267, #c86c61);
	background-image: linear-gradient(to bottom, #cd7267, #c86c61);
	border: solid #e14231 1px;
}

.btn_feature {			/*	Page Feature GREEN #2e8c58, #1c7a46 */
	background: #3aaf70; 
	background-image: -webkit-linear-gradient(top, #3aaf70, #34a974);
	background-image: -moz-linear-gradient(top, #3aaf70, #34a974);
	background-image: -ms-linear-gradient(top, #3aaf70, #34a974);
	background-image: -o-linear-gradient(top, #3aaf70, #34a974);
	background-image: linear-gradient(to bottom, #3aaf70, #34a974);
	border: solid #29aa60 1px;
}

.btn_feature_2 {			/*	Page Feature Alt lt green #c8e6d5-#cee6d9*/
	background: #6fbd8f;
	background-image: -webkit-linear-gradient(top, #6fbd8f, #6ab78a);
	background-image: -moz-linear-gradient(top, #6fbd8f, #6ab78a);
	background-image: -ms-linear-gradient(top, #6fbd8f, #6ab78a);
	background-image: -o-linear-gradient(top, #6fbd8f, #6ab78a);
	background-image: linear-gradient(to bottom, #6fbd8f, #6ab78a);
	border: solid #29aa60 1px;
	color: #1c7a46;
}

.btn_disable {			/*	Hide/Cancel Grey */
	background: #e7e7e7; 
	background-image: -webkit-linear-gradient(top, #e7e7e7, #ddd);
	background-image: -moz-linear-gradient(top, #e7e7e7, #ddd);
	background-image: -ms-linear-gradient(top, #e7e7e7, #ddd);
	background-image: -o-linear-gradient(top, #e7e7e7, #ddd);
	background-image: linear-gradient(to bottom, #e7e7e7, #ddd);
	border: solid #cacaca 1px;
	color: #818181;
}



/* .btn_double{ */
/* 	height: 37px; */
/* } */

.btn_single { 
	font-size: 12px !important;
	padding: 0 !important;
	height: 15px !important; 
    }

.bold { 
	font-weight: bold !important;
}

.noBold { 
	font-weight: normal !important;
}

.bottom { 
	vertical-align: bottom !important;
 }

.middle { 
	vertical-align: middle !important;
 }

.top { 
	vertical-align: top !important;
}

.right { 
	text-align: right !important;
 }

.center { 
	text-align: center !important;
 }

.btn_wide { 
	min-width: 300px !important;
	width: 300px !important;
 }

.btn_manage_scenario { 
	min-width: 200px !important;
	width: 200px !important;
 }

.btn_rmd { 
	min-width: 130px !important;
	width: 130px !important;
 }

.btn_xwide { 
	min-width: 350px !important;
	width: 350px !important;
 }

.btn_med_2 { 
	font-size: 12px !important;
	min-width: 180px !important;
	width: 180px !important;
 }

.btn_narrow { 
	min-width: 65px !important;
	width: 65px !important; 
 }

.large_font { 
	font-size: 12pt; !important; 
 }

.med_font { 
	font-size: 10pt; !important; 
 }

body {
	font-size: 14px;
	font-family: "Roboto", sans-serif !important; /* doesn't seem to be working */
	font-weight: 400 !important;
	background: #f0f0f0;
}

/* Global button styles */
/* 	height: auto !important; */
/* 	width: auto !important; */

.Nowrap {
	white-space: nowrap;
}

.RedText {
	color: #ce0000 !important;
}
.PadLeft {
    padding-left: 12px; !important;
}

.Red {
   color: #e6735c !important;
   background-color: #ffffff;
	}
.Yellow {
   color: #ebcf46 !important;
   background-color: #ffffff;
}
.Green {
   color: #a3cc7a !important;
   background-color: #ffffff;
}
.Grey {
   color: #748b99 !important;
   background-color: #ffffff;
}
.Color5 {
   color: #a2b378 !important;
   background-color: #ffffff;
}
.Color6 {
   color: #527acc !important;
   background-color: #ffffff;
}
.Color7 {
   color: #7abecc !important;
   background-color: #ffffff;
}
.Color8 {
   color: #f2ac49 !important;
   background-color: #ffffff;
}
.Color9 {
   color: #baa1e6 !important;
   background-color: #ffffff;
}

.RedCell {
   color: #e6735c !important;
   background-color: #e6735c;
	}
.YellowCell  {
   color: #ebcf46 !important;
   background-color: #ebcf46;
}
.GreenCell  {
   color: #a3cc7a !important;
   background-color: #a3cc7a;
}
.GreyCell  {
   color: #748b99 !important;
   background-color: #748b99;
}
.Color5Cell  {
   color: #a2b378 !important;
   background-color: #a2b378;
}
.Color6Cell  {
   color: #527acc !important;
   background-color: #527acc;
}
.Color7Cell  {
   color: #7abecc !important;
   background-color: #7abecc;
}
.Color8Cell  {
   color: #f2ac49 !important;
   background-color: #f2ac49;
}
.Color9Cell  {
   color: #baa1e6 !important;
   background-color: #baa1e6;
}

.Red input {
	border: 1px solid #CCCCCC;
	height: 20px;
	color: #e6735c !important;
   background-color: #ffffff;
	}
.Yellow input {
   	border: 1px solid #CCCCCC;
	height: 20px;
   color: #ebcf46 !important;
   background-color: #ffffff;
}
.Green input {
   	border: 1px solid #CCCCCC;
	height: 20px;
   color: #a3cc7a !important;
   background-color: #ffffff;
}
.Grey input {
   	border: 1px solid #CCCCCC;
	height: 20px;
   color: #748b99 !important;
   background-color: #ffffff;
}
.Color5 input {
   	border: 1px solid #CCCCCC;
	height: 20px;
   color: #a2b378 !important;
   background-color: #ffffff;
}
.Color6 input {
   	border: 1px solid #CCCCCC;
	height: 20px;
   color: #527acc !important;
   background-color: #ffffff;
}
.Color7 input {
   	border: 1px solid #CCCCCC;
	height: 20px;
   color: #7abecc !important;
   background-color: #ffffff;
}
.Color8 input {
   	border: 1px solid #CCCCCC;
	height: 20px;
   color: #f2ac49 !important;
   background-color: #ffffff;
}
.Color9 input {
   	border: 1px solid #CCCCCC;
	height: 20px;
   color: #baa1e6 !important;
   background-color: #ffffff;
}

.RedAllocBackGround {
   background: #e6735c !important;
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
	}
.YellowAllocBackGround {
   background: #ebcf46 !important;
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
}
.GreenAllocBackGround {
   background: #a3cc7a !important;
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
}
.GreyAllocBackGround {
   background: #748b99 !important;
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
}
.Color5AllocBackGround {
   background: #a2b378 !important; 
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
}
.Color6AllocBackGround {
   background: #527acc !important;
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
}
.Color7AllocBackGround {
   background: #7abecc !important;
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
}
.Color8AllocBackGround {
   background: #f2ac49 !important;
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
}
.Color9AllocBackGround {
   background: #baa1e6 !important;
   border-left-width:0;
   border-top-width:0;
   border-bottom-width:0;
}

.AllocColorSize {
  width:15px !important;
  min-width:15px !important;
  max-width:15px !important;
  height:37px !important;
}

.Height100pct {
  height: 100%;
}
