﻿/*** General Styles ***/
h1 {
    font-size: 1.695em;/* 1.695em = 22.6/13.33333 */
    font-weight: bold;
}

h2 {
    font-size: 1.395em;/* 1.395em = 18.6/13.33333 */
    font-weight: bold;
    margin-top: 0.75269em;/* 0.75269em = 14/18.6 */
    /*color: #000000;*/
}

h4 {
	font-size: 1em;/* ? */
	font-weight: bold;
    /*color: #000000;*/
}

.HomePageHeading {
	/*color: #03318F;*/
}

p {
    margin-bottom: 1.5em;
}

.MarginBottom30,
fieldset.FnlFieldSet.MarginBottom30 {
    margin-bottom: 30px;
}

.ClearFix:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

#FnlSubSiteMain {
    overflow: visible;/* so flyout menus are visible */
}

.FloatRight {
	float: right;
}

.RightAligned {
  float: right !important;
  margin-left: auto !important;
}

/*** Layout ***/
.PrimaryColumn,
.SecondaryColumn {
    float: left;
}

.PrimaryColumn { 
    width: 609px;
    margin-right: 15px;
}

.SecondaryColumn {
    width: 312px;
}



/*** Default Button Styles, Overrides LASP Framework ***/
button,
input[type="submit"],
input[type="button"],
a.FnlInputButtonLink {
  font-size: 12px;
}

button,
input[type="submit"],
input[type="button"] {
  height: 24px;
  padding: 0px 10px;
  line-height: normal;
}

a.FnlInputButtonLink {
  padding: 2px 8px;
  height: auto;
  line-height: 20px;
}



/*** Large Buttons ***/
input[type="submit"].LargeButton,
a.FnlInputButtonLink.LargeButton {
    padding-right: 19px;
    padding-left: 19px;
}

input[type="submit"].LargeButton {
    height: 34px;
}

a.FnlInputButtonLink.LargeButton {
    padding-top: 9px;
    padding-bottom: 9px;
}



/*** Icon Button Styles ***/
/** Base styles **/
span.InputButtonWrapper.HasIcon,
span.FnlInputButtonLinkWrapper.HasIcon {
    display: inline-block;
    vertical-align: middle;
    /* framework styles */
    background: #486d93;
    border-radius: 5px;
}
    span.InputButtonWrapper.HasIcon:hover,
    span.FnlInputButtonLinkWrapper.HasIcon:hover {
      /* framework styles */
      background: #6796c6;
      color: #ffffff;
    }

    span.InputButtonWrapper.HasIcon:focus,
    span.FnlInputButtonLinkWrapper.HasIcon:focus {
      /* framework styles */
      background: #6796c6;
      color: #ffffff;
    }

    span.InputButtonWrapper.HasIcon:active,
    span.FnlInputButtonLinkWrapper.HasIcon:active {
      /* framework styles */
      background: #3b5a7a;
      color: #ffffff;
    }

    span.InputButtonWrapper.HasIcon > input[type="submit"] {
      background: transparent no-repeat;
      margin: 0;
      filter: none; /* for old ie */
      border-radius: 0;
    }

    span.FnlInputButtonLinkWrapper.HasIcon > a.FnlInputButtonLink {
      background: transparent no-repeat;
      display: block;
      margin: 0;
      filter: none; /* for old ie */
      border-radius: 0;
    }

    span.InputButtonWrapper.HasIcon > input[type="submit"],
    span.FnlInputButtonLinkWrapper.HasIcon > a.FnlInputButtonLink {
      background-image: url('../Media/Images/button-icon-sprite.png');
      padding-left: 27px;
    }

/** Base Styles - Large Buttons **/
span.InputButtonWrapper.HasIcon > input[type="submit"].LargeButton,
span.FnlInputButtonLinkWrapper.HasIcon > a.FnlInputButtonLink.LargeButton {
    padding-left: 37px;
}

/** Icon Styles **/
/* submit */
span.InputButtonWrapper.HasIcon.SubmitIcon > input[type="submit"],
span.FnlInputButtonLinkWrapper.HasIcon.SubmitIcon > a.FnlInputButtonLink {
    background-position: 10px 5px;
}
    span.InputButtonWrapper.HasIcon.SubmitIcon > input[type="submit"].LargeButton,
    span.FnlInputButtonLinkWrapper.HasIcon.SubmitIcon > a.FnlInputButtonLink.LargeButton {
        background-position: 19px 10px;
    }

/* cancel */
span.InputButtonWrapper.HasIcon.CancelIcon > input[type="submit"],
span.FnlInputButtonLinkWrapper.HasIcon.CancelIcon > a.FnlInputButtonLink {
    background-position: 10px -196px;
}
    span.InputButtonWrapper.HasIcon.CancelIcon > input[type="submit"].LargeButton,
    span.FnlInputButtonLinkWrapper.HasIcon.CancelIcon > a.FnlInputButtonLink.LargeButton {
        background-position: 19px -191px;
    }

/* search */
span.InputButtonWrapper.HasIcon.SearchIcon > input[type="submit"],
span.FnlInputButtonLinkWrapper.HasIcon.SearchIcon > a.FnlInputButtonLink {
  background-position: 10px -394px;
}
    /* no-large */

/* create */
span.InputButtonWrapper.HasIcon.CreateIcon > input[type="submit"],
span.FnlInputButtonLinkWrapper.HasIcon.CreateIcon > a.FnlInputButtonLink {
    background-position: 10px -595px;
}
    /* no-large */

/* edit */
/* no-small */
    span.InputButtonWrapper.HasIcon.EditIcon > input[type="submit"].LargeButton,
    span.FnlInputButtonLinkWrapper.HasIcon.EditIcon > a.FnlInputButtonLink.LargeButton {
        background-position: 19px -790px;
    }




/*** Form Action Buttons ***/
.FormActionButtons {
    border-top: 1px solid #999999;
    margin-top: 42px;
    padding-top: 14px;
}

    .FormActionButtons > span.InputButtonWrapper,
    .FormActionButtons > span.InputButtonLinkWrapper {
        margin-right: 3px;
    }



/*** Wide Lables ***/
fieldset.FnlFieldSet.WideLabels > ol.InputFields li > label:first-child,
fieldset.FnlFieldSet.WideLabels > ol.InputFields li > span.Label:first-child,
div.FnlViewSet.WideLabels > ol.ViewFields li > label:first-child,
div.FnlViewSet.WideLabels > ol.ViewFields li > span.Label:first-child {
	width: 170px;
}

    div.FnlViewSet.WideLabels > ol.ViewFields li > label:first-child + span,
    div.FnlViewSet.WideLabels > ol.ViewFields li > span.Label:first-child +span {
	     margin-left: 170px;
    }

fieldset.FnlFieldSet.WideLabels ol.InputFields .InputNote {
	margin-left: 170px;
}



/*** Form Styles and Overrides ***/
fieldset.FnlFieldSet ol.InputFields li > label:first-child,
fieldset.FnlFieldSet ol.InputFields li > span.Label:first-child {
	width: 135px;
}

div.FnlViewSet ol.ViewFields > li > label:first-child,
div.FnlViewSet ol.ViewFields > li > span.Label:first-child {
	width: 135px;
}

fieldset.FnlFieldSet ol.InputFields .InputNote {
	margin-left: 135px;
}

fieldset.FnlFieldSet ol.InputFields > li,
div.FnlViewSet ol.ViewFields > li {
	margin-top: 14px;
	line-height: 20px;
}

div.FnlViewSet > ol.ViewFields {
	margin-top: 8px;
	margin-bottom: 24px;
}

/* file upload wrapper */
fieldset.FnlFieldSet ol.InputFields > li > label:first-child + div.FileUploadWrapper,
fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child + div.FileUploadWrapper {
    margin-left: 75px;
}

fieldset.FnlFieldSet.WideLabels ol.InputFields > li > label:first-child + div.FileUploadWrapper,
fieldset.FnlFieldSet.WideLabels ol.InputFields > li > span.Label:first-child + div.FileUploadWrapper {
    margin-left: 170px;
}

    /* error messages */
    fieldset.FnlFieldSet ol.InputFields > li > label:first-child + div.FileUploadWrapper ~ span.ValidationError,
    fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child + div.FileUploadWrapper ~ span.ValidationError {
        display: block;
        margin-left: 75px;
        margin-top: 0;
    }

    fieldset.FnlFieldSet.WideLabels ol.InputFields > li > label:first-child + div.FileUploadWrapper ~ span.ValidationError,
    fieldset.FnlFieldSet.WideLabels ol.InputFields > li > span.Label:first-child + div.FileUploadWrapper ~ span.ValidationError {
        display: block;
        margin-left: 170px;
        margin-top: 0;
    }

div.FileUploadWrapper > input[type="file"] {
    max-width: 253px;/* for firefox */
}

.RadioTable td > input[type="radio"] {
    margin: 0 5px 0 0;
}

    .RadioTable td > input[type="radio"] + label {
        margin-right: 25px;
    }



.Request {
	overflow: hidden;
}

	.Request > .LeftColumn {
		float: left;
		width: 350px;
	}

	.Request > .RightColumn {
		width: 380px;
		margin-left: 370px;
	}



#FnlSubSiteSideBar > nav.SideNavigation ul li a,
#FnlSubSiteSideBar > div.SideNavWrapper > nav.SideNavigation ul li a {
	padding-left: 23px;
	display: block;
	padding: 6px 12px 6px 23px;
	color: #5C5C5C;
	text-decoration: none;
}

#FnlSubSiteSideBar nav.SideNavigation ul li.Selected {
	background-color: #567EDE;
}

	/* Top-Level Links */
	#FnlSubSiteSideBar nav.SideNavigation ul li.Selected > a {
		color: #FFFFFF;
		font-weight: bold;
	}


/* Sub-Level Items */
#FnlSubSiteSideBar nav.SideNavigation ul ul li {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid white;
	list-style-type: none;
	/*background-color:;*/
	background: #F4F5FC url('../Media/Images/NavSubListBG.png') repeat-y left top;
}

	/* Sub-Level Links */
	#FnlSubSiteSideBar nav.SideNavigation ul ul li a {
		padding-left: 42px;
	}

	#FnlSubSiteSideBar nav.SideNavigation ul ul li.Selected {
		background-color: #567EDE;
	}



/*** Grid Simple Filter Styling - Simple, horizontal filters ***/
.SimpleFilterWrap,
div.SimpleFilterWrap {
	margin-bottom: 8px;
}

    .SimpleFilterWrap > fieldset.FnlFieldSet {
        margin: 0;
    }

        .SimpleFilterWrap > fieldset.FnlFieldSet > ol.InputFields > li > label:first-child,
        .SimpleFilterWrap > fieldset.FnlFieldSet > ol.InputFields > li > span.Label:first-child{
            margin-right: 16px;
            width: auto;
        }

        .SimpleFilterWrap > fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li {
            margin-right: 0px;
        }

            .SimpleFilterWrap > fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li > * {
                float: left;
            }

            .SimpleFilterWrap > fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li > input,
            .SimpleFilterWrap > fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li > select {
                margin-right: 8px;
            }

                .SimpleFilterWrap > fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li > input:last-child,
                .SimpleFilterWrap > fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li > select:last-child {
                    margin-right: 5px;
                }

            .SimpleFilterWrap > fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li > input[type="submit"],
            .SimpleFilterWrap > fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li > span.InputButtonWrapper {
                margin-right: 4px;
            }

	.SimpleFilterWrap.TwoColumnFilter:after {
        content: "";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
	}

        .SimpleFilterWrap.TwoColumnFilter > .FilterColumnOne {
            float: left;
        }

        .SimpleFilterWrap.TwoColumnFilter > .FilterColumnTwo {
            float: right;
        }



/*** Regular Filter Styles - Typical DMS Filter Styles ***/
/*** Filter Styles ***/
div.FilterWrap {
  padding: 17px 15px;
  border: 1px solid #d7e5f3;
  background-color: #fdfdfd;
}

div.FilterWrap > h3 {
  margin: 0 0 9px 0;
  color: #404040;
}

div.FilterWrap > ol.InputFields > li.FilterRow {
  margin-top: 10px;
}

  div.FilterWrap > ol.InputFields > li.FilterRow:first-child {
    margin-top: 0;
  }

div.FilterWrap > ol.InputFields > li.FilterRow > div {
  float: left;
  margin-right: 20px;
}

  div.FilterWrap > ol.InputFields > li.FilterRow > div:last-child {
    margin-right: 0;
  }

div.FilterWrap > ol.InputFields > li.FilterRow label,
div.FilterWrap > ol.InputFields > li.FilterRow span.Label {
  display: inline-block;
  float: left;
  margin: 3px 7px 0 0;
}

/* Date Range Filters */
div.FilterWrap > ol.InputFields > li.FilterRow > div.DateRangeWrapper > input {
  width: 77px;
}

div.FilterWrap > ol.InputFields > li.FilterRow > div.DateRangeWrapper label.DateRangeLabelTo {
  float: none;
  margin-right: 6px;
  margin-left: 6px;
  width: auto;
}

/* server side rendering of date range filters */
div.FilterWrap > ol.InputFields > li.FilterRow > div.DateRangeWrapper.ServerSideBlocks {
  display: flex;
}

div.FilterWrap > ol.InputFields > li.FilterRow > div.DateRangeWrapper.ServerSideBlocks label.DateRangeLabelTo {
  margin-left: 11px;
}



/*** FNL Grid View Framework Style Overrides ***/
.FnlGridView {}

    .FnlGridViewHeader {
	    font-weight: bold;
    }

	.FnlGridView > tbody > tr.FnlGridViewEmptyDataRow > td {
		color: #818181;
		padding: 18px 6px;
		border: 1px solid Silver;
	}

  .FnlGridViewEditRow {
    background-color: #fffeed;
  }



/*** Loaders ***/
/* .Active is added via JS */
.LoadingIconBlock {
    background: transparent url('../Media/Images/Loader.gif') no-repeat center center;
    display: none;
    height: 14px;
    width: 14px;
    margin: 3px 0 3px 10px;
    line-height: 14px;
}

    .LoadingIconBlock.Active {
        display: block;
    }

a.HasLoadInside span.LoadingIcon {
    margin-left: 5px;
    line-height: inherit;
    display: none;
    height: 14px;
    width: 14px;
    background: transparent url('../Media/Images/Loader.gif') no-repeat center center;
}

    a.HasLoadInside.Active span.LoadingIcon{
        display: inline-block;
    }

fieldset.FnlFieldSet ol.InputFields > li > div.FileUploadWrapper > .LoadingIconBlock.Active {
    display: inline-block;
}



/*** Pills ***/
.PillLink {
	background: #eeeeee none no-repeat left center;
	display: inline-block;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	margin: 0 5px;
}

	.PillLink > * {
		float: left;
		background: transparent none no-repeat left center;
	}

	a.PillLink,
	.PillLink > a {
		display: inline-block;
		font-size: 12px;
        line-height: 1.5em;
        /*height: 1em;*/
        padding: 4px 10px;
		text-decoration: none;

        overflow-wrap: break-word;
        word-wrap: break-word;
        /*-ms-word-break: break-all;
        word-break: break-all;*/
        word-break: break-word;/* non-standard for webkit */
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
	}

		.PillLink > a.FileDownloadLink {
			padding-left: 30px;
			background-image: url('../Media/Images/FileUploadIconSprite.png');
			background-position: 8px 7px;
		}

		.PillLink > a.FileDeleteLink {
			text-indent: -90000px;
			width: 40px;
			padding-left: 0;
			padding-right: 0;
            margin-left: 1px;/* account for the pseudo-border */
			border-left: 1px solid #fff;
			background-image: url('../Media/Images/FileUploadIconSprite.png');
			background-position: 11px -95px;
            position: relative;
		}

            .PillLink > a.FileDeleteLink:before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: -2px;
                width: 1px;
                background-color: #cfcfcf;
            }

    fieldset.FnlFieldSet ol.InputFields > li .PillLink,
    div.FnlViewSet ol.ViewFields > li .PillLink {
        margin-left: 0;
        margin-right: 10px;
    }

    fieldset.FnlFieldSet ol.InputFields > li .MultiPillWrapper > .PillLink,
    div.FnlViewSet ol.ViewFields > li .MultiPillWrapper > .PillLink {
        margin-bottom: 10px;
    }

    /* max widths to avoid text overflow issues */
    fieldset.FnlFieldSet ol.InputFields li .PillLink > a.FileDownloadLink{
        max-width: 345px;
    }

    div.FnlViewSet ol.ViewFields li .PillLink > a.FileDownloadLink{
        max-width: 389px;
    }



/*** Fancy Header ***/
.FancyHeader {
    background-color: transparent; /* old browsers */
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 55%, rgba(204,226,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 55%, rgba(204,226,247,1) 100%); /* FF3.6-15 */
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 55%, rgba(204,226,247,1) 100%); /* everything else */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#cce2f7',GradientType=0 ); /* old ie */

    padding: 12px 14px 10px;
    color: #486d93;
    font-weight: bold;
}



/*** Page Tab Styles ***/
/* This isnt frameworked but it is used everywhere */
#PageTabs > ul {
	list-style: none;
	border-bottom: 2px solid #3160B0;
	padding: 0 5px;
	margin: 15px 0;
	height: 25px;
}

	#PageTabs > ul > li {
		list-style: none;
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0;
	}

		#PageTabs > ul > li > a {
			display: inline-block;
			height: 24px;
			padding: 0 14px;
			margin: 0 5px 0 0;
			font-size: 12px;
			line-height: 24px;
			font-weight: bold;
			color: #37619a;
			text-decoration: none;
			border-left: 1px solid #97d6d6;
			border-top: 1px solid #97d6d6;
			border-right: 1px solid #97d6d6;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}


		#PageTabs > ul > li.CurrentTab > a, #PageTabs > ul > li.CurrentTab > a:hover {
			background-color: #3160B0;
			border-color: #3160B0;
			color: #ffffff;
			cursor: default;
			height: 25px;
		}


		#PageTabs > ul > li > a {
			display: inline-block;
			height: 24px;
			padding: 0 14px;
			margin: 0 5px 0 0;
			font-size: 12px;
			line-height: 24px;
			font-weight: bold;
			color: #486d93;
			text-decoration: none;
			border-left: 1px solid #97d6d6;
			border-top: 1px solid #97d6d6;
			border-right: 1px solid #97d6d6;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}

/*** Navigation Tabs ***/
#PageTabs.NavigationTabs > ul {
  -webkit-box-shadow: inset 0 -6px 6px -6px #f7f7f7;
  -moz-box-shadow: inset 0 -6px 6px -6px #f7f7f7;
  box-shadow: inset 0 -6px 6px -6px #f7f7f7;
  border-bottom: 1px solid #44668a;
  padding: 0;
  height: 20px;
}

	#PageTabs.NavigationTabs > ul > li {
		line-height: 19px;
	}

		#PageTabs.NavigationTabs > ul > li > a {
			background: #537ba3 url('../Media/Images/navigation-tabs-bg-sprite.png') repeat-x 0 0;
			-webkit-border-top-left-radius: 0;
			-webkit-border-top-right-radius: 0;
			-moz-border-radius-topleft: 0;
			-moz-border-radius-topright: 0;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			border-color: #bdd3e7;
			font-size: 0.825em; /* 0.825em = 11/13.33333 */
			font-weight: normal;
			line-height: 19px;
			margin: 0;
			height: 19px;
			padding: 0 8px;
			position: relative;
		}

		#PageTabs.NavigationTabs > ul > li:first-child > a {
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-top-left-radius: 5px;
		}

		#PageTabs.NavigationTabs > ul > li:last-child > a {
			-webkit-border-top-right-radius: 0;
			-moz-border-radius-topright: 0;
			border-top-right-radius: 0;
			border-right: none;
			padding-right: 6px;
		}

			#PageTabs.NavigationTabs > ul > li:last-child > a:after {
				content: "";
				display: block;
				position: absolute;
				top: -1px;
				right: -24px;
				bottom: 0;
				width: 24px;
				background: url('../Media/Images/navigation-tabs-right-end-cap-sprite.png') no-repeat 0 0;
			}

		#PageTabs.NavigationTabs > ul > li.CurrentTab > a {
			background-position: 0 -50px;
			border-color: #44668a;
			color: #ffffff;
		}

			#PageTabs.NavigationTabs > ul > li.CurrentTab > a:hover {
				height: 19px;
			}

		#PageTabs.NavigationTabs > ul > li:last-child.CurrentTab > a:after {
			background-position: 0 -50px;
		}

		/* hover states */
		#PageTabs.NavigationTabs > ul > li > a:hover {
			background-position: 0 -50px;
			border-color: #44668a;
			color: #ffffff;
		}

		#PageTabs.NavigationTabs > ul > li:last-child > a:hover:after {
			background-position: 0 -50px;
		}



/*** Alternate Page Navigation ***/
#AlternatePageNavigation {
    font-size: 11px;
    margin: 19px 0 9px;
}



/*** Aside Column Styles ***/
.AsideColumn {
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #ffffff;
    float: right;
    margin-top: 2px;

    /* fancy borders */
    border-top: 1px solid #bdd3e7;
    overflow: hidden;
    position: relative;
    *border: 1px solid #bdd3e7;/* IE<8 doesnt support pseudo elements */
    *width: 310px;/* -2, account for borders */
}

    /* Fancy borders */
    .AsideColumn:before,
    .AsideColumn:after {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        content: "";

        background: #bdd3e7;
        background: -moz-linear-gradient(top, rgba(189,211,231,1)  0%, rgba(189,211,231,0)  100%);
        background: -webkit-linear-gradient(top, rgba(189,211,231,1)  0%, rgba(189,211,231,0)  100%);
        background: linear-gradient(to bottom, rgba(189,211,231,1)  0%, rgba(189,211,231,0)  100%);
        /* ie<10 doesnt support gradients on pseudo elements */
    }
        .AsideColumn:before {
            left: 0px;
        }
        .AsideColumn:after {
            right: 0px;
        }

    .AsideColumn .FancyHeader {
        margin: 0;
    }

    .AsideColumn .Section {
        margin: 0 14px;
        padding: 14px 0;
        border-bottom: 1px solid #eeeeee;
    }

        .AsideColumn .Section:last-child {
            border-bottom: none;
        }

    .AsideColumn div.FnlViewSet > ol.ViewFields {
        margin: 0;
    }



/*** Modal Styles ***/
.ModalPopupBG {
	background-color: #000000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.ModalCloseButton {
    margin: 3px 6px 0 0;
    float: right;
}

.PopupHeader {
	background-color: #6d9fd2;
    padding: 3px 0 6px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

    .PopupHeader:after {
        content:"";
        height: 0;
        visibility: hidden;
        display: block;
        clear:both;
    }

.PopupBody {
	-webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    border-right: 2px solid #6d9fd2;
    border-bottom: 2px solid #6d9fd2;
    border-left: 2px solid #6d9fd2;
    background-color: #ffffff;
	min-width: 375px;
	/*max-height: 400px;*/
	max-width: 500px;
    padding: 16px 24px;
}

    .PopupBody ul {
        padding-left: 5px;
        list-style: inside;
        margin: 0;
    }

        .PopupBody ul > li {
            margin-bottom: 7px;
        }

    .PopupBody .PopupTitle {
	    font-weight: bold;
        margin-top: 0;
        padding: 0 0 13px 0;
    }

    .PopupBody table.FnlTable {
      width: 100%;
      margin: 0;
    }

      .PopupBody table.FnlTable th.EffectiveDate {
        width: 90px;
      }

.NedUserPopup {
    width: 600px;
}
    .NedUserPopup .PopupBody {
        max-width: 960px;
    }
        .NedUserPopup .PopupBody .PopupTitle {
            padding-bottom: 4px;
        }

.HideModelPopupButton {
	display: none;
}



/*** Value List Styles - Generic list of labels and values that arent associated with a form ***/
ol.ValueList {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ol.ValueList > li {
        margin-top: 13px;
    }

        ol.ValueList > li:first-child {
            margin-top: 0;
        }

        ol.ValueList > li > span {
            color: #666666;
        }


.DivOneBelowOther {
	float: left;
}

.DivOneBelowOtherWithFullWidth {
	float: left;
	width: 100%;
}

.MinGridViewHight {
	min-height: 250px;
}

fieldset.FnlFieldSet ol.InputFields > li > label:first-child + div.SopAttachments {
	margin-left: 135px;
}

.SupportingAttachments {
	margin-top: 16px;
  padding: 16px 10px;
  border: 1px solid #dddddd;
  background-color: #f2f2f2;
}
/* end miscellaneous */



/*** ListSlider ***/
ol.ListSlider {
	position: relative;
	list-style: none;
	padding: 1px 0 0 1px;
	width: 280px; /* remove when done */
	background-color: #edf4fb;
    margin-bottom: 0;
}

	/* clearfix */
	ol.ListSlider:after {
		display: block;
		content: "";
		clear: both;
		visibility: hidden;
		height: 0;
	}

	/* navigation */
	ol.ListSlider li.previous,
	ol.ListSlider li.next {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 10px;
		background-color: #ffffff;
		border: 1px solid #edf4fb;
		margin: 0;
	}

	ol.ListSlider li.previous {
		left: 0;
	}

	ol.ListSlider li.next {
		right: 0;
	}

@media (min-width: 992px) {
	/* mobile friendly! */
	ol.ListSlider li.previous,
	ol.ListSlider li.next {
		display: none;
	}

	ol.ListSlider:hover li.previous,
	ol.ListSlider:hover li.next {
		display: block;
	}
}

/* slides */
ol.ListSlider > li {
	float: left;
	background-color: #ffffff;
	margin: 0 1px 1px 0;
}

ol.ListSlider > li {
	width: 69px;
}

	ol.ListSlider > li:hover {
		background-color: #a8caeb;
		color: #ffffff;
	}

		ol.ListSlider > li:hover > a {
			color: #ffffff;
		}

	ol.ListSlider > li > a {
		padding: 13px 0 14px;
		display: block;
		text-decoration: none;
		text-align: center;
		color: #4d749d;
	}

	/*Selected item style*/
	ol.ListSlider > li.SelectedItem {
		background-color: #6d9fd2;
	}

		ol.ListSlider > li.SelectedItem > a {
			color: #ffffff;
		}



/*** Attached Item List ***/
.AttachedItemListTitle {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0;
}

.AttachedItemListEmptyData {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding: 11px 9px;
	margin: 0;
	color: #818181;
}

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

ul.AttachedItemList {
	border-top: 1px solid #f2f2f2;
}

	ul.AttachedItemList > li {
		border-bottom: 1px solid #f2f2f2;
		padding: 6px 7px;
		margin: 0;
	}

		ul.AttachedItemList > li > .RemoveItemButton {
			width: 27px;
			height: 27px;
			background: url('../Media/Images/ItemListButtonIcons.png') no-repeat 0 0;
			overflow: hidden;
			text-indent: -9000px;
			border: none;
			padding: 0;
			white-space: nowrap;
			margin-right: 14px;
            filter:none;/* for old ie*/
      border-radius: 0;
		}

			ul.AttachedItemList > li > .RemoveItemButton:hover {
				background-position: 0 -50px;
			}

/*** AttachableItemGrid ***/
.AttachableItemGridViewTitle {
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.AttachableItemGridViewHeader {
  padding: 15px 0 6px;
}

	.AttachableItemGridViewHeader fieldset.FnlFieldSet {
		margin: 0;
	}

		.AttachableItemGridViewHeader fieldset.FnlFieldSet > ol.InputFields > li > label {
			margin-left: 0;
			width: auto;
			margin-right: 18px;
		}

    .AttachableItemGridViewHeader fieldset.FnlFieldSet > ol.InputFields > li > ol.HorizontalInput > li > * {
        float: left;
        margin-right: 5px;
    }

    .FnlGridView.AttachableItemGridView > tbody > tr.FnlGridViewRow > td,
		.FnlGridView.AttachableItemGridView > tbody > tr.FnlGridViewAlternatingRow > td {
			border-right: none;
		}

	.FnlGridView.AttachableItemGridView > tbody > tr > td {
		vertical-align: middle;
	}

		.FnlGridView.AttachableItemGridView > tbody > tr > td.ActionsColumn {
			width: 30px;
		}

	.FnlGridView.AttachableItemGridView tbody tr > td.ActionsColumn > .AddItemButton {
		width: 27px;
		height: 27px;
		background: url('../Media/Images/ItemListButtonIcons.png') no-repeat 0 -100px;
		overflow: hidden;
		text-indent: -9000px;
		border: none;
		padding: 0;
		white-space: nowrap;
        filter:none;/* for old ie*/
        border-radius: 0;
	}

		.FnlGridView.AttachableItemGridView tbody tr > td.ActionsColumn > .AddItemButton:hover {
			background-position: 0 -150px;
		}



/*** Dotted Table - Simple dotted table styles. Not to be used with framework styles, will need updates. ***/
table.DottedTable {
  border-spacing: 0;
}

  table.DottedTable thead th {
    padding: 0 7px 3px;
    color: #858585;
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
    line-height: 18px;
    font-weight: normal;
  }

  table.DottedTable thead th,
  table.DottedTable tbody tr:last-child td {
    border-bottom: 1px solid #dedede;
  }

  table.DottedTable tbody td {
    padding: 14px 7px;
    border-bottom: 1px dotted #cccccc;
  }



/*** Reporting Page Styles ***/
.ReportingToolBar {
  margin-bottom: 10px;
}

.ReportingGrid th .ReportingGridHeaderNote {
  font-weight: normal;
  color: #e7f3ff;
}

.ReportingGrid .ReportingGridDataNote {
  color: #555555;
}

.ReportingGrid td ul.AttachmentList {
  padding: 0 0 0 15px;
  margin: 0;
  list-style: none;
}

.ReportingGrid td ul.AttachmentList > li {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  margin-bottom: 15px;
  list-style: disc outside;
  line-height: 1.5em;
}



/*** Miscellaneous Styles ***/
.SeriesInformation {
	float: left;
	margin-right: 60px;
}

.PolicyNumberAbbr {
	float: left;
}

input[type="submit"].RemoveFileButton {
    background: transparent url('../Media/Images/remove-file-icon.png') no-repeat 0 0;
    border: none;
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    height: 14px;
    width: 14px;
    filter:none;/* for old ie*/
}

.Section {
    margin-bottom: 42px;
}

h1 + .Section {
    margin-top: 17px;
}


.NedUserEditLink {
	text-decoration: underline;
	margin-left: 5px;
	cursor: pointer;		
}

.FnlInputButtonLink.NedUserEditLink {
		text-decoration: underline;
	margin-left: 5px;
	cursor: pointer;
}

.panelAttachmentDetails {
display:none;
}

/* generic checkmark icon */
.CheckMarkIcon {
  display: none;
  background: transparent url('../Media/Images/check-mark-icon.png') no-repeat 0 0;
  background-image: url('../Media/Images/check-mark-icon.svg'), none;
  background-size: 14px 13px;
  width: 14px;
  height: 13px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.CheckMarkIcon.Checked {
  display: inline-block;
}