﻿/*** Fwk Page Structure Overrides ***/
.FnlRightColumn {
	min-height: 459px; /* create space for positioned items to show */
}





/*** Generic Section Layout ***/
.Section {
	margin-bottom: 40px;
}





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

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

div.FnlViewSet ol.ViewFields > li > label:first-child + span,
div.FnlViewSet ol.ViewFields > li > span.Label:first-child + span {
	display: block;
	margin: 0px 0px 0px 135px;
}

fieldset.FnlFieldSet ol.InputFields > li input[type=text] {
	width: 220px;
}

fieldset.FnlFieldSet ol.InputFields li > textarea {
	width: 250px;
	height: 80px;
}

.FormActions {
	border-top: 1px solid #dedede;
  padding-top: 12px;
}

  .FormActions fieldset.FnlFieldSet {
    margin-top: 0;
  }

/* Radio Table */
table.RadioTable {
  border-collapse: collapse;
}

table.RadioTable tr > td {
  padding: 0;
}

table.RadioTable tr > td input[type=radio],
table.RadioTable tr > td label {
  vertical-align: middle;
}

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

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



/* Wide Form Labels */
fieldset.FnlFieldSet.WideLabels ol.InputFields li > label:first-child,
fieldset.FnlFieldSet.WideLabels ol.InputFields li > span.Required:first-child + label,
fieldset.FnlFieldSet.WideLabels ol.InputFields li > span.Label:first-child,
fieldset.FnlFieldSet.WideLabels ol.InputFields li > span.Required:first-child + span.Label {
	width: 170px;
}

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;
  }



/* Floated Form Layouts */
fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li {
	margin-top: 8px;
}

	fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li:first-child {
		margin-top: 0;
	}

	fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div {
		float: left;
		margin: 0 30px 0 0;
		min-height: 66px;
	}

		fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > label:first-child,
		fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > span.Label:first-child {
			display: block;
			margin-bottom: 4px;
		}

			fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > label:first-child + span,
			fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > span.Label:first-child + span {
				border-bottom: 1px dotted #ccc;
        color: #888888;
				display: inline-block;
				line-height: 1.2em; /* 1.2em = 16/13.33333 */
				padding: 4px 3px 3px;
				width: 222px; /* input field width - padding + border */
			}

		fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > input,
		fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > select,
		fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > textarea {
      margin-bottom: 5px;
		}

		fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > span.ValidationError {
			margin: 0;
		}

			fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > span.ValidationError[style*="display:inline"],
			fieldset.FnlFieldSet.FloatedLayout ol.InputFields > li > div > span.ValidationError[style*="display: inline"] {
				display: block !important;
			}



/* Forms (non-floated) with stacked labels */
fieldset.FnlFieldSet.StackedLabels ol.InputFields > li > label:first-child, 
fieldset.FnlFieldSet.StackedLabels ol.InputFields > li > span.Label:first-child {
  display: block;
  width: auto;
  float: none;
  margin: 0 0 4px;
}

fieldset.FnlFieldSet.StackedLabels ol.InputFields > li > span.ValidationError[style*="display:inline"],
fieldset.FnlFieldSet.StackedLabels ol.InputFields > li > span.ValidationError[style*="display: inline"] {
  display: block !important;
  margin-top: 2px;
}



/* Light Form Theme */
fieldset.FnlFieldSet.LightForm ol.InputFields > li input[type="text"] {
  border-top: 1px solid #c7c8cc;
}
fieldset.FnlFieldSet.LightForm ol.InputFields > li select,
fieldset.FnlFieldSet.LightForm ol.InputFields > li textarea {
  border: 1px solid #c7c8cc;
}

fieldset.FnlFieldSet.LightForm ol.InputFields > li input[type="text"],
fieldset.FnlFieldSet.LightForm ol.InputFields > li select,
fieldset.FnlFieldSet.LightForm ol.InputFields > li textarea {
	color: #888888;
}
fieldset.FnlFieldSet.LightForm ol.InputFields > li input[type=radio] + label {
	color: #888888;
}





/*** Gridview Styles and Overrides ***/
.FnlGridViewSelectedRow > td {
	border-right: 1px solid Silver;
	padding: 6px 6px 6px 6px;
}





/*** Fnl Table Styles and Overrides ***/
table.FnlTable {
  margin-top: 5px; 
  width: 100%;
}

  table.FnlTable > tr:first-child > th > a,
  table.FnlTable > tbody:first-child > tr:first-child > th > a,
  table.FnlTable > thead:first-child > tr:first-child > th > a {
	  padding: 6px 3px;
  }

/* Table Pagination */
table.FnlTable > tr.FnlGridViewPager > td,
table.FnlTable > tr.Alternate.FnlGridViewPager > td,
table.FnlTable > tbody > tr.FnlGridViewPager > td,
table.FnlTable > tbody > tr.Alternate.FnlGridViewPager > td {
  background-color: #ffffff;
}

  table.FnlTable > tr.FnlGridViewPager:first-child > td,
  table.FnlTable > tbody > tr.FnlGridViewPager:first-child > td {
    border-top: 0;
  }

/* Table Header after Pagination */
table.FnlTable > tbody > tr:nth-child(2) > th {
	background-color: #A90101;
  border: solid 1px Silver;
	color: White;
	font-weight: bold;
	padding: 6px 3px 6px 3px;
	text-align: left;
	background-image: none;
}

		table.FnlTable > tbody > tr:nth-child(2) > th > a {
			border-right: none;
      color: White;
			font-weight: bold;
			padding: 6px 3px 6px 3px;
			text-align: left;
			text-decoration: none;
		}

			table.FnlTable > tbody > tr:nth-child(2) > th > a:hover {
				text-decoration: underline;
			}



/* .FnlTable - no results */
.NoResultsFound {
	background-color: #fbfbfb;
	border: 1px solid #cccccc;
	font-style: italic;
	padding: 6px;
	color: #666666;
}



/* Inline Provision Form */
.FnlTable > tbody > tr > td fieldset.FnlFieldSet.InlineProvisionForm {
	margin: 0;
}

	.FnlTable > tbody > tr > td fieldset.FnlFieldSet.InlineProvisionForm ol.InputFields > li > label:first-child,
	.FnlTable > tbody > tr > td fieldset.FnlFieldSet.InlineProvisionForm ol.InputFields > li > span.Label:first-child {
		display: block;
		float: none;
		margin: 0 0 5px;
		width: auto;
	}

	.FnlTable > tbody > tr > td fieldset.FnlFieldSet.InlineProvisionForm ol.InputFields > li > textarea {
		max-width: 230px;
	}

	.FnlTable > tbody > tr > td fieldset.FnlFieldSet.InlineProvisionForm ol.InputFields > li > span.ValidationError[style*="display:inline"],
	.FnlTable > tbody > tr > td fieldset.FnlFieldSet.InlineProvisionForm ol.InputFields > li > span.ValidationError[style*="display: inline"] {
		display: block !important;
	}





/*** Page Tabs ***/
#PageTabs > ul {
	list-style: none;
	border-bottom: 2px solid #ebc370;
	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: #b67e0f;
			text-decoration: none;
			background-color: #fffcf1;
			border-left: 1px solid #f3dba9;
			border-top: 1px solid #f3dba9;
			border-right: 1px solid #f3dba9;
			-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 > a:hover {
				background-color: #fff9e4;
			}

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



/*** Call to Action Block ***/
.CallToActionBlock {
	margin-bottom: 20px;
}

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

	.CallToActionBlock > .Column1,
	.CallToActionBlock > .Column2 {
		float: left;
	}

	.CallToActionBlock > .Column1 {
		width: 396px;
	}

	.CallToActionBlock > .Column2 {
		margin: 37px 0 0 0;
		padding: 5px 0 5px 19px;
		border-left: 1px solid #cccccc;
		width: 364px;
		list-style: none;
	}

	.CallToActionBlock > ul.Column2 > li {
		margin: 0 0 5px;
		padding: 0;
		line-height: 1.5em;
	}

		.CallToActionBlock > ul.Column2 > li:last-child {
			margin-bottom: 0;
		}

	.CallToActionBlock .CTATitle {
		margin-top: 10px;
		margin-bottom: 7px;
	}



/*** Fancy Buttons with Icons ***/
span.FancyInputButtonWrapper {
  overflow: hidden; /* prevent icon from showing if input is hidden */
}

span.FancyInputButtonWrapper,
span.FancyInputButtonWrapper > input[type="submit"],
a.FancyInputButtonLink {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

span.FancyInputButtonWrapper,
a.FancyInputButtonLink {
	background: #fef9e9;
	display: inline-block;
	margin-right: 3px;
	vertical-align: top;
}
  /* floated buttons */
  .FloatedButtonWrapper > span.FancyInputButtonWrapper,
  .FloatedButtonWrapper > a.FancyInputButtonLink {
    margin-right: 7px;
  }

	span.FancyInputButtonWrapper > input[type="submit"],
	a.FancyInputButtonLink {
		border: 1px solid #ffe6a3;
		color: #7b7974;
		font-size: 1.05em; /* 1.05em = 14/13.33333 */
		line-height: 1.2em; /* 1.2em = 16.8/14 */
		padding: 12px 45px 15px 18px;
	}

	span.FancyInputButtonWrapper > input[type="submit"] {
		background: transparent no-repeat;
		filter: none; /* for old ie */
		height: auto;
		margin: 0 !important; /* margin breaks icon position */
		z-index: 1;
	}

a.FancyInputButtonLink {
	cursor: pointer;
	text-decoration: none;
}

	span.FancyInputButtonWrapper:hover,
	a.FancyInputButtonLink:hover {
		background: #ffe6a3;
		color: #7b7974;
	}

	/** Icons **/
	span.FancyInputButtonWrapper:after,
	a.FancyInputButtonLink:after {
		background: url('../Media/Images/Icons/FancyButtonIconSprite.png') no-repeat;
		content: "";
		display: block;
		height: 17px;
		right: 18px;
		position: absolute;
		width: 15px;
	}

span.FancyInputButtonWrapper:after {
	top: 12px;
}

a.FancyInputButtonLink:after {
	top: 11px;
}

/* User */
span.FancyInputButtonWrapper.SingleUserIcon:after,
a.FancyInputButtonLink.SingleUserIcon:after {
	background-position: 0 0;
}

/* Double User */
span.FancyInputButtonWrapper.DoubleUserIcon:after,
a.FancyInputButtonLink.DoubleUserIcon:after {
	background-position: 0 -100px;
	width: 22px;
}

span.FancyInputButtonWrapper.DoubleUserIcon > input[type="submit"],
a.FancyInputButtonLink.DoubleUserIcon {
	padding-right: 52px;
}

/* IE Styles */
span.FancyInputButtonWrapper > input[type="submit"] {
	*padding-top: 11px; /* ie7 phantom padding */
	*padding-bottom: 12px;
}

span.FancyInputButtonWrapper,
a.FancyInputButtonLink {
	*margin-right: 7px; /* ie7 extra margin */
}

	span.FancyInputButtonWrapper > input[type="submit"],
	a.FancyInputButtonLink,
	span.FancyInputButtonWrapper.DoubleUserIcon > input[type="submit"],
	a.FancyInputButtonLink.DoubleUserIcon {
		*padding-right: 18px; /* IE<8, no pseudo elements */
	}



/*** Export Button Styles ***/
.ExportButtonWrapper {
    padding-top: 2px;
    padding-bottom: 6px;
}

  .ExportButtonWrapper input.ExportImage {
    vertical-align: middle;
    margin-right: 5px;
  }

  .ExportButtonWrapper a.ExportLink {
    vertical-align: middle;
  }



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

.GridHeader > .Column1 {
  float: left;
}

.GridHeader > .Column2 {
  float: right;
}

  .GridHeader fieldset.FnlFieldSet.GridFilters {
    margin-top: 0;
    margin-bottom: 3px;
  }



/*** Search Bar ***/
fieldset.FnlFieldSet.GridFilters {
	margin-top: 10px;
	margin-bottom: 8px;
}

	fieldset.FnlFieldSet.GridFilters ol.InputFields > li > ol.HorizontalInput.SearchFilter > li {
		margin-right: 3px;
	}

		fieldset.FnlFieldSet.GridFilters ol.InputFields > li > ol.HorizontalInput.SearchFilter > li:first-child {
			margin-right: 7px;
		}


/*** Access Code Details ***/
.AccessCodeDetails .Section,
.AccessCodeDetails div.FnlViewSet ol.ViewFields.Section {
  margin-bottom: 25px;
}

.AccessCodeDetails .HiddenSection {
  margin-top: 12px;
}

.AccessCodeDetails .FormActions {
  border-top: none;
}



/*** Access Code Request Form ***/
.AccessCodeRequestForm .Section,
.AccessCodeRequestForm fieldset.FnlFieldSet.Section {
  margin-bottom: 30px;
}

.AccessCodeRequestForm .GeneralInfoSection {
  margin-bottom: 52px;
}



/*** Access Code Request Denial Add On ***/
.RequestFormDenialAddon {
  border-top: 1px solid #DEDEDE;
}

.RequestFormDenialAddon > fieldset.FnlFieldSet > ol.InputFields li > textarea {
  min-width: 36.00001em;/* 36.00001em = 480/13.33333 */
  min-height: 6em;/* 6em = 80/13.33333 */
}

.RequestFormDenialAddon > fieldset.FnlFieldSet > ol.InputFields li.Reason {
  min-height: 9.375em;/* 9.375em = 125/13.33333 */
}

.RequestFormDenialAddon > fieldset.FnlFieldSet > ol.InputFields li.DenialFormActions {
  margin-top: 10px;
}



/*** Toggle Button ***/
.ToggleButtonWrapper {
  border-bottom: 1px solid #dedede;
  margin-top: 25px;
  max-width: 520px; /* for requests */
  padding-bottom: 3px;
}

  .ToggleButtonWrapper .ToggleButton {
    vertical-align: middle;
    margin-right: 3px;
  }

  .ToggleButtonWrapper .ToggleButtonLabel {
    color: #888888;
    font-size: 12px;
    line-height: 1.5em;
    vertical-align: middle;
  }


  /*** Floated Child Buttons ***/
  .FloatedButtonWrapper > * {
    float: left;
  }

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





.AdditionalInformation {
	font-style: italic;
	background-color: lightyellow;
	border: 1px solid Silver;
	padding: 7px 5px;
	line-height: 1.3em;
	margin-bottom: 7px;
}

	.AdditionalInformation .AgreeBox {
		float: left;
	}

		.AdditionalInformation .AgreeBox > input[type=checkbox] {
			margin-top: 2px;
		}

  .AdditionalInformation .AgreeBoxLabel {
    margin-left: 30px;
  }

.Message {
	font-weight: bold;
	font-style: italic;
}

.BottomMargin{
	margin-bottom:20px;
}