@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}








	
	HTML {
		font-size: 100%;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	HTML > BODY {
		background-color: #F4F4F4;
		color: #000000;
		font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
		line-height: normal;
		letter-spacing: normal;
	}
	
	.SearchPopup {
		background-color: white;	
	}
	
	FORM {
		margin: 0px;
	}
	
	TABLE { 
		vertical-align: top;
		font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
		font-size: 100%;
	}
		
	TD, TH { 
		vertical-align: top;
		font-size: 1em;
	}

	UL, LI, P {
		font-size: 1em;
	}
	
	INPUT, SELECT, BUTTON {
		color: #000000;
		font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
		font-size: 1em;
		font-weight: normal;
		margin: 0px;
	}
	
	OPTGROUP {
		font-family: 'Segoe UI', 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif;
	}



	INPUT[type="text"], INPUT[type="password"], TEXTAREA {
		border:1px Solid #A9A9A9;
	}
	INPUT[type="text"]:hover, INPUT[type="password"]:hover, TEXTAREA {
		border:1px Solid #B0C4DE;
	}

	
	
	
	input[type="text"][disabled="disabled"]	{
		background-color: #eee;
	}	
	
	input[type="text"]:disabled {
		background-color: #eee;
	}
		
	OPTGROUP {
		font-style:normal;
		font-weight:bold;
	}

	TEXTAREA {
		color: #000000;
		vertical-align: top;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
		font-family: 'Segoe UI', 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	
	H1,H2,H3,H4,H5,H6 {
		font-size:1em;
		margin:0.2em;
	}
	
	div.searchTermsWrapper {
		display:inline-block;
		position:relative;
	}
	
	div.searchTermsWrapper > input[type=text] {
		padding-right:1.2em;
	}
	
	div.searchSubmitWrapper {
		position:relative;
		display:inline-block;
		right:1.3em;
		top:3px;
		height:100%;
	}
	
	div.searchSubmitWrapper > input.quickSearchSubmit {
		background-color:transparent;
		background-image:url('/app_docs//art/phoenix/menu/dark/search_12.png');
		background-repeat:no-repeat;
		border:none;
		cursor:pointer;
		height:100%;
		position:absolute;
		top:-16px;
		height:14px;
	}
	
	.siteFooterFixed {
		background-color: #F4F4F4;
		bottom: 0;
		color: Gray;
		font-size: 10px;
		left: 0;
		line-height: 22px;
		margin-top:1em;
		padding: 0px 10px 0px 0px;
		position: fixed;
		right:0;
		text-align:right;
		z-index:5000;
	}

	INPUT[type="text"].accessibility-input:not(:disabled),
	INPUT[type="text"].accessibility-input:not(:disabled) + button[type="button"].add-on,
	input[type="password"].accessibility-input:not(:disabled),
	select.accessibility-input:not(:disabled),
	textarea.accessibility-input:not(:disabled),
	span.k-datepicker.accessibility-input span.k-picker-wrap:not(.k-state-disabled),
	span.k-datepicker.accessibility-input span.k-picker-wrap:not(.k-state-disabled) span.k-select[role="button"],
	span.k-datetimepicker.accessibility-input span.k-picker-wrap:not(.k-state-disabled),
	span.k-datetimepicker.accessibility-input span.k-picker-wrap:not(.k-state-disabled) span.k-select[role="button"],
	div.k-multiselect.accessibility-input:not(.k-state-disabled),
	div.k-multiselect.accessibility-input:not(.k-state-disabled) + button[type="button"].add-on {
		border-color: #767676;
	}


	TABLE.TabRow {
		position: relative;
		top: 1px;
	}

	.TabLevel1Container {
		border-bottom: 1px solid #C1C1C1;
	}

	TD.TabLevel1,
	TD.TabLevel1Selected,
	TD.TabLevel1Hover,
	TD.TabLevel1SelectedHover {
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		padding-left: 4px;
		padding-right: 4px;
		background:url('/app_docs/art/background/2011_PanelTitle.png') repeat-x left top;
		background-color:#DFDFDF;
	}
	
	TD.TabLevel1,
	TD.TabLevel1Hover {
		background-color: #DFDFDF; 
		color: #1F1D31; 
		border : 1px solid #C1C1C1;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	TD.TabLevel1Hover {
		border-bottom-color: #DFDFDF;
	}
	
	TD.TabLevel1Separator {
		font-size: 1px;
		font-weight: normal;
		padding-left: 1px;
		border-bottom: 1px solid #C1C1C1;
	}
	
	TD.TabLevel1Selected,
	TD.TabLevel1SelectedHover {
		padding-top: 2px;
		padding-bottom: 5px;
		font-weight: bold;
 	}
	
	TD.TabLevel1Selected,
	TD.TabLevel1SelectedHover,
	TD.TabLevel1SelectedTop {
		color: #000000; 
		background-color: #DFDFDF;
		border-left : 1px solid #C1C1C1;
		border-right : 1px solid #C1C1C1;
	}
	
	TR.TabLevel1Top TD {
		font-size: 1px;
		line-height: 2px;
	}

	TD.TabLevel1SelectedTop {
		background-color: #C1C1C1;
		border-top: 1px solid #C1C1C1;
		border-bottom: 0px;
		padding: 0px;
	}	

	TD.TabLevel1Hover,
	TD.TabLevel1SelectedHover {
		background: white;
	}
	
	TD.TabLevel1Padding {
		border-bottom: 1px solid #C1C1C1;
	}
				
	TABLE.TabRowLevel2 {
		border-left: 1px solid #C1C1C1;
		border-right: 1px solid #C1C1C1;
		border-bottom: 1px solid #C1C1C1;
		background-color:#DFDFDF;		
  	}

	
	DIV.TabRowLevel2 {
		padding-top: 3px;
		padding-left: 2px;
	}
	
	DIV.TabRowLevel2Empty {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	TD.TabLevel2,
	TD.TabLevel2Hover,
	TD.TabLevel2SelectedFg,
	TD.TabLevel2SelectedFgHover,
	TD.TabLevel2SelectedBg,
	TD.TabLevel2SelectedBgHover,
	TD.TabLevel2Separator {
		font-weight: normal;
		padding-top: 2px;
		padding-bottom: 3px;
		text-align: center;
		vertical-align: middle;
	}
	
	TD.TabLevel2,
	TD.TabLevel2Hover,
	TD.TabLevel2SelectedFg,
	TD.TabLevel2SelectedFgHover,
	TD.TabLevel2SelectedBg,
	TD.TabLevel2SelectedBgHover {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	TD.TabLevel2 {
		color: #1F1D31; 
	}
	
	TD.TabLevel2Separator {
		color: #C1C1C1; 
	}
	
	TD.TabLevel2SelectedFg,
	TD.TabLevel2SelectedFgHover,
	TD.TabLevel2SelectedBg,
	TD.TabLevel2SelectedBgHover { 
		color: #000000;
		border-right: 1px solid #C1C1C1;
		border-left: 1px solid #C1C1C1;
		border-top: 1px solid #C1C1C1;
		font-weight: bold;
	}

	TD.TabLevel2Hover,
	TD.TabLevel2SelectedFg,
	TD.TabLevel2SelectedFgHover,
	TD.TabLevel2SelectedBg,
	TD.TabLevel2SelectedBgHover { 
		background-color: white;
	}

	TD.TabLevel1Hover,
	TD.TabLevel1SelectedHover,
	TD.TabLevel2Hover,
	TD.TabLevel2SelectedFgHover,
	TD.TabLevel2SelectedBgHover { 
		color: #000000;
	}
	
	A.TabLinkLevel1,
	A.TabLinkLevel2 {
		text-decoration:none;
		color: #000000;
	}
	
	A.TabLinkLevel1:hover,
	A.TabLinkLevel2:hover {
		text-decoration:none;
		color: #000000;
	}	

	TD.TabLevel1 img,
	TD.TabLevel1Selected img,
	TD.TabLevel1Hover img,
	TD.TabLevel1SelectedHover img {
		height:11px;
	}	


	TD.Question {
		padding: 2px 6px 2px 4px;
		vertical-align : middle;
		white-space: nowrap;
	}

	DIV.Question {
		white-space: nowrap;
		vertical-align: middle;
	}

	.Question A,
	A.Question,
	.btn.phx-help {
		color: #3769db;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
	}

	.BannerPageHelp > .Question {
		margin: 0 7px;
		padding: 0;
		vertical-align: middle;
	}

	A.NavQuestion:HOVER,
	A.Question:HOVER,
	.Question A:HOVER,
	.btn.phx-help:HOVER {
		text-decoration: none;
	}

	TD.NavQuestion {
		padding-left: 1em;
		padding-right: 2px;
		vertical-align: middle;
		white-space: nowrap;
	}

	A.NavQuestion {
		color: #f1f1f1;
		font-weight: bold;
		cursor: help;
		padding-left: 2px;
		padding-right: 2px;
		border-left: 1px solid #f1f1f1;
	}

	.NotificationWrapper.PageHelp {
		border-left: 1px Solid #E0E0E0;
		border-right: 1px Solid #E0E0E0;
		margin: 0 0.6em;
	}

	.NotificationWrapper.PageHelp a {
		padding:0 0.4em;
	}




	.Panel {
	    border:1px Solid #C1C1C1;
		background-color: #FFFFFF;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	.ForegroundPanel,
	.BackgroundPanel {
		background-color: #FFFFFF;
	}
	
	.ForegroundPanel .phoenixSubSection:first-of-type {
		margin-top:0;
	}

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

	.PaddedPanel {
		padding:0.5em;
	}
	
	.ForegroundPanel form .control-group:last-child {
		padding-bottom:4px;
	}

	TD.TabbedForegroundPanel,
	TD.TabbedBackgroundPanel {
		background-color: #FFFFFF;
		border: 1px solid #C1C1C1;
		border-top: none;
	}
	
	TABLE.PanelTitle, DIV.PanelTitle {
		background:url('/app_docs/art/background/2011_PanelTitle.png') repeat-x left top;
		background-color:#DFDFDF;
		font-weight:bold;
		vertical-align:middle;
	}
	
	DIV.PanelTitle,
	TD.PanelTitle,
	.CollapsiblePanelTitle {
		font-weight: bold;
		color: #000000; 
		font-size : 1.1em;
		white-space: nowrap;
		padding:4px 3px 4px 5px;
	}
	
	DIV.PanelTitle,
	TD.PanelTitle {
		text-align: left;
	}
	
	DIV.PanelTitleControls {
		position:absolute;
		top:2px;
		right:2px;
	}

	A.PanelTitle,
	input.PanelTitle {
		font-weight: bold;
		color: #000000;
		border: none;
	}

	A.PanelTitle:HOVER,
	input.PanelTitle:HOVER {
		text-decoration: none;
	}
	
	.ForegroundContainer {
		background-color: #FFFFFF;
	}
	
	H1.PanelTitle, H2.PanelTitle {
		font-size:1.0em;
		margin:0px;
	}
	
	DIV.PanelTitle {
		font-size: 1em;
		margin: 0px;
		padding: 0px;
	}

    DIV.CenteredPanel {
        margin-left:auto;
        margin-right:auto;
        padding-top:10px;
        margin-bottom:10px; 
    }	


	
	
	
	DIV.RoundedCornerContainer {
		border:1px Solid #C1C1C1;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	DIV.RoundedCornerShadow {
		box-shadow: 2px 2px 3px #666;
		-moz-box-shadow: 2px 2px 3px #666;
		-webkit-box-shadow: 2px 2px 3px #666;
	}
	
	
	.xtop, .xbottom { display:block; background:transparent; font-size:1px; }
	.xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden; }
	.xb1, .xb2, .xb3 { height:1px; }
	.xb2, .xb3, .xb4 { color:#FFFFFF; background-color:#FFFFFF; border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1; }
	.xb1 { margin:0 5px; background:#C1C1C1; }
	.xb2 { margin:0 3px; border-width:0 2px; }
	.xb3 { margin:0 2px; }
	.xb4 { height:2px; margin:0 1px; }

	.xboxcontent { background:#FFFFFF; display:block; border:0 solid #C1C1C1; border-width:0 1px; }
	
	.xboxShadow {
		
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
		
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
	}
	
	ul.dashboard {
		list-style:none;
		padding-left: 0;
		display: table;
		border-spacing:1em;
	}
	
	ul.dashboard li {
		display: table-row;		
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		vertical-align: top;
		white-space: nowrap;
		line-height: 15px;
	}
	
	ul.dashboard li div {
		display: table-cell;
	}
	
	.dashboard .flag {
		vertical-align: baseline;
		width: 16px;
		display: inline-block;
		padding-left: .3em;
	}
	
	.dashboard .flag i {
		display: block;
	}
	
	.dashboard .count {
		text-align: right;
		width: 3em;
	}
	
	.dashboard.expanded .count {
		width: 10em;
	}
	
	.dashboard.dashboard-size-dashboard .count {
		font-size:18px;
	}
	
	.dashboard.dashboard-size-table .count {
		font-size:15px;
	}

	.dashboard.dashboard-size-dashboard .name {
		font-size:15px;
	}
	
	.dashboard.dashboard-size-table .name {
		padding-left:1em;
	}
	
	ul.dashboard.dashboard-size-table {
		margin: 0;
	}
	
	.dashboard .color-box{
		width: 15px;
	    height: 15px;
	    display: inline-block;
	}
	
	.dashboard .name {
		text-align: left;
		display: table-cell;
	}
	
	.dashboard .draft-color{
		background-color:#D7E241;
	}
	
	.dashboard .pending-color{
		background-color:#A7BA29;
	}
	
	.dashboard .approved-color{
		background-color:#7E911D;
	}
	
	.dashboard .released-color{
		background-color:#9ECEEB;
	}
	
	.dashboard .open-color{
		background-color:#5FAEDD;
	}
	
	.dashboard .pendaward-color{
		background-color:#0072B4;
	}
	
	.dashboard .awarded-color{
		background-color:#00538D;
	}
	
	.dashboard .closednoaward-color{
		background-color:#72757e;
	}
	
	.dashboard .name span {
		font-weight: bold;
	}
	
	ul.dashboard li div.name div.children {
		display: block;
	}
	
	.collapse > .panel-secondary ,
	.collapsing > .panel-secondary {
		margin-top:.5em;
	}

	
	.panel-secondary {
		background-color:whitesmoke;
		border-top:1px solid #D7D7D7;
		border-bottom:1px solid #D7D7D7;
		display:inline-block;
		padding:.5em 3em .5em .5em;
		margin-bottom:.5em;
	}
	
	.panel-secondary.panel-horizontal > * {
		display:inline-block;
		vertical-align:middle;
		margin-bottom:1px;
		margin-top:1px;
	}
	
	.panel-secondary.panel-horizontal > * + .btn-group {
		margin-bottom:0;
	}
	
	.panel-secondary.panel-horizontal > * + * {
		margin-left:2em;
	}
	
	.modal-body .panel-secondary {
		margin-right:1em;
		display:table;
		white-space: nowrap;
	}
	
	.panel-secondary button[type="submit"] {
		float:right;
		margin:.5em 0;
	}
	
	.panel-secondary .input-append button[type="submit"], .panel-secondary .pageNavButtonRow button[type="submit"] {
		float:none;
		margin:0;
		margin-left:-1px;
	}
	
	.PhxSecondaryPanel {
		margin-bottom: 0.5em;
	}	

	#RuleElementEdit_body table select[name="CustomFieldID"] {
		width: 400px;
	}
	
	TD.SubSectionTitle {
		vertical-align: middle;
		padding:3px 4px 3px 4px;
	}

	SPAN.SubSectionTitle,
	A.SubSectionTitle {
		color: #1F1D31;
		font-weight: bold;
	}

	A.SubSectionTitle {
		cursor: help;
	}

    A.SubSectionTitle:HOVER {
        text-decoration: none;
    }

    TD.SubSectionTitle, TD.SubSectionTitleEditButton, TD.SubSectionTitleCheckbox, TD.SubSectionQuestion, TD.SubSectionTitleHelpLink, DIV.SubSectionTitle {
        background:url('/app_docs/art/background/2011_PanelBackground.png') repeat-x left top;
        background-color: #DFDFDF;
        font-size:1.1em;
        font-weight:bold;
    }

    TD.SubSectionTitleEditButton {
        font-size:1em;
        text-align:right;
        vertical-align:middle;
        padding:2px 2px 2px 0px;
    }

    TD.SubSectionTitleCheckbox {
        font-size:1em;
        text-align:right;
        vertical-align:middle;
        padding:2px 2px 2px 0px;
    }

    TD.SubSectionTitleHelpLink, div.well div.SubSectionTitleHelpLink {
        font-size:1em;
        vertical-align:middle;
    }
    
    TD.SubSectionTitleHelpLink {
        text-align:right;
        padding:2px 2px 2px 0px;
    }
    
    div.well div.SubSectionTitleHelpLink {
    	float:right;
    	margin-right: -5px;
    }

    H2.SubSectionTitle {
        color: #1F1D31;
        font-size:1.1em;
        margin:0px;
        padding:0px;
    }
    
    td.SubSectionTitle > h2.SubSectionTitle {
    	font-size:1.0em; /* do not double-increase font size */
    }
    
    DIV.phoenixSubSection {
    	margin-top:1.3em;
    }
    DIV.phoenixSubSection.subresults DIV.phoenixSubSection,
    DIV.phoenixSubSection.subresults.noHeader DIV.phoenixSubSection,
    DIV.phoenixSubSection.subresults.pagination-header DIV.phoenixSubSection,
    DIV.phoenixSubSection DIV.phoenixSubSection.subresults {
    	margin-left: 0em;
    	margin-top: 2em;
    }
    
    DIV.phoenixSubSection DIV.phoenixSubSection {
    	
    	margin-left: 3em;
    	margin-top: 2em;
    }
    
    DIV.phoenixSubSection.noHeader DIV.phoenixSubSection {
    	
    	margin-top: 0;
    }
    
    .phx.column > .phoenixSubSection.noHeader:first-child {
    	margin-top:0;
    }
    
    DIV.phoenixSubSection > hr + DIV.phoenixSubSection.noHeader {
    	
    	margin-left:0;
    }
    
    
    DIV.phoenixSubSection > .phxText,
    DIV.phoenixSubSection > .phx.callout,
    DIV.phoenixSubSection > .pageNavButtonRow,
    DIV.phoenixSubSection > div.collapse > .phxText,
    DIV.phoenixSubSection > div.collapse > .phx.callout,    
    DIV.phoenixSubSection > div.collapse > .pageNavButtonRow {
    	
    	margin-left: 1.5em;
    }
    
    DIV.phoenixSubSection > .pageNavButtonRow,
    DIV.phoenixSubSection > div.collapse > .pageNavButtonRow {
    	
    	margin-right: 1em;
    	margin-bottom: 1em;
    }
    
    DIV.phoenixSubSection > .phxText,
    DIV.phoenixSubSection > div.collapse > div.phxText {
    	margin-top: .5em;
    }
    
    DIV.phoenixSubSection.noHeader.pagination-header {
    	margin-top:0;
    }
    
    DIV.phoenixSubSection DIV.phoenixSubSection.noHeader.pagination-header{
    	margin-left:0;
    }
    
    DIV.phoenixSubSection > hr {
    	background-color:#E4E4E4;
    	margin-top:0;
    	margin-bottom:2px;
    }
    
    DIV.well.hidden > DIV.phoenixSubSection {
    	margin-top: 0;
    }
    
    DIV.TitleRow {
    	background-color:#F5F5F5;
		border-top: 1px solid #D7D7D7;
		padding:5px;
    }
	
    DIV.TitleRow > H3.TitleRowBar {
    	font-size:1.2em;
    	width:100%;
    	margin:0;
    }	
    
    DIV.TitleRow > H2.TitleRow,
    DIV.TitleRow > H3.TitleRow,
    DIV.TitleRow > H2.TitleRow > a,
    DIV.phoenixSubSection DIV.landingPageSectionTitle, 
    DIV.phoenixSubSection DIV.landingPageSectionTitle > a {
    	margin-left:0;
    	margin-bottom:0;
    	display:inline-block;
    	min-width:1em;
    	text-align:left;    
    }
    
    DIV.TitleRow > H2.TitleRow,
    DIV.TitleRow > H3.TitleRow,
    DIV.TitleRow > H2.TitleRow > a {
    	font-size:1.2em;
	   	width:100%;
	   	margin:0;
    }
    
    DIV.phoenixSubSection DIV.landingPageSectionTitle {
    	width: auto;
    	font-size:1.2em;
    }
    
    DIV.TitleRow > H2.TitleRow > a,
    DIV.phoenixSubSection DIV.landingPageSectionTitle > a,
    DIV.phoenixSubSection DIV.landingPageSectionTitle > a > .linkText {
    	color:#000000;
    	font-weight:bold;
    	font-size:1em;
    }
    
    DIV.phoenixSubSection DIV.landingPageSectionTitle > a {
    	white-space:normal;
    }
    
    DIV.phoenixSubSection DIV.landingPageSectionTitle > a:hover,
    DIV.phoenixSubSection DIV.landingPageSectionTitle > a:hover > .linkText {
		text-decoration:none;
	}
    
    DIV.TitleRow > H2.TitleRow > a:hover {
		background-color: #eeeeee;
		text-decoration:none;
	}
    
    DIV.TitleRow > HR {
    	margin-top:2px;
    	background-color:#E4E4E4;
    }
    
    DIV.TitleRow + .control-group {
    	margin-top:.9em;
    }
    
    DIV.TitleRow > DIV.TitleRowButtons {
    	display:block;
    	float:right;
    }
    
    DIV.collapse > ul,
    DIV.collapse > ol {
    	margin-top:0px;
		margin-bottom:0px;
    }
    
    .phoenixSubSection > hr + .collapse ul.phxTableOfContents,
    .phoenixSubSection > hr + .collapse ol.phxTableOfContents {
    	margin-top:4px;
    }
    
    .phoenixSubSection > hr + .collapse ul.phxTableOfContents {
		padding-left:1em;
	}

	ul.phxTableOfContents li {
	  list-style-type:none;
	}
	
	ul.phxTableOfContents .btn,
	ol.phxTableOfContents .btn{
		padding:0;
		vertical-align: baseline;
	}
	
	ul.phxTableOfContents .readOnlyValue,
	ol.phxTableOfContents .readOnlyValue {
		display:inline;
	}
	
	ul.phxTableOfContents li div.SecondaryText,
	ol.phxTableOfContents li div.SecondaryText {
		margin-left: .5em;
		display: inline;
	}
	
	table.phx.table td ul.phxTableOfContents,
	table.phx.table td ol.phxTableOfContents {
		margin:0;
	}
	
	.collapse .collapse-spacer {
		height:1px;
		width:1px;
		display:block;
	}

	TD.FormCell {
		padding:3px 10px 3px 10px;
	}
	
	TD.FormCellError, DIV.FormCellError {
		border: 1px solid black;
		background-color: #FFFDC0;
	}
	DIV.FormCellError {
		display: inline-block;
		padding:0.3em;
	}
		
	TD.FormCellWarningsOnly {
		border: 1px solid black;
		background-color:white;
	}
	
		
	TD.FormCellToggle {
		text-align: center;
		border-left: 1px dashed #D1D8E5;
	}

	TD.FormCellToggleHighlighted {
		text-align: center;
		border: 1px solid #3f6fdc;
	}

	TD.FormCellEdit {
		text-align: right;
		padding: 2px;
	}

	TD.FormCellBorder {
		border-bottom: 1px solid #D1D8E5;
	}
	
	TD.FormInlineHelp, SPAN.FormInlineHelp {
		font-size:0.9em;
		color:#AAA;
	}

	TD.FormInlineHelp {
		padding:1px 0px 10px 0px;
	}

	SPAN.FormInlineHelp {
		padding-left:.3em;
	}
	
	TD.SimpleFormLabel, TD.SimpleFormLabelRight {
		padding:3px 10px 3px 10px;
	}
	
	TD.SimpleFormLabel {
		text-align:left;
	}
	
	TD.SimpleFormLabelRight {
		text-align:right;
	}
	
	TD.SimpleFormValue {
		padding:2px 10px 2px 0px;
	}
	
	TD.FormCellTextRow {
		padding:4px 10px 4px 10px;
	}



	DIV.PaginationHdrTop,
	DIV.PaginationHdrBottom {
		padding: 1px;
        background:url('/app_docs/art/background/2011_PanelTitle.png') repeat-x;
        background-color: #DFDFDF;
	}
	
    DIV.PaginationHdrBottom {
        border-top:1px Solid #C1C1C1;
    }

	TD.PaginationHdr,
	TD.PaginationHdrCenter {
		color: #1F1D31;
		vertical-align: middle;
	}

	TD.PaginationHdrCenter {
		font-weight: bold;
		color: #000000;
		font-size: 1.1em;
		text-align: center;
	}

	A.PaginationHdr {
		color: #1F1D31;
		cursor: help;
	}
	
    DIV.PaginationHdrTopInsidePanel {
        border-top: 1px solid #DFDFDF;
        background-color: #DFDFDF;
    }	
	
	TABLE.SearchResults {
		border-top: 1px solid #DFDFDF;
	}

	table.SearchResults td.no-padding {
		padding: 0 !important;
	}
	
	TABLE.SearchResultsInContainer {
		border-left: 1px solid #DFDFDF;
		border-right: 1px solid #DFDFDF;
		border-bottom: 1px solid #DFDFDF;
	}

	TR.ResultsTableSelectableRow, TR.ResultsTableHighlightedRow {
		cursor: pointer;
		cursor: hand;
	}

	TR.ResultsTableHighlightedRow {
		background-color: #D1D8E5;
		color: #000000;
	}

	TR.ResultsTableHighlightedRow A {
		color: #000000;
	}
	TR.ResultsTableHighlightedRow A:hover {
		color: #000000;
		text-decoration:none;
	}
	
	TR.ResultsTableSelectedRow, SPAN.ResultsTableSelectedRow {
		background-color: #3f6fdc;
		color: #000000;
	}
	
	.displayNone{
		display:none;
	}


	TR.ResultsTableRow TD,
	TD.ResultsColumnValue {
		border-top: 1px solid #D1D8E5;
	}

	TD.GroupSeparator {
		border-bottom: 1px solid #DFDFDF;
	}

	TABLE.PageSelector TD {
		padding:0px 2px 0px 2px;
		vertical-align:middle !important;
	}

	DIV.FilterSortOverlayList {
		overflow:auto;
	}

	DIV.FilterSortOverlayListItem {
		padding:2px;
		border-top: 1px solid #D1D8E5;
	}

	DIV.SortLinkBox {
		padding:5px;
		padding-right:10px;
	}

	TD.SortLink {
		padding-right:8px;
		padding-top:3px;
		padding-bottom:3px;
		vertical-align: middle;
	}

	DIV.FilterBox {
		background: white;
		border-top: 1px solid #C1C1C1;
	}
	
	DIV.docSearchFilterTitle, TABLE.docSearchFilterTitle  {
		background-color:#dfdfdf;
		font-size:1.1em;
		font-weight:bold;
		padding-left:1px;
	}
	
	DIV.sq-searchresult-nav {
		margin-bottom:1em;
	}
	
	DIV.sq-searchresult-nav TD {
		font-weight:bold !important;
		vertical-align:middle;
	}
	
	DIV.sq-searchresult-nav TD A {
		font-weight:bold !important;
	}
	
    TH.ColHdr, TH.ColHdrSorted { 
        font-weight : bold; 
        color: #1F1D31; 
        border-bottom:1px Solid #C1C1C1;
        vertical-align:middle;
    }
    
    TH.ColHdr { 
        background:url('/app_docs/art/background/2011_PanelBackground.png') repeat-x left top #DFDFDF;
    }

    TH.ColHdrSorted {
        background:url('/app_docs/art/background/2011_SelectedSortColHeader.png') repeat-x left top #DFDFDF;
    }
    
	TD.nowrap,
	TH.nowrap {
		white-space: nowrap;
	}

    TD.ColFtr { 
        font-weight: bold; 
        border-top: 1px solid #DFDFDF;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    A.ColHdr, A.ColFtr {
        font-weight : bold; 
        color: #1F1D31; 
    }

    A.SortDesc, A.SortAsc, A.SortedDesc, A.SortedAsc {
        display:block; 
        padding-right:12px;
    }

    table.phx A.SortDesc, table.phx A.SortAsc, table.phx A.SortedDesc, table.phx A.SortedAsc {
        display:inline; 
        padding-right:20px;
    }
    	
    table.phx th.orderable label.hidden-label,
    table.phx label.hidden-label {
        visibility:hidden;
        position: absolute;
    }

    table.phx th .label-container .accessibilityHidden {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
		opacity: 0;
    }
    
    A.SortDesc {
        background:url('/app_docs/art/icons/sort/sort_btn_desc.gif') no-repeat right 50%; 
    }
    
    A.SortAsc {
        background:url('/app_docs/art/icons/sort/sort_btn_asc.gif') no-repeat right 50%; 
    }

    A.SortedDesc {
        background:url('/app_docs/art/icons/sort/sorted_btn_desc.gif') no-repeat right 50%; 
    }
    
    A.SortedAsc {
        background:url('/app_docs/art/icons/sort/sorted_btn_asc.gif') no-repeat right 50%; 
    }

    A.PaginationHdr:HOVER {
        text-decoration: none;
    }   	

	@media print {
		DIV.sq-searchresult-nav {
			display: none;
		}      
	}
	
	input[type="text"].searchTextBox {
		background:white url('/app_docs/art/phoenix/menu/dark/search_12.png') no-repeat;
		background-position:99% center;
		padding-right:16px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	input[type="text"].phx.searchTextBox {
		height:2.1em;
	}

	
	.searchWrapper {
		margin-bottom:1em;
	}
	
	.searchWrapper a.btn-link {
		vertical-align:baseline;
	}
	
	.searchWrapper .searchContentToAlign {
		position:relative;
		top:7px;
	}
	
	.searchWrapper select.phx {
		vertical-align:baseline;
		width:auto;
		max-width:auto;
	}

	table.SearchResults tr.phxDisplayRow td {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	table.SearchResults tr.phxDisplayRow div.iconRow {
		margin-top:0.7em;
		margin-left:1px;
	}
	
	table.SearchResults tr.phxDisplayRow td div.phx.multicolumn {
		margin-top: 0.4em;
		padding-left: 0.5em;
	}
	
	table.SearchResults tr.phxDisplayRow td div.phx.multicolumn div.data-row-content {
		white-space: nowrap; 
	}
	
	table.SearchResults tr.phxDisplayRow td div.Next {
		padding-right: 1em;
	}
	
	div.phoenixSubSection.subresults span.requestsupplier {
		font-style: normal
	}
	
	div.phoenixSubSection.subresults span.requestsupplier a.btn.btn-link.btn-confirm {
		padding-bottom: 0.25em;
	}
	
	div.modal-body div.phoenixSubSection.subresults.noHeader.pagination-header {
		min-width: 485px; 
	}

	.ErrorMessage, .ClickableErrorMesage, .WarningMessage, .ClickableWarningMessage, .ClickableInfoMessage {
		color: black;
		font-weight: normal;
	}
	
	.ErrorMessage button svg {
		height: 20px;
		width: 20px;
		margin-left: .3em;
	}
	
	A.ClickableErrorMessage, A.ClickableWarningMessage, A.ClickableInfoMessage {
		cursor: hand;
		font-weight: normal;
	}	
	
	A.ClickableErrorMessage {
		display: flex;
		align-items: center;
	}
		
	DIV.ErrorMessageLine {
		padding-left:3px;
	}
		
	DIV.ErrorMessageLine.ForceWrap {
		white-space:normal;
	}
	
	DIV.ErrorMessageLine.WithHeaders {
		padding-left:35px;
		text-align:left;
		vertical-align:middle;
	}

	A.ErrorMessage, A.WarningMessage {
		cursor: help;
		font-weight: normal;
	}	
	
	DIV.ErrorBox {
		text-align:left;
		border: 1px solid black;
		background-color: #FFFDC0;
		padding: 4px;
	}
	
	DIV.WarningsOnlyBox {
		text-align:left;
		border: 1px solid black;
		font-weight: normal;
		padding: 4px;
	}

	.Error {
		color: black;
		background : #FFFDC0;
	}
	
	.ErrorListHeading {
		font-size:1.1em; 
		font-weight:bold; 
		padding-left:0.5em; 
		padding-bottom:5px; 
		vertical-align:middle;
	}
	
	.Exception {
		background-color: #fff530;
	}
	
/** style for mad busted page */
.well.madBusted {
	border:3px solid rgb(206, 103, 62);
	margin-top:5px;
	margin-bottom:0;
}

.well.madBusted button.close {
	position:absolute;
	top:10px;
	right:10px;
	opacity:.5;
}

.well.madBusted > p {
	font-size:.8em;
	font-weight:normal;
	vertical-align:middle;
	margin:0;
}

.well.madBusted > p.message {
	font-size:.9em;
	margin:.5em 0;
}

.well.madBusted > p.contact {
	font-style:italic;
}

.well.madBusted > p.exception {
	display:inline;
}

.well.madBusted > p > a.btn.btn-link {
	font-size:.9em;
	vertical-align:baseline;
}

.well.madBusted .btn.btn-link {
	padding:0 .5em;
	margin:0;
}

.well.madBusted > div.stackTrace {
	font-size:11px;
	font-weight:normal;
	display:none;
	margin-top:.5em;
	padding-left:1em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	max-height:175px;
	overflow-y:auto;
	border-radius:4px;
	border:2px solid rgb(206, 103, 62);
	background-color:rgb(255, 228, 232);
}

.well.madBusted > div.stackTrace.show {
	display:block;
}

.well.madBusted > img.embarrassed {
	float:left;
	max-height:48px;
	margin-right:.5em;
}

.overlay-redirect-error {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#F2DEDE;
	color:#A34156;
	padding:.5em;
}


.debugBar {
	margin: 10px 10px 0 10px;
}
.debugBar span.WarningMessage {
	color: inherit;
}

body.phoenixBody.withBreadcrumbs .debugBar {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	border-radius: 0 0 5px 5px;
}

.OverlayPageContent .debugBar.alert.alert-info {
	margin-top:0;
}

.debugBar span svg {
	vertical-align: text-bottom;
}



	HTML {
		background-color:transparent;
	}

	.OverlayPageContent {
		background-color: #FFFFFF;
	}

	.PhoenixOverlay {
    	background-color:transparent;
	}
	
	.phoenixModalReference {
		width:300px;
		height:300px;
		position:fixed;
		z-index:-1;
		left:-300px;
		top:-300px;	
	}

	div.Overlay {
		position: absolute;
		z-index: 75000;
		background-color: #FFFFFF;
		left: -1000px;
		top: -1000px;
		display: none;
	}

	div.OverlayShadow {

		background-color: #252525;
		opacity: 0.5;
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;

		position: absolute;
		width: 100%;
		height: 100%;
		top: 10px;
		left: 10px;
		z-index: -1;
	}

	div.ScreenShade {

		background-color: #4B4B4B;
		opacity: 0.5;
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;

		position: fixed;
		top: 0px;
		left: 0px;
		bottom:0;
		right:0;
		z-index: 70000;
		display: none;
	}



	div.InlineOverlayShadow {
		position: absolute;
		z-index: 6000;
		left: 0px;
		top: 0px;
		background: #D1D8E5;
	}

	div.InlineOverlayContent {
		border: 1px solid #C1C1C1;
		background-color: #D1D8E5;
		padding: 2px;
		text-align: left;
	}

	div.InlineOverlayDropdownListInvokerContainer {
		background-color:Window;
		border-left:1px Solid ThreeDLightShadow;
		border-right:1px Solid ThreeDLightShadow;
	}

	div.InlineOverlayDropdownListInvoker {
		border-top:1px Solid ThreeDShadow;
		border-bottom:1px Solid ThreeDLightShadow;
		background-repeat:no-repeat;
		background-position:right center;
		cursor:default;
		padding-left:3px;
		padding-right:17px;
		text-align:left;
		text-color:WindowText;
		height:1.5em;
	}

	div.InlineOverlayDropdownList {
		background-color: Window;
		border:1px Solid WindowFrame;
		text-color: WindowText;
		padding: 1px;
		text-align: left;
	}

	div.InlineOverlayTrainingAdvertisement {
		border:1px Dotted Black;
		background-color: Window;
		color: #1F1D31;
	}

	div.InlineOverlayTrainingAdvertisementContents {
		background:#FFFDC0 url("/app_docs/art/cart/CheckoutBgGradient.png") repeat-x 0% 0%;
		padding:5px 25px 5px 6px;
	}


	div.InlineOverlayTrainingAdvertisementBottomLinks {
		border-top: 1px solid #D1D8E5;
		padding: 2px;
	}

	div.InlineOverlayAnnouncement {
		border:1px Dotted Black;
		background-color: Window;
		color: #1F1D31;
	}

	div.InlineOverlayAnnouncementContents {
		background:#FFFDC0 url("/app_docs/art/cart/CheckoutBgGradient.png") repeat-x 0% 0%;
		padding:5px 25px 5px 6px;
	}


	div.InlineOverlayAnnouncementBottomLinks {
		border-top: 1px solid #D1D8E5;
		padding: 2px;
	}

	div.HoverHelpOverlayContent {
		border: 1px solid #C1C1C1;
		background-color: #FFFDC0;
		padding: 2px;
		text-align: left;
	}

	div.HoverHelpOverlayBottomLinks {
		border-top: 1px solid #D1D8E5;
		padding: 2px;
	}

    div.OverlayShadow {
        top: 5px;
        left: 5px;
    }
    
    .dropShadow {
    	box-shadow:5px 5px 10px #333333;
    }
    
    div.Overlay.dropShadow {
	    border-radius:5px;
    }
    
     
    div.Overlay.dropShadow .Panel {
    	border-radius:5px;
    }
    
    div.Overlay.dropShadow .Panel .PanelTitle {
    	border-top-left-radius:5px;
    	border-top-right-radius:5px;
    }
    
    div.Overlay.dropShadow .Panel #ModalPopupIframeContainer {
    	border-radius:5px;
    }
    
    div.Overlay.phx {
    	background-color:transparent;
    	position:fixed;
    	top:0;
    	left:0;
    	right:0;
    	bottom:0;
    }
    div.Overlay.phx > table.Panel {
    	background-color:transparent;
    	border:none;
    }
    
	div.Overlay.phx > table.Panel  #ModalPopupIframeWaitBox {
		position:fixed;
		background-color:white;
		top:50%;
		left:50%;
		margin-left:-63px;
		margin-top:-18px
	}
	
	div.Overlay.phx > table.Panel  #ModalPopupIframeContainer {
		position:fixed; 
		top:0; 
		left:0; 
		right:0; 
		bottom:0; 
		height:100%; 
		width:100%;
	}
		
	div.Overlay.phx > table.Panel  #ModalPopupWithIframe {
		position:fixed; 
		top:0; 
		left:0; 
		right:0; 
		bottom:0; 
		height:100%;
		width:100%;
	}
	
	div.Overlay.phx > table.Panel  #ModalPopupIframe {
		position:fixed; 
		top:0; 
		left:0; 
		right:0; 
		bottom:0; 
		height:100%; 
		width:100%; 
		display:none;
	}
	
    div.ContractInfoOverlay > a{
    	white-space:nowrap;
    }

	TD.DocSummaryBox {
		background-color: #FFFFFF;
		border: 1px solid #C1C1C1;
	}

	.SupplierName {
		font-size: 1.3em;
		font-weight: bold;
		color: #000000;
	}
	
	TD.LineSixPack {
		vertical-align: top;
		border-top: 1px solid #D1D8E5;
	}
	
	TD.NonCatalogItemRecentlyAddedItemsSixPack {
		background-color: #ffffff;
	}
	
	TH.LineSixPackHdr {
        background:url('/app_docs/art/background/2011_PanelBackground.png') repeat-x left top #DFDFDF;
        border-left:1px Solid White;
        color: #1F1D31; 
        font-weight : bold; 
        padding:4px 3px;
        text-align: center;
        vertical-align:middle;
	}
	
	A.ProductNameNoDetail {
		font-weight: normal;
		color: #000000;
	}

	A.ProductNameDetail {
		font-weight: bold;
		color: #000000;
	}
	
	TD.LineMiddleGroup {
		border-left: 1px solid #D1D8E5;
		border-right: 1px solid #D1D8E5;
	}
	
	TD.LineLeftGroup {
		border-right: 1px solid #D1D8E5;
	}
	
	TD.LineLeftGroupWithDarkLeftBorder {
		border-right: 1px solid #D1D8E5;
		border-left: 1px solid #C1C1C1;
	}	
	
	TD.LineRightGroup {
		border-left: 1px solid #D1D8E5;
	}
	
	DIV.SupplierOnlyGroup {
		margin-bottom: 4px;
		border: 1px solid #C1C1C1;
		padding-top:3px;
		padding-bottom:3px;
	}
	
	TD.HorizontalGroupElement, TH.HorizontalGroupElement {
		text-align: center;
		border-bottom: 1px solid #D1D8E5;
	}
	
	.EmptyValue {
		font-style: italic;
		color: #465A79;
	}
	
	A.ElementValue {
		color: #000000;
	}
	
	.PageNamePrinterFriendly {
		font-size: 1.5em;
		font-weight: bold;
	}
	
	
	.FormGroupTitle {
		background-color: #ffffff;
		font-size: 1.1em;
		font-weight: bold;
		padding: 3px;
		margin-bottom: 3px;
		text-align: left;
	}	
	
	TH.HorizontalFormGroupElement {
		padding-right:5px;
		text-align: left;
	}
	
	.DocCommentHeader {
		background:url('/app_docs/art/background/TopNavFade.png') repeat-x left top;
		background-color:#DFDFDF;
		border-top:1px Solid #C1C1C1;
		padding:3px;
	}
	
	
	TD.WfStepBox {
		background-color: #FFFFFF;
		border: 1px solid #C1C1C1;
		min-width: 10em;
		border-radius: 10px 10px 10px 10px; 
		-moz-border-radius: 10px 10px 10px 10px; 
		-webkit-border-radius: 10px 10px 10px 10px;
	}
	TD.CurrentWfStep {
		border-width:7px;
		border-style:double;
	}
	TD.SkippedWfStep {
		border-color: #DFDFDF;
	}
	.WfStepBody {
		padding:0px;
        padding-top:0px;
		white-space:nowrap;
		text-align:center;
	}
	.CurrentWfStep .WfStepBody {
		padding-top:0px;
	}
	.WfStepName {
		font-weight:bold;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:5px;
		padding-top:5px;
		vertical-align:middle;
	}
	.WfStepName {
		font-size: 1.1em;
	}
	.WfStepStatus {
		font-style: italic;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:5px;
		padding-top:5px;
	}
	.SkippedWfStep .WfStepBody {
		color: #595959;
	}
	.SkippedWfStep .WfStepBody IMG {
		opacity: 0.5;filter: alpha(opacity=50);
	}

    TD.DocSectionTitle {
        font-weight: bold;
        color: #1F1D31; 
        font-size : 1.1em;
        padding:3px 3px 3px 5px;
        white-space: nowrap;
        text-align: center;
    }
    
    TD.DocSummaryBox Table.PanelTitle { margin-bottom:3px; }


    TD.SupplierTotals {
        color: #000000; 
    }
    
    TD.SupplierTotalsTop {
        border-top: 1px solid #DFDFDF;
        padding-top: 8px;
    }

    .CurrentWfStep TD.PanelTitle {
        color: #C1C1C1;
        padding-left:1.5em;
        padding-right:1.5em;
    }
    
    DIV.SupplierGroupHeader {
        border-bottom:1px Solid #C1C1C1; 
        background:url('/app_docs/art/background/2011_SupplierGroupBackground.png') repeat-x top left #DFDFDF; 
        padding-bottom: 4px;    
    }	
	



	A.CartProgress, A.CartProgressSecondary, .CartProgressSelected, SPAN.CartProgressDisabled {
		padding: 2px;
		border: 1px solid #C1C1C1;
		white-space: nowrap;

        background-color: #DFDFDF;
        background-image: url("/app_docs/art/background/CartProgressFade.png");
background-repeat: repeat-x;
background-position: bottom;


	}

	A.CartProgress, A.CartProgressSecondary {
		background-color: white;
	}
	
	A.CartProgressSecondary {
		font-weight: normal;
	}
	
	SPAN.CartProgressDisabled {
		font-weight: normal;
		font-style: italic;
	}
		
	.CartProgressSelected {
        color: #FFFFFF;
        font-weight: bold;
        background-color: #3f6fdc;
        background-image: url("/app_docs/art/background/NavFade.png");
background-repeat: repeat-x;
background-position: bottom;
		
	}
	
	TD.CartProgressButton {
		padding: 3px;
		vertical-align: middle;
	}
	
	TD.CartProgressImage {
		padding-top: 3px;
		padding-bottom: 3px;
		vertical-align: middle;
	}
	
	DIV.checkoutReturn {
		text-align: right;
		margin-bottom:0.3em;
	}
	DIV.checkoutReturn DIV.checkoutReturnLink {
		display: inline-block;
	}
	DIV.checkoutReturnLink + DIV.checkoutReturnLink {
		margin-left: .5em;
	}
	
	
	
	

	TABLE.CheckoutRibbon TD                 { background:#9fb7ee url("/app_docs/art/cart/CheckoutBgGradient.png") repeat-x 0% 0%; color:White; font-size:1.0em; padding:0px 6px 0px 6px; text-align:left; vertical-align:middle; }
	TABLE.CheckoutRibbon TD.steptext        { padding-top:3px; padding-bottom:3px; }                 
	TABLE.CheckoutRibbon TD.topborder       { background:none; border-bottom:1px Solid #f3f3f3; padding:0px; }
	TABLE.CheckoutRibbon TD.bottomborder    { background:none; border-top:1px Solid #fcfcfc; padding:0px; }
	TABLE.CheckoutRibbon TD.currentstep     { background-color:#3f6fdc; }
	TABLE.CheckoutRibbon TD.button          { background-color:#F4F4F4; background-image:none; color:Black; padding:1px 1px 1px 10px; white-space:nowrap; }
	TABLE.CheckoutRibbon TD.stepstatus      { border-left:2px Solid #F4F4F4; padding:0px 0px 0px 6px; }
	TABLE.CheckoutRibbon A                  { color:#ffffff; }
	
	TABLE.CheckoutRibbon DIV.startArrow     { border-color: transparent transparent transparent #F4F4F4; border-style: solid; border-width: 0; height: 0px; width: 0px; }	
	TABLE.CheckoutRibbon DIV.endArrow       { border-color: #F4F4F4 #F4F4F4 #F4F4F4 transparent; border-style: solid; border-width: 0; height: 0px; width: 0px; }
	TD.leadingDots                          { background:url("/app_docs/art/cart/CheckoutDot.png") repeat-x 50% 50%; }

	DIV.DocConfigSection,
	DIV.DocConfigGroup,
	DIV.DocConfigElement,
	DIV.DocConfigHeader {
		padding: 2px;
		margin: 2px;
	}
	
	DIV.DocConfigSection {
		font-weight: bold;
		background-color: #DFDFDF;
	}
	
	DIV.DocConfigGroup {
		font-weight: bold;
		padding-left: 2em;
	}
	
	DIV.DocConfigElement {
		padding-left: 4em;
	}
	
	A.DocConfigElement,
	A.DocConfigElementInactive {
		font-weight: normal;
	}

	A.DocConfigElementInactive {
		font-style: oblique;
	}

	DIV.DocConfigHeader {
		margin-top: 1em;
		text-align: center;
		font-size: 1.1em;
		font-weight: bold;
		color: #1F1D31;
	}
	
	DIV.DocConfigConfiguration,
	DIV.DocConfigVersion {
		margin: 4px;
	}
	
	DIV.DocConfigVersion {
		padding-left: 2em;
	}




	A.NamedAnchor {
		color:#000000;
		text-decoration:none;
	}
	A.NamedAnchor:visited,
	A.NamedAnchor:hover {
		color:#000000;
		text-decoration:none;
	}

	A.EditLink {
		border: 1px solid #C1C1C1;
		padding-left: 1px;
		padding-right: 1px;
	}

	A.MoreInfo {
		font-size: 0.9em;
		font-weight: normal;
		white-space: nowrap;
	}

	A.LightLink {
		font-size: 0.9em;
		font-weight: normal;
		color: #808080;
	}
	
	A.BackLink {
		background: url('/app_docs/art/nav/inline_back.png') no-repeat 0px center;
		padding:1px 0px 1px 20px;
	}
	
	A.AdminLink {
	   font-size:0.8em;
	}
	
	A.SmallExpandLink {
		background: url('/app_docs/art/icons/tree/expand.gif') no-repeat 1px center;
		padding:1px 0px 1px 18px;
	}
	 
	A.SmallCollapseLink {
		background: url('/app_docs/art/icons/tree/collapse.gif') no-repeat 1px center;
		padding:1px 0px 1px 18px;
	}
	
	A.ExpandLink,
	input.ExpandLink {
		background: url('/app_docs/art/icons/panels/expand.png') no-repeat 1px center;
		padding:1px 0px 1px 20px;
	}
	 
	A.CollapseLink,
	input.CollapseLink {
		background: url('/app_docs/art/icons/panels/collapse.png') no-repeat 1px center;
		padding:1px 0px 1px 20px;
	}
	
	A.ImportantLink {
		font-weight:bold !important;
	}
	
    A.ListLink, A.SelectedListLink {
       padding:2px;
    }

    A.SelectedListLink {
        background-color:#3f6fdc;
        color:White;
        
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -o-border-radius:3px;    
    }	

		
	A.DisabledLink, A.DisabledLink:hover, A.DisabledLink:visited {
		text-decoration:none !important;
		color: #000000 !important;
	}

	.InlineOverlayInvoker {
		color: #3769db;
		cursor: pointer !important;
	}
	
	.InlineOverlayInvokerHover { 
		color: #3769db !important;
		cursor: pointer !important;
	}
	
		
	A.social-login-button, A.social-login-button:link, A.social-login-button:visited {
		background-color:#e1e1e1;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		color:#696969;
		display:inline-block;
		font-size:13px;
		height:30px;
		text-align:center;
		text-decoration:none;
		width:220px;
	}

	A.social-login-button:hover {
		background-color:#C9C9C9;
		text-decoration:none;
	}

	A.social-login-button DIV.social-login-icon {
		background-size:contain;
		float:left;
		height:30px;
		width:30px;
	}
	
	A.social-login-button DIV.social-login-text {
		display:inline-block;
		line-height:30px;
		padding:0px 0px 0px 5px;
		text-align:center;
	}
	
	A.social-login-button DIV.social-login-text SPAN {
		float:left;
		padding:0px 3px 0px 0px;
		white-space:nowrap;
	}
	
	A.social-login-button DIV.social-login-text SPAN.upper {
		text-transform:uppercase;
	}
	
	A.social-login-button DIV.social-login-text SPAN.bold {
		font-weight:bold;
	}

	
	#Login_body A:link,
	#MultifactorAuthLogin_body A:link {
		text-decoration: underline !important;
	}

	A:focus-visible {
		outline: 2px solid #000000;
	}

	A.imageLink:hover {
		opacity: 0.6;
	}



    DIV.ButtonRow, TD.ButtonRow {
        vertical-align: middle;
        text-align: center;
        margin-top:4px;
        padding-top: 5px;
        padding-bottom: 5px;
        white-space: nowrap;
    }

    .ButtonReq,
    .ButtonOpt,
    .ButtonDisabled,
    .ButtonOverlayInvoker { 
        font-family: 'Segoe UI', 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif; 
        text-align: center; 
        font-size: 0.9em; 
        font-weight: bold;
        border-width: 1px;
        cursor: pointer;
        padding:1px 5px 1px 5px;
     }
     
    .ButtonOpt,
    .ButtonDisabled {
        background-image: url("/app_docs/art/background/ButtonFade.png");
background-repeat: repeat-x;
background-position: center;

    }

    .ButtonReq,
    .ButtonOverlayInvoker {
        background-color: #3f6fdc;
        color: #ffffff;
        text-transform: capitalize;
    }

    .ButtonReq:hover,
    .ButtonOverlayInvoker:hover {
		opacity: 0.8;
    }

	.ButtonReq:focus {
		outline: 2px solid #000000;
		outline-offset: 1px;
	}


    .ButtonOpt {
        background-color: #dfdfe1; 
        color: #333333;
    }

    .ButtonDisabled { 
        border-width: 1px;
        background-color: #EEEEEE; 
        color: #A6A6A6;
    }

	.sticker .ButtonDisabled{
		background-color: inherit;
		cursor:not-allowed !important;
	}
	
    .WindowButtons {
		background-color: #eee;
		border-bottom: 2px solid #000;
		padding:5px 10px 5px 5px;
		text-align:right;
	}

	button.search_bar__input__clear_button {
		display: none;
	}



    .btn,
    .btnDisabled { 
    	display:inline-block; 
    	background:none; 
    	margin:3px 0;
    	padding:1px 0 1px 0;
    	border-width:0; 
    	overflow:visible;
    	font:80%/1.2 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
    	text-decoration:none; 
    	white-space:nowrap;
	}
	
	.btnDisabled {
		cursor:default;
	}
	
    .btn SPAN,
    .btnDisabled SPAN {
		font-weight:bold;
		margin:0;
		padding:1px 0 1px 0;
		border-left:1px solid #bbb;
		border-right:1px solid #aaa;
	}

	* HTML .btn SPAN,
	* HTML .btnDisabled SPAN {
		padding-top:0;
	}
	
    .btn SPAN SPAN,
    .btnDisabled SPAN SPAN {
		position:relative;
		padding:1px .5em 1px .5em;
		border-width:0;
		border-top:1px solid #bbb;
		border-bottom:1px solid #aaa;
	}

    /* Only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover { text-decoration:none; }
	.btn:hover SPAN, .btn:hover SPAN SPAN, .btn:focus SPAN, .btn:focus SPAN SPAN {
		cursor:pointer; /* important for any clickable/pressable element */
		color:#000;
	}

    .btn:active SPAN {
		background-position:0 -400px;
	}
	
	.primary SPAN	{ background:#3f6fdc url("/app_docs/art/background/roundedbuttons/RoundedButtonGradient.png") repeat-x 0 0; color:#000000; }
	.secondary SPAN	{ background:#bbb url("/app_docs/art/background/roundedbuttons/RoundedButtonGradient.png") repeat-x 0 0; color:#000000; font-weight:bold; }

	.standout SPAN  { 
		background:#3f6fdc url("/app_docs/art/background/roundedbuttons/RoundedButtonGradient.png") repeat-x 0 0; 
		font-size:1.1em; 
		color:#000000; 
		padding:6px 0; 
	}
	.disabled SPAN {
		background:#bbb url("/app_docs/art/background/roundedbuttons/RoundedButtonGradient.png") repeat-x 0 0; color:Gray; font-weight:bold;
	}
	
	
	.standout SPAN SPAN { 
		padding:5px .7em 6px .7em;
	}



	.hrWithIcon {
		vertical-align:middle;
		padding-right:3px;
	}
	
	.inlineSVGText {
		width:20px;
	}
	
	@media print {
	    .no-print, .no-print *
	    {
	        display: none !important;
	    }
	}

	.PageContent {
		padding: 10px 10px 22px;
		margin-bottom: 22px;
	}

	.PageContent > .TitleRow > H1.TitleRowBar {
		font-size: 1.125rem;
		font-weight: 500;
		line-height: 1.875rem;
		margin: 0;
	}

	.SecondaryText,
	.InlineHelp {
		font-size: 0.9em;
		color: #595959;
	}

	A.InlineHelp {
		cursor: help;
	}

	SPAN.StrikeThrough {
		text-decoration: line-through;
	}

	.LoginTableContainer {
		background: white;
		border: 1px solid black;
     }

	
     hr {
     	height: 1px;
     	color: #C1C1C1;
     	background-color: #C1C1C1;
     	border-width: 0px;
     }

     DIV.confirmationMessage {
     	text-align:center;
     	font-style:italic;
     	font-weight:bold;
     	margin-top:5px;
     	margin-bottom:5px;
	}

	DIV.confirmationMessage > span > .btn.btn-link {
		vertical-align: baseline;
		font-weight:bold;
		font-style:italic;
	}

    SPAN.confirmationMessage {
     	padding-left:20px;
     	padding-right:20px;
     	padding-top:5px;
     	padding-bottom:5px;
	}

	.LightBorderBottom {
		border-bottom: 1px solid #D1D8E5;
	}

	.LightBorderTop {
		border-top: 1px solid #D1D8E5;
	}

	DIV.DebugControl {
		display: inline-block;
		z-index:5001;
	}

	A.DebugControl {
		padding:4px;
	}
	DIV.DebugControl img {
		vertical-align: middle;
		max-height: 10px;
	}

	.debug {
		background-color:#FFFFCF;
		font-weight:normal;
	}

	DIV.PageInfoBanner {
	   background-color: #FFFFCF;
	   color:#444;
	   font-weight:bold;
	   font-size:0.85em;
	   padding:7px 0px 2px 5px;
	   border-bottom:1px Solid #CCC;
	}

	UL.NoBullets {
		margin:0.5em 0em 0.5em 0em;
		padding:0em 0em 0em 2em;
	}

	LI.NoBullet {
		list-style-type:none;
		padding:0em 0em 0.4em 0em;
	}

	TD.SidePanelSlider, TD.SidePanelSliderHover {
		background:url('/app_docs/art/background/2011_SliderBackground.png') repeat-y;
		background-color: #DFDFDF;
		border:1px Solid #C1C1C1;
		cursor:pointer;
		padding:3px 2px 0px 2px;
		text-align:center;
	}

	TD.SidePanelSliderHover {
		background-color: #ededef;
	}

	.NoWrap {
		white-space:nowrap !important;
	}

	.Wrap {
		white-space:normal !important;
	}

	DIV.UserGroupMemberScrollingContainer {
		border: 1px solid #DFDFDF;
		border-radius:5px;
		max-height:20em;
		overflow:auto;
		margin-top:2.0em;
	}

	IMG.animatedImage {


	}
	
	.text-truncate {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.accessibilityHidden {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
		opacity: 0;
	}

	.splitLineButton {
		width: 20px;
		margin-top: 15px;
	}
	
	@keyframes marquee {
		0% { transform: translate(0, 0); }
		100% { transform: translate(-100%, 0); }
	}
	

	
	.ProgressHelp {
		font-size: 0.8em;
		text-align: center;
	}
	.ProgressPanel {
		margin:0 4px 0 4px;
	}
	.ProgressContainer {
    	position: relative;
    	margin-bottom: 5px;
	}
	.ProgressContainer, .ProgressValue, .Progress {
    	width: 120px;
	}
	.ProgressContainer, .ProgressValue {
		height: 23px;
	}
	.ProgressContainer {
		margin-left: auto;
		margin-right: auto;
	}
	.ProgressContainer, .ProgressValue {
    	background: #B7B0B0 url('/app_docs/art/background/roundedbuttons/ProgressBar.png') top left no-repeat;
	}
	.ProgressValue {
		background-color: #3f6fdc;
		font-weight: bold;
	}

	.Progress {
    	position: absolute;
    	top:0;
    	left:0;
    	padding-top: 2px;
    	color: #FFFFFF;
    	text-align: center;
    	width: 100%;
	}

		
	DIV.ProgressPanel A {
		text-decoration:none;
		border:1px Solid #C1C1C1;
		display:block;
		background-image:url('/app_docs/art/background/ButtonFade.png');
		background-position:center;
		background-color: #DFDFDF;
		padding:0.4em;
		overflow:hidden;
		margin-top: 0.2em;
	}
	
	DIV.ProgressPanel A.currentStep {
		background-color: #3f6fdc;
		background-image: none;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6188f9), to(#3f6fdc));
		background-image: -webkit-linear-gradient(top, #6188f9, #3f6fdc);
		background-image: -o-linear-gradient(top, #6188f9, #3f6fdc);
		background-image: linear-gradient(to bottom, #6188f9, #3f6fdc);
		background-image: -moz-linear-gradient(top, #6188f9, #3f6fdc);
		border-color: #2a63ce;
		color:white;
	}
	
	.TextDisplay .phxText,
	.TextDisplay {
		float:left;
		max-width: 250px;
		white-space: nowrap;
		text-overflow:ellipsis;
	}
	.CompleteStatus, .IncompleteStatus {
		width:16px;
		height:16px;
		float:right;
	}
	A.Disabled, DIV.Disabled {
		background-color: #EEEEEE !important; 
		color: #A6A6A6 !important;
	}





	DIV.phx-rating-scale { }
	
	DIV.phx-rating-scale DIV.color-scale-container {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px Solid Gray;
		position:relative;
		padding:1px;	
	}
	
	DIV.phx-rating-scale DIV.color-scale-container DIV {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	DIV.ratingScore DIV.callout,
	DIV.phx-rating-scale DIV.callout {
		font-size:0.9em;
		font-weight:bold;
		background-color: #154170;
		background-image: -moz-linear-gradient(top, #154170, #154170);
		position: relative;
		color: #fff;
		padding: 2px 10px 2px 10px;
		border-radius: 3px;
		box-shadow: 0px 0px 13px #9a9a9a;
		border: 1px solid #333;
		text-shadow: 0 0 1px #000;
		text-align:center;
		width:20px;
		margin-bottom:10px;
	}

	DIV.phx-rating-scale .callout::before {
		content: "";
		width: 0px;
		height: 0px;
		border: 0.5em solid transparent;
		position: absolute;
	}
	 
	DIV.phx-rating-scale .callout.top::before {
		left: 35%;
		bottom: -15px;
		border-top: 10px solid #154170;
	}
	DIV.phx-rating-scale .callout.top.leftEdge::before {
		left: 0%;
	}
	DIV.phx-rating-scale .callout.top.rightEdge::before {
		left: 70%;
	}
	
	DIV.phx-rating-scale DIV.rating-scale-label,
	DIV.phx-rating-scale DIV.rating-scale-label SPAN {
		position:absolute;
	}	
	
	DIV.phx-rating-scale DIV.rating-scale-label SPAN {
		background-color: white; 
	}
	
	DIV.phx-rating-scale DIV.rating-scale-label.label-small {
		font-size: .6em;
	}

	DIV.phx-rating-scale DIV.rating-scale-label.SecondaryText {
		margin-top: 17px;
		font-size:.7em;
	}

	
	
	A.HighlightableLink { text-decoration : underline; }
	
	.UnhighlightedRow .HighlightableText { color: #595959; }
	.UnhighlightedRow .HighlightableImage IMG { opacity: 0.7;filter: alpha(opacity=70); }
	.UnhighlightedRow .ProductIcons IMG { opacity: 0.5;filter: alpha(opacity=50); }
	.UnhighlightedRow .HighlightableText A { color: #595959 !important; }
	.UnhighlightedRow A.HighlightableLink { text-decoration : none; }
	.UnhighlightedRow DIV.AdditionalProductInfo { color: #595959; }
	
	.HighlightedBox { background-color: #DFDFDF;}
	
	SPAN.NonAnchorProductDescription { color:#3769db; font-weight:bold; }
	DIV.AdditionalProductInfo { font-weight:normal; font-style:normal; padding-top:4px; padding-bottom:4px; }

	ul.list-icons {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    display: inline-flex;
	    align-items: center;
	}

	.HomeShopPanelRight {
		background-color: #EEF1F1;
		margin-bottom:5px;
		border: 1px solid #C1C1C1;
	}
	
	.HomeShopPanelRight + .HomeShopPanelRight,
	.HomeShopPanelRight + .emptyContainer > .HomeShopPanelRight,
	.emptyContainer + .HomeShopPanelRight,
	.emptyContainer + .emptyContainer > .HomeShopPanelRight {
		margin-top:.5em;
	}
	
	.HomeShopPanelRight .phoenixSubSection {
		margin:0;
	}
	
	.HomeShopPanelRight .phoenixSubSection .collapse {
		position:inherit;
	}
	
	.HomeShopPanelRight .phoenixSubSection .title-bar {
		margin:.5em 0em .2em .3em;
	}
	
	.HomeShopPanelRight .phoenixSubSection .title-bar .landingPageSectionTitle .btn-link .phxGlyph {
		color:black;
	}
	
	.HomeShopPanelRight .phoenixSubSection .header-elements {
		top:3px;
	}
	
	.HomeShopPanelRight .phoenixSubSection .title-bar + hr {
		display:none;
	}
	
	.HomeShopPanelLeft {
		background-color: #FFFFFF;
		border: 1px solid #C1C1C1;
	}
	
	TD.HomeShopPanelHeader {
		font-size:1.2em;
		font-weight:bold;
		vertical-align:middle;
		padding:5px 5px 5px 10px;
	}
	
	TD.HomeShopQuestion {
		padding: 2px;
		vertical-align : middle; 
		white-space: nowrap;
	}
	
	A.HomeShopQuestion {
		font-size: 1em;
		font-weight: bold;
		cursor: help;
		border-left: 1px solid #DFDFDF;
	}
	
	A.HomeShopQuestion:HOVER {
		text-decoration: none;
	}	
	
	A.HomeShopHeaderLink {
		padding-right: 8px;
	}
	
	A.HomeShopCollapseExpandToggle {
		font-size:1.1em;
		font-weight:bold;
	}

	TD.HomeAdminJobCount {
		padding: 0px 0px 0px 40px;
		font-size:1.1em;
	}
	
	TD.HomeEditShowcase {
		border-top: 1px Solid #DFDFDF;
		font-size:1.1em;
		padding:3px;
		text-align:right;	
	}
	
	DIV.NoImageResults {
		border: 1px silver solid;
		color: #666666;
		padding: 10px 5px 10px 5px;
		text-align:center;
		vertical-align:middle;
	}
	
	DIV.ResultsInfo {
		padding-right:10px;
		font-size: 1.2em;
	}
	
	SPAN.ResultsDescription {
		font-weight:bold;
		line-height:1.3;	
	}
	
	TD.MoreInfoName {
		text-indent:-1em;
		padding-left:1em;
	}
	
	DIV.ResultsPrice {
		font-size: 1.2em;
		font-weight: bold;
		padding-bottom:4px;
		text-align:right;
	}
	
	DIV.ResultsSizePkg {
		font-size:1.1em;
		font-weight:normal;
		text-align:right;
	}
	
	DIV.ResultsSourceInstr {
		padding-top:3px;
		clear:both;
		text-align:right;
	}
	
	DIV.ResultsItemMsg {
		clear:both;
		text-align:right;
	}
	
	DIV.SecondaryActions {
		padding-top:3px;
		padding-bottom:2px;
		text-align:right;
	}
	
	SPAN.InputSearchTitle {
		font-size:1.2em;
	}
	
	SPAN.InputSearch {
		font-weight:bold;
	}
	
	DIV.ShopInputPanel {
		text-align:center;
		padding-top:0px;
		padding-bottom:5px;
		white-space:nowrap;
	}

    TD.ShopInputTitle {
        vertical-align:middle;
    }
    
    TD.ShopInputTitle LABEL {
        font-size:1.2em;
        font-weight:bold;
    }

    TD.ShopInputTitle SPAN {
        font-size:1.2em;
        font-weight:bold;
    }

	TD.ShopInput {
		padding-left:5px;
		vertical-align:middle;
		font-size:1.4em;
	}
	
	TD.ShopAdvanced {
		text-align:left;
		vertical-align:middle;
		padding-left:15px;
	}
	
	TABLE.HomeGoToBrowse {
		margin-bottom:10px;
		font-size:0.9em;
		white-space:nowrap;
	}
	
	DIV.RefineFilter {
		padding:0px;
		margin-bottom:10px;
		clear:both;
	}
	
	DIV.RefineAddInput {
		padding:4px 6px 0px 6px;
		margin-bottom:5px;
		clear:both;
	}
	
	.SearchFilterRow,
	.SearchFilterRowExtraStyle {
		margin:3px;
		clear:both;
		overflow:hidden;
	}

	.SearchFilterRowExtraStyle {
		text-indent:-1em;
		padding-left:1em;
	}
	
	.SearchFilterRowBeforeText {
		text-indent:-1em;
		padding-left:1em;
	}
	
	.SelectedSearchFilterRow {
		text-indent:-1em;
		padding-left:1em;	
	}
	
	A.ShowAllFilter {
		font-weight:bold;
		white-space:nowrap;
	}
	
	span.returnToResultsDescription {
		font-size:1.3em;	
		font-weight:bold;
		background:url('/app_docs/art/cart/info.gif') no-repeat left center;
		padding-left:13px;
	}
	
	div.SearchFilterHeader {
		background-color:#dfdfdf;
		text-align:left; 
		padding:4px;
	}
	
	span.SearchFilterTitle {
		background-color:#dfdfdf;
		margin-left:-2px;
		font-size:1.1em;
		font-weight:bold;
		padding-left:1px;
	}
	
	div.SearchFilterIcon {
		cursor:pointer;
		margin-top:-2px;
		float:right;
		width:16px;
		height:16px;
	}
	
	div.SearchFilterIconOn {
		background-image: url("/app_docs/art/icons/filter/filter_delete.png");
background-repeat: no-repeat;
background-position: bottom;

	}

	div.SearchFilterIconOff {
		background-image: url("/app_docs/art/icons/filter/filter_add.png");
background-repeat: no-repeat;
background-position: bottom;

	}
	
	div.StickerHoverOverlay {
		background:#ffffff;
		color:black;
		font-size:1.1em;
		padding:5px;
	}
	
	div.StickerCaption {
		text-align:center;
		padding-left:2px;
		padding-right:2px;
	}
	
	div.StickerName {
		font-size:1.1em; 
		font-weight:bold; 
		padding-left:2px; 
		padding-right:2px;
	}
	
	div.stickerImageWrapper {
		width:80px !important;
		margin:auto;
	}
	
	.AddUnderlining {
		text-decoration: underline;
	}
	
	.NonActionableSticker {
		color: #3769db;
	}

	.SuppressCursorHand {
		cursor: default;
	}
	
	td.sticker > div.RoundedCornerContainer > .btn,
	td.sticker > div.xboxcontent > .btn {
		display:block;
		height:80px;
		width:100%;
		font-size:12px;
		white-space:normal;
		line-height:normal;
	}
	td.sticker > div.RoundedCornerContainer > .btn:hover,
	td.sticker > div.xboxcontent > .btn:hover {
		text-decoration:none;
	}
	
	td.sticker > div.RoundedCornerContainer > .btn > img,
	td.sticker > div.xboxcontent > .btn > img {
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:4px;
	}
	
	td.sticker .hover-toolbar {
		overflow:hidden;
		position: absolute;
		bottom: -2px;
		height: 0;
		left: -2px;
		right: -2px;
		padding-right:2px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		background-color: #CDCDCD;
		background-color: rgba(0,0,0, 0.2);
		transition:height .2s linear .3s;
		text-align:right;
	}
	
	td.sticker .hover-toolbar > * {
		position:relative;
		top:5px;
	}
	
	td.sticker:focus-within .hover-toolbar,
	td.sticker .hover-toolbar.hover-toolbar-locked {
		height:2em;
	}

	td.sticker.sticker-hover .hover-toolbar {
		height:2em;
	}

	td.sticker {
		overflow:hidden;
	}
	
	.HomeShopPanelRight.ui-sortable-handle, .emptyContainer.ui-sortable-handle, td.sticker, td.emptySticker {
		cursor: default;
	}


	.MessageThreadTitle { font-size:1.2em; font-weight:bold; margin-bottom:0.7em; }
	.MessageThreadSubtitle { font-weight:normal; font-size:0.75em; margin-left:18px; margin-top:0.2em; }
	.MessageThreadDateTime { font-weight:normal; color:Gray; } 
	.MessageThreadMessageTop {
		background-color:#ddd;
		border-top:1px Solid Silver;
		border-right:1px Solid Silver;  
		border-left:1px Solid Silver; 
		border-top-left-radius:5px; 
		border-top-right-radius:5px;
		padding:0.2em 0.5em 0.4em 0.3em;
		margin-left:18px;
		vertical-align:top;
		-moz-border-top-left-radius:5px; 
		-moz-border-top-right-radius:5px; 
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
	}
	.MessageThreadMessageTop TABLE { font-size:0.9em;  }
	.MessageThreadMessageBottom {
		border-right:1px Solid Silver;
		border-left:1px Solid Silver; 
		border-bottom:1px Solid Silver;  
		border-bottom-left-radius:5px; 
		border-bottom-right-radius:5px;
		padding:0.5em 0.5em;
		margin-left:18px;
		margin-bottom:1.5em;		
		-moz-border-bottom-left-radius:5px; 
		-moz-border-bottom-right-radius:5px; 
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
	}


	td.siLineItemCell {
		border-bottom:1px solid #D1D8E5;
	}

	td.siLineItemCellRight {
		border-bottom:1px solid #D1D8E5;
		text-align:right; 
	}
	
	.siNotifyEl {
		border:1px solid black;
		background:#D1D8E5;
	}
	
	.siResults {
		border: 1px solid black;
		background:#D1D8E5;
	}
	
	.si-yui-skin-sam .yui-ac-content  {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:#FFFFFF none repeat scroll 0 0;
		border:1px solid #808080;
		overflow:hidden;
		position:absolute;
		width:300px;
		z-index:9050;
	}

	

	A.FieldReq, A.FieldOpt {
		cursor:help;
	}	

    .FieldOpt, .FieldReq {
        color: #000000;
    }

    A.FieldOpt:HOVER, A.FieldReq:HOVER {
        text-decoration: none;
    }
    
    .FieldReq {
        font-weight: bold; 
    }
    
    .FieldOpt {
        font-weight: normal;
    }	

    .FieldHelpLink img {
		filter:grayscale(30%) brightness(75%) contrast(200%);
	}

	/* Kiosk Cart touch-screen styles */
	TABLE.kioskTSTopNav               { font-size:1.0em; color:#f1f1f1; padding-top:4px; }	
	.kioskTSBigButton                 { font-size:1.1em; height:40px; }
	.kioskTSBigTextField              { font-size:1.4em; height:20px; }
	.kioskTSBigSelect                 { font-size:1.4em; height:40px; }
	.kioskTSLabel					  { font-size:1.2em; text-align:left}		

	.kioskTSCartLinesScrollRegion     { height:327px; overflow:hidden; padding:0px; margin:0px; }
	.kioskTSCartLinesScrollBar        { background-color:#F7F7F7; border-left:1px Solid #1F1D31; border-right:1px Solid #1F1D31;}
	.kioskTSCartLinesColHeaders TD    { background-color:#DFDFDF; border-top:1px Solid #1F1D31; border-left:1px Solid #DFDFDF; border-bottom:1px Solid #1F1D31; color:#1F1D31; font-weight:bold; padding-top:2px; padding-bottom:2px; vertical-align:bottom; }
	.kioskTSCartLinesColTotals TD     { background-color:#DFDFDF; border-top:1px Solid #1F1D31; border-left:1px Solid #DFDFDF; color:#1F1D31; font-weight:bold; padding-top:2px; padding-bottom:2px; vertical-align:middle; }

	.kioskTSCartLines TD              { border-left:1px Solid #1F1D31;  border-bottom:1px Solid #1F1D31; padding-top:3px; padding-bottom:3px; vertical-align:middle; } 
	.kioskTSCartLines TD.currency     { text-align:right; }
	.kioskTSCartLines TD.quantity     { text-align:center; }
	.kioskTSCartLines TR.RowEven      { background-color:#ffffff; }
	.kioskTSCartLines TD.RowNum       { border-left:1px Solid #1F1D31; background-color:#DFDFDF; text-align:center; }
	.kioskTSColHeight        		  { height:100px; }
	
	.KioskTSButtonDisabled { 
		text-align : center; 
		font-size:11px;
		height:40px; 
		color: gray;
	}

	.KioskButtonDisabled {
		text-align : center; 
		color: gray;
	}
	

DIV.ImageZoomBg {
	background-color: white;
	border: 1px solid #C1C1C1;
	cursor: pointer;
}

	.PageName {
		font-size : 1.5em;  
		font-weight : bold; 
		color: #000000;
		vertical-align : middle;
	}

	.RowListSelected {
		background-color: #3f6fdc;
		color: white;
	}
		
	.RowListUnselected {
		background-color: white;
	}

	.SearchResults li {
		padding: 2px;
		margin: 1px;
	}

	.SearchResults,
	.SearchResults li {
		border-top: 1px solid #D1D8E5;
	}
		
	A.ListActive, .ListActive {
		font-weight: normal; 
		color: #000000;
	}
	A.ListActiveDefault {
		font-weight: bold;
		color: #000000;
	}
	A.ListInactive, .ListInactive {
		color: #000000;
		font-style : oblique;  
		font-weight: normal;
	}
	A.ListSelected, .ListSelected {
		font-weight: normal; 
		color: white;
	}
	A.ListSelected:hover, .ListSelected:hover,
	A.ListSelected:focus, .ListSelected:focus {
		color: white !important;
	}	
	A.ListSelectedInactive, .ListSelectedInactive {
		color: white;
		font-style : oblique;  
		font-weight: normal; 
	}	
	A.ListSelectedDefault {
		font-weight: bold;
		color: white;
	}
	.TableContainer,
	.TableFg,
	.TableBgDark { 
		border: 1px solid #C1C1C1; 
	}
	
	.TableFg, .SectionBodyRW { 
		background: white; 
	}
	.TableBgDark{ 
		background : #D1D8E5; 
	}
	
	.TabSelected { 
		background: #3f6fdc; 
		border : 2px outset #3f6fdc; 
		color: white; 
		vertical-align : middle; 
		text-align : center; 
		border-bottom : #3f6fdc;
	}
		
		
	 .TabUnselected { 
		background: #CCCCCC; 
		color: white; 
		vertical-align : middle; 
		text-align : center; 
		border : solid;
		border-bottom : 1px solid #000000; 
		border-left : 1px solid #f1f1f1;
		border-top : 8px solid #f1f1f1; 
		border-right : 1px solid #f1f1f1; 
	}
		
	A.TabText, A.TabText {
		font-weight : bold;
		color: white;
	}
	
	.SectionHdrStatic,
	.SectionHdrDyn1 {
		background: #3f6fdc;
		color: white;
	}
	
	.SectionTextActive { 
		color: white;
		font-size: 1.2em;
		font-style: normal;
		font-weight: bold;
	}
	
	.LinkCellEven { 
		background-color : #ffffff; 
		border: 1px solid #DFDFDF; 
		text-align : center; 
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center;
	}
		
	.SubSectionHdr {
		color: #1F1D31;
		text-align:center;
		vertical-align: middle; 
		font-weight: bold;
	}

	.SubSectionHdr label {
		font-weight: bold;
	}

	.Caption	{ 
		color: #000000; 
		font-style: italic; 
		font-size: 0.9em; 
		font-weight: lighter;
	}
	A.Caption {
		text-decoration: none;
		cursor: help;
	}
	
	A.HierarchySelected	 {
		font-weight: bold; 
		color: #3769db;
	}		
	A.HierarchySelectedInactive	 {
		font-weight: bold; 
		font-style : oblique;  
		color: #3769db;
	}		
	A.HierarchyActive 	{
		font-weight: normal; 
		color: #000000;
	}		
	A.HierarchyInactive {
		color: #000000;
		font-style : oblique;  
		font-weight: normal;
	}	
	A.HierarchyDefault { 
		font-weight: bold; 
		color: #000000;
	}	
	
	.RowOdd,
	.RowEven {
		background-color: white;
	}

	.ButtonTools, .CartDrafts { 
		background: white; 
		border: 1px outset #C1C1C1;
	}
	
	.CartCurrent {
		background: #3f6fdc;
		border: 1px inset #C1C1C1; 
	}
	
	.ImageWithBorder {
		border: solid 1px #C1C1C1;
	}
	
	.nfpa1 {
		background : #dcdcdc url("/app_docs/art/nfpa1.gif") no-repeat;
		vertical-align : bottom;
	}	
	
	.nfpa2 {
		background : #dcdcdc url("/app_docs/art/nfpa2.gif") no-repeat;
		vertical-align : middle;
	}

	.nfpa3 {
		background : #dcdcdc url("/app_docs/art/nfpa3.gif") no-repeat;
		vertical-align : middle;
	}

	.nfpa4 {
		background : #dcdcdc url("/app_docs/art/nfpa4.gif") no-repeat;
		vertical-align : top;
	}
	
	.SelectedFieldListRow {
		border-style: solid;
		border-width: 2px;
		border-color: #3769db;
	}
	
    .SubSectionHdr {
        font-size : 1.1em;
    }

    .ParagraphHdr {
        color: black;
        font-weight: bold; 
        background-color: #DFDFDF;
    }
    
    .ShadedArea {
        color: #1F1D31;
        font-size:1.1em;
        font-weight:bold;
        background-color: #DFDFDF;
    }
    
    .SearchConsoleParams {
        border-top:1px solid #C1C1C1;
        border-left:1px solid #C1C1C1;
        padding:0px;
    }	

    
    
    .ui-sortable-handle {
		cursor : move;
		box-sizing: border-box;
	}

	ul.ordered-list-item-helper {
		border: 0;
		padding: 0;
		margin: 0;
		list-style: none;
	}

	div.sortableList, div.sortableListContent {
		background-color: #DFDFDF;
		cursor : move;
		padding: .4em .8em .4em .8em;
		margin: .2em;
	}

    td.noMoveBox {
    	cursor: default;
    }

    span.sortableListContent {
      margin-left : 1em;
    }

	img.sortableListArrowButton {
		cursor: pointer;
		margin-left: 1em;

	}

	button.sortableListArrowButton {
		margin-left: 0.5em;
		cursor: pointer;
		background: none;
		border: none;
	}

	button.sortableListArrowButton:focus-visible {
		outline: 2px solid #000000;
	}

	li.sortableListItem {
		background-color: #DFDFDF;
		cursor : move;
		padding: .4em .8em .4em .8em;
		margin: .2em 0 .2em 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.sortableListSection {
		max-width:550px;
		text-align:left;
	}
	
	.sortableListSection ol{
		min-width:500px;
	}
	
	.sortableListItemDisplay {
		display: inline-block;
		vertical-align:top;
		text-align: left;
		max-width:450px;
	}
	
	.sortableListItemDisplay .readOnlyValue {
		height:100%;
	}
	
	div.controls div.sortableListItemDisplay div.readOnlyValue{
		display:inline-block;
		vertical-align:top;
	}
	
	div.sortableListItemDisplay img{
		padding-right:1em;
	}
	
	.sortableListMoveAction {
		display: inline-block;
		float:right;
	}
	
	div > .sortableListMoveAction {
		margin-top:-1em;
	}
	
	.sortableListMove {
		cursor: move;
	}
	
	span.sortableListLabel {
		font-size: medium;
	}

	span.sortableListLabel span.FieldOpt {
		font-weight: bold;
	}

SPAN.AjaxLoadingMessage {
	background:url('/app_docs/art/icons/ajax/ajax-loader.gif') no-repeat left center;
	padding:2px;
	padding-left:20px !important;
	
  	
}

@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}

DIV.AjaxRegionLoadingSpinner,
DIV.AjaxPageTransitionSpinner {
    width:300px;
    height:140px;
    left:50%;
    margin:-100px 0 0 -150px;
    position:absolute;
    text-align:center;
    z-index:70010;
}

DIV.AjaxRegionLoadingSpinner {
    top:50%;
    z-index:3999;
}
DIV.AjaxPageTransitionSpinner {
    top:50%;
}


DIV.AjaxRegionLoadingText,
DIV.AjaxPageTransitionText {
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
	position:absolute; 
	bottom:15px; 
	text-align: center;
	margin: 0 auto;
	width:290px;
}

DIV.AjaxRegionLoadingText {
	color:#000000;
}
DIV.AjaxPageTransitionText {
	color:#FFFFFF;
}
	
DIV.PageKnockout {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 70000;
	background-color: #111;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
}

DIV.RegionKnockout {
	position: absolute;
	z-index: 3999;
	background-color: #fff;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;	
}


DIV.PageKnockout.KnockoutIn,
DIV.RegionKnockout.KnockoutIn {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

DIV.AjaxRegionLoadingSpinner.SpinnerTopAligned {
	margin-top:0;
	top:0;
}

.RegionKnockout.KnockoutIn > DIV.AjaxRegionLoadingSpinner {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:auto;
	height:auto;
	margin:0;
}

.modal-open .AjaxRegionLoadingSpinner {
	align-items: center;
    align-content: center;
    display: flex;
}

.modal-open DIV.AjaxRegionLoadingText,
.modal-open DIV.AjaxPageTransitionText {
	position: initial;
}

.AjaxRegionLoadingSpinner > .spinner {
	position:absolute;
	top:50%;
	left:50%;
	width:24px;
	height:24px;
	margin:0;
	margin-top:-35px;
}
.AjaxRegionLoadingSpinner.SpinnerTopAligned > .spinner {
	top:75px;
	left:50%;
}

.AjaxRegionLoadingSpinner > .spinner + .AjaxRegionLoadingText {
	width:auto;
	left:0;
	right:0;
	top:50%;
}

.AjaxRegionLoadingSpinner.SpinnerTopAligned > .spinner + .AjaxRegionLoadingText {
	top:60px;
	bottom:auto;
}

.HelpTocIconOpen {
	background: url(/app_docs/art/icons/help/toc_open.gif) no-repeat center center;
}

.HelpTocIconClosed {
	background: url(/app_docs/art/icons/help/toc_closed.gif) no-repeat center center;
}

.HelpBookIcon {
	background: url(/app_docs/art/icons/help/book.gif) no-repeat center center;
}

.HelpPageIcon {
	background: url(/app_docs/art/icons/help/page.gif) no-repeat center center;
}

.HelpFieldIcon {
	background: url(/app_docs/art/icons/help/field.png) no-repeat center center;
}

.HelpIconError {
	background: url(/app_docs/art/icons/errors/warning.png) no-repeat center center;
}

.HelpIconButton {
	background: url(/app_docs/art/icons/help/button.gif) no-repeat center center;
}

.HelpIconInlineHelp {
	background: url(/app_docs/art/icons/help/inlinehelp.png) no-repeat center center;
}

.HelpIconHiddenObject {
	background: url(/app_docs/art/icons/general/icon-hidden-small-dark.png) no-repeat center center;
}

.HelpIconPartner {
	background: url(/app_docs/art/icons/general/icon-partner-small-dark.png) no-repeat center center;
}

SPAN.HelpPageName,
SPAN.HelpDocSectionName {
	font-size: 3em;
	color: #3f6fdc;
	font-weight: bold;
	font-variant: small-caps;
}

DIV.HelpFieldSectionName,
DIV.HelpDocGroupName {
	margin-top: 15px;
	margin-bottom: 2px;
}

SPAN.HelpFieldSectionName,
SPAN.HelpDocGroupName {
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
}

DIV.HelpFieldName,
DIV.HelpDocElementName {
	margin-top: 8px;
	margin-bottom: 2px;
}

SPAN.HelpFieldName,
SPAN.HelpDocElementName {
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
}

.HelpFieldHidden {
	opacity: 0.5;filter: alpha(opacity=50);
	
}

.HelpInitiallyHidden {
	visibility: hidden;
}

DIV.TopButtonRow {
	padding: 2px;
	text-align: center;
	border-bottom: 1px solid #D1D8E5;
	vertical-align: middle;
	white-space: nowrap;
}

.HelpLanguageToggle {
	padding-top:4px;
	padding-bottom: 4px;
	border-top:1px solid #D1D8E5;
	font-weight:bold;
}

A.HelpEditInFieldManagementLink {
	color:#B0B0B0;
	font-size:0.9em;
	font-weight:normal;
	padding:2px;
	padding-left:2em;
	float:right;
}



.yui-button  {
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: middle;
}

.yui-button .first-child {
    display: block;
    *display: inline-block; 
}

.yui-button button,
.yui-button a {
    display: block;
    *display: inline-block; 
    border: none;
    margin: 0;
}

.yui-button button {
    background-color: transparent;
    *overflow: visible; 
    cursor: pointer;
}

.yui-button button:focus {
	outline: 2px solid #000000;
	outline-offset: 1px;
}

.yui-button a {
    text-decoration: none;
}


.yui-button  {
    border-width: 1px 0;
    border-style: solid;
    border-color: #808080;
    background-color: #ededef;
	background-image: url("/app_docs/art/background/ButtonFade.png");
background-repeat: repeat-x;
background-position: center;

    margin: auto .25em;
}

.yui-button .first-child {
    border-width: 0 1px;
    border-style: solid;
    border-color: #808080;
    margin: 0 -1px;
	
	*margin: 0;
 	_margin: 0;
}

.yui-button button,
.yui-button a {
    padding: 0 10px;
    font-size: 93%;  
    line-height: 2;  
    *line-height: 1.7; 
    min-height: 2em; 
    *min-height: auto;  
    color: #333333;
}

.sq-skin-primary .yui-button button, .sq-skin-primary .yui-button a,
.sq-skin-standout .yui-button button, .sq-skin-standout .yui-button a {
    color: #ffffff; 
}

.yui-button a {
    
    *line-height: 1.875;
	*padding-bottom: 1px;

}

.yui-split-button button,
.yui-menu-button button {
    padding-right: 20px;
    background-position: right center;
    background-repeat: no-repeat;
}

.yui-menu-button button {
    background-image: url(/app_docs/art/icons/button/menu-button-arrow.png);
}
.yui-split-button button {
    background-image: url(/app_docs/art/icons/button/split-button-arrow.png);
}



.yui-button-disabled {
    border-color: #ccc;
    background-color: #EEEEEE;
}

.yui-button-disabled .first-child {
    border-color: #ccc;
}

.yui-button-disabled button, 
.yui-button-disabled a {
	opacity: 0.6;	
	cursor: default;
}


.sq-skin-primary .yui-button,
.sq-skin-standout .yui-button {
    background-color: #3f6fdc;
	*background-color: #2a63ce;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6188f9), to(#2a63ce));
	background-image: -webkit-linear-gradient(top, #6188f9, #2a63ce);
	background-image: -o-linear-gradient(top, #6188f9, #2a63ce);
	background-image: linear-gradient(to bottom, #6188f9, #2a63ce);
	background-image: -moz-linear-gradient(top, #6188f9, #2a63ce);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.sq-skin-secondary .yui-button {
    background-color: #ededef;
	background-image: url("/app_docs/art/background/ButtonFade.png");
background-repeat: repeat-x;
background-position: center;

}

.sq-skin-standout .yui-button button          { font-size: 105%; font-weight:bold; line-height: 1.6em; min-height: 1.6em; padding-top:0.3em; padding-bottom:0.3em; vertical-align:middle; white-space:nowrap; }
.sq-skin-standout .yui-button-disabled button { color:Gray; border-color: #bbb; background-color: #EEEEEE; }

.sq-skin-primary .yui-button button,
.sq-skin-secondary .yui-button button         { font-size: 87%; font-weight:bold; line-height: 1.6em; min-height: 1.1em; padding: 0 8px; vertical-align:middle; }
.sq-skin-primary .yui-split-button button,
.sq-skin-secondary .yui-split-button button,
.sq-skin-standout .yui-split-button button,
.sq-skin-primary .yui-menu-button button,
.sq-skin-secondary .yui-menu-button button,
.sq-skin-standout .yui-menu-button button     { background-position: right center; background-repeat: no-repeat; padding-right: 20px; }

.sq-skin-legacy-standout                      { font-size: 120%; font-weight:bold; padding:0.3em; width:100%;  }
.sq-skin-legacy-primary,
.sq-skin-legacy-secondary                     { font-size: 87%; font-weight:bold; width:100%; }

TABLE.sq-skin-legacy-btn                      { border-spacing:0; border-collapse:collapse; display:inline; margin:0; padding:0px;  }
TABLE.sq-skin-legacy-btn TD                   { padding:0; }



.yui-overlay,
.yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 1000;
}

.yui-panel {
    position:relative;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask.block-scrollbars {
    
    overflow: auto;
}



.masked select,
.drag select,
.hide-select select {
    _visibility: hidden;
}

.yui-panel-container select {
    _visibility: inherit;
}



.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars,
.yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay,
.yui-tt.show-scrollbars .yui-tt-shadow {

    overflow: auto;

}


.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay, .yui-effect-fade .yui-tt-shadow {
    display:none;
}



.yui-tt-shadow {
    position: absolute;
}

.yui-override-padding {
    padding:0 !important;
}

.yui-panel-container .container-close {
    overflow:hidden;
    text-decoration:none;
}

.yui-overlay.yui-force-redraw, .yui-panel-container.yui-force-redraw {
    margin-bottom:1px;
}



.mask {
    background-color: #000;
    opacity: 0.25;filter: alpha(opacity=25);;
}


.yui-panel-container {
    padding:0 1px;
    
    *padding:2px;
}

.yui-panel {
    position: relative;
    left:0;
    top:0;
    border-style: solid;
    border-width: 1px;
    border-color: #C1C1C1;
    z-index: 1;
	background-color:#FFFFFF;
}


.yui-panel-container .underlay {
    right: -1px;
    left: -1px;
}

.yui-panel-container.matte {
    padding: 9px 10px;
    background-color: #fff;
}

.yui-panel-container.shadow {
    
    _padding: 2px 4px 0 2px;
}

.yui-panel-container.shadow .underlay {
    position: absolute;
    top: 2px;
    left: 3px;
    right: -3px;
    bottom: -3px;

    
    *top: 4px;
    *left: 2px;
    *right: -1px;
    *bottom: -1px;

    
    _top: 0;
    _left: 0;
    _right: 0;
    _bottom: 0;
    _margin-top: 3px;
    _margin-left: 2px;

    background-color: #000;
    opacity: 0.2;filter: alpha(opacity=20);
}




.yuimenu {

    top: -999em;
    left: -999em;

}

.yuimenu .yuimenu {

    position: absolute;

}

.yuimenu li {

    list-style-type: none;    

}

.yuimenu ul,
.yuimenu li,
.yuimenu h6 { 

    margin: 0;
    padding: 0;

}

.yuimenuitemlabel,
.yuimenubaritemlabel {

    text-align: left;
    white-space: nowrap;

}


.yuimenuitemlabel {

    display: block;

}

.yuimenuitemlabel .helptext {

    font-style: normal;
    display: block;
    
    
    
    margin: -1em 0 0 10em;
    
}



.yui-menu-shadow {

    position: absolute;
    visibility: hidden;
    z-index: -1;

}

.yui-menu-shadow-visible {

    top: 2px;
    right: -3px;
    left: -1px;
    bottom: -3px;
    visibility: visible;

}




.hide-scrollbars * {

	overflow: hidden;

}

.hide-scrollbars select {

	display: none;

}




.yuimenu.show-scrollbars {

	overflow: visible; 

}

.yuimenu.hide-scrollbars .yui-menu-shadow {

    overflow: hidden;

}

.yuimenu.show-scrollbars .yui-menu-shadow {

    overflow: auto;

}

.yui-overlay.yui-force-redraw {
   margin-bottom: 1px;
}

.yuimenu .bd {

	

	*zoom: 1;
	_zoom: normal;	
    border: solid 1px #C1C1C1;
    background-color: #fff;
    
}

.yuimenu .yuimenu .bd {

	*zoom: normal;

}

.yuimenu ul {

    padding: 3px 0;
    border-width: 1px 0 0 0;
    border-color: #C1C1C1;
    border-style: solid;

}

.yuimenu ul.first-of-type {

    border-width: 0;

}




.yuimenu h6 { 

    font-weight: bold;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 0 0 0;
    color: #a4a4a4;    
    padding: 3px 10px 0 10px;

}

.yuimenu ul.hastitle,
.yuimenu h6.first-of-type {

    border-width: 0;

}



.yuimenuitem {

    

    _border-bottom: solid 1px #fff;

}

.yuimenuitemlabel {

    padding: 0 20px;
    color: #000;
    cursor: default;
	outline: none;
}

A.yuimenuitemlabel, A.yuimenuitemlabel:hover {
    text-decoration: none;
}

.yuimenuitemlabel .helptext {

    margin-top: -1.5em;
    *margin-top: -1.45em;  
    
}






.yui-menu-shadow-visible {

    background-color: #000;

    
	opacity: 0.2;filter: alpha(opacity=20);
}






.yuimenuitem-selected, A.yuimenuitem-selected:hover {

    background-color: #3f6fdc;
}

.yuimenuitemlabel-selected, A.yuimenuitemlabel-selected:hover {
	color: white !important;
	cursor: pointer;
}




.yuimenuitemlabel-disabled, A.yuimenuitemlabel-disabled:hover {
    cursor: default;
    color: #A6A6A6 !important;
}


.sq-ui-selectmenu-menu.ui-selectmenu-menu li {
	padding: 0;
}

.sq-ui-selectmenu-button.ui-button:active {
	background-color: #3f6fdc;
	border: none;
}

.sq-ui-selectmenu-menu.ui-selectmenu-menu .ui-state-active {
	background-color: #3f6fdc;
	color: white;
	border: none;
}



.yui-resize {
    position: relative;
    zoom: 1;
    z-index: 0;
}
.yui-resize-wrap {
    zoom: 1;
}

.yui-draggable {
    cursor: move;
}

.yui-resize .yui-resize-handle {
    position: absolute;
    z-index: 1;
    font-size: 0;
    margin: 0;
    padding: 0;
    zoom: 1;
    height: 1px;
    width: 1px;
}
.yui-resize .yui-resize-handle-br {
    height: 5px;
    width: 5px;
    bottom: 0;
    right: 0;
    cursor: se-resize;
    z-index: 2;
    zoom: 1;
}

.yui-resize .yui-resize-handle-bl {
    height: 5px;
    width: 5px;
    bottom: 0;
    left: 0;
    cursor: sw-resize;
    z-index: 2;
    zoom: 1;
}

.yui-resize .yui-resize-handle-tl {
    height: 5px;
    width: 5px;
    top: 0;
    left: 0;
    cursor: nw-resize;
    z-index: 2;
    zoom: 1;
}

.yui-resize .yui-resize-handle-tr {
    height: 5px;
    width: 5px;
    top: 0;
    right: 0;
    cursor: ne-resize;
    z-index: 2;
    zoom: 1;
}

.yui-resize .yui-resize-handle-r {
    width: 5px;
    height: 100%;
    top: 0;
    right: 0;
    cursor: e-resize;
    zoom: 1;
}

.yui-resize .yui-resize-handle-l {
    height: 100%;
    width: 5px;
    top: 0;
    left: 0;
    cursor: w-resize;
    zoom: 1;
}

.yui-resize .yui-resize-handle-b {
    width: 100%;
    height: 5px;
    bottom: 0;
    right: 0;
    cursor: s-resize;
    zoom: 1;
}
.yui-resize .yui-resize-handle-t {
    width: 100%;
    height: 5px;
    top: 0;
    right: 0;
    cursor: n-resize;
    zoom: 1;
}
.yui-resize-proxy {
    position: absolute;
    border: 1px dashed #000;
    visibility: hidden;
    z-index: 1000;
}

.yui-resize-hover .yui-resize-handle,
.yui-resize-hidden .yui-resize-handle {
    opacity: 0;
    filter: alpha(opacity=0);
}
.yui-resize-ghost {
    opacity: .5;
    filter: alpha(opacity=50);
}

.yui-resize-knob .yui-resize-handle {
    height: 6px;
    width: 6px;
}
.yui-resize-knob .yui-resize-handle-tr {
    right: -3px;
    top: -3px;
}
.yui-resize-knob .yui-resize-handle-tl {
    left: -3px;
    top: -3px;
}
.yui-resize-knob .yui-resize-handle-bl {
    left: -3px;
    bottom: -3px;
}
.yui-resize-knob .yui-resize-handle-br {
    right: -3px;
    bottom: -3px;
}
.yui-resize-knob .yui-resize-handle-t {
    left: 45%;
    top: -3px;
}
.yui-resize-knob .yui-resize-handle-r {
    right: -3px;
    top: 45%;
}
.yui-resize-knob .yui-resize-handle-l {
    left: -3px;
    top: 45%;
}
.yui-resize-knob .yui-resize-handle-b {
    left: 45%;
    bottom: -3px;
}

.yui-resize-status {
    position: absolute;
    top: -999px;
    left: -999px;
    padding: 2px;
    font-size: 80%;
    display: none;
    zoom: 1; 
    z-index: 9999;
}
.yui-resize-status strong, .yui-resize-status em {
    font-weight: normal;
    font-style: normal;
    padding: 1px;
    zoom: 1;
}

.yui-resize .yui-resize-handle-l,
.yui-resize .yui-resize-handle-r,
.yui-resize .yui-resize-handle-l-active,
.yui-resize .yui-resize-handle-r-active {
    height: 100%;
    zoom: 1;
}


.yui-resize-hover .yui-resize-handle-active {
    opacity: 1;
    filter: alpha(opacity=100);
}


.yui-layout-loading {
    visibility: hidden;
}

body.yui-layout {
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0;
}

.yui-layout-doc {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.yui-layout-unit {
    height: 50px;
    width: 50px;
    padding: 0;
    margin: 0;
    float: none;
    z-index: 0;
    
}

.yui-layout-unit-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.yui-layout-unit-left {
    position: absolute;
    top: 0;
    left: 0;
}

.yui-layout-unit-right {
    position: absolute;
    top: 0;
    right: 0;
}

.yui-layout-unit-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.yui-layout-unit-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.yui-layout div.yui-layout-hd {
    position: absolute;
    top: 0;
    left: 0;
    zoom: 1;
    width: 100%;
    
}
.yui-layout div.yui-layout-bd {
    position: absolute;
    top: 0;
    left: 0;
    zoom: 1;
    width: 100%;
    
}
.yui-layout .yui-layout-noscroll div.yui-layout-bd {
    overflow: hidden;
}
.yui-layout .yui-layout-scroll div.yui-layout-bd {
    overflow: auto;
}
.yui-layout div.yui-layout-ft {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    zoom: 1;
    
}


.yui-layout .yui-layout-clip {
    position: absolute;
    height: 20px;
    background-color: #c0c0c0;
    display: none;
}

.yui-layout .yui-layout-wrap {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}

div.yui-layout-doc {
	overflow: visible;
}

div.yui-layout-bd {
	background-color: white;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
}

.yui-layout-unit-top div.yui-layout-bd {
	border-bottom: none;
}


.yui-layout .yui-resize-proxy {
    border: none;
    font-size: 0;
    margin: 0;
    padding: 0;
}


.yui-layout .yui-resize-resizing .yui-resize-handle {
    visibility: hidden;
}

.yui-layout .yui-resize-proxy div {
    position: absolute;
    border: 1px solid #C1C1C1;
    background-color: #F4F4F4;
    opacity: 0.7;filter: alpha(opacity=70);
}


.yui-layout .yui-resize .yui-resize-handle-active {
    background-color: #F4F4F4;
}


.yui-layout .yui-resize-proxy .yui-layout-handle-l {
    width: 5px;
    height: 100%;
    top: 0;
    left: 0;
}

.yui-layout .yui-resize-proxy .yui-layout-handle-r {
    width: 5px;
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
    zoom: 1;
}

.yui-layout-unit .yui-resize-handle {
    background-color: #EEEEEE;	
}

.yui-layout-unit .yui-resize-handle-r {
    right: 0;
    top: 0;
    background-image: none;
}
.yui-layout-unit .yui-resize-handle-l {
    left: 0;
    top: 0;
    background-image: none;
}

.yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob,
.yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob {
    position: absolute;
    height: 16px;
    width: 5px;
    top: 45%;
    left: 0px;
    background: transparent url(/app_docs/art/icons/layout/resize-knob-vert.png) no-repeat 0 0;
}






.ygtvitem { }  

table.ygtvtable {
    margin-bottom:0; 
	border:none;
	border-collapse:collapse;
}


td.ygtvcell {
	padding: 0;
}
a.ygtvspacer {
	text-decoration:none;
	outline-style:none;
}

.ygtvtn, .ygtvln, .ygtvlm, .ygtvlmh, .ygtvlmhh, .ygtvtm, .ygtvtmh, .ygtvtmhh, .ygtvlp, .ygtvlph, .ygtvlphh, .ygtvtp, .ygtvtph, .ygtvtphh {
    width:18px; height:22px; 
	background-image: url('/app_docs/art/icons/tree/tree-sprite.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}


.ygtvtn {
    background-position: 0 -5600px; 
}


.ygtvtm {
    background-position: 0 -4000px; 
}


.ygtvtmh,.ygtvtmhh {
    background-position: 0 -4800px; 
}


.ygtvtp {
    background-position: 0 -6400px; 
}


.ygtvtph ,.ygtvtphh {
    background-position: 0 -7200px; 
}


.ygtvln {
    background-position: 0 -1600px; 
}


.ygtvlm {
    background-position: 0 0px; 
}


.ygtvlmh,.ygtvlmhh {
    background-position: 0 -800px; 
}


.ygtvlp { 
    background-position: 0 -2400px; 
}


.ygtvlph,.ygtvlphh { 
    background-position: 0 -3200px; 
}


.ygtvloading { 
    width:18px; height:22px; 
    background: url('/app_docs/art/icons/ajax/ajax-loader.gif') 0 0 no-repeat; 
}


.ygtvdepthcell { 
    width:18px; height:22px; 
    background: url('/app_docs/art/icons/tree/tree-sprite.gif') 0 -8000px no-repeat; 
}

.ygtvblankdepthcell { width:18px; height:22px; }


.ygtvchildren {  }  
* html .ygtvchildren { height:2%; }  


.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 
    margin-left:2px;
    text-decoration: none;
	cursor:pointer;
}

.ygtvlabel:hover {
	color: #3769db !important;
}

.ygtvspacer { height: 22px; width: 18px; }

.ygtvcontent {
	cursor:default;
	padding: 2px !important;	
}

.ygtv-highlight1 .ygtvlabel, .ygtv-highlight1 .ygtvlabel:hover {
	color: white;
}

.ygtv-highlight1 .ygtvcontent {
	background: #3f6fdc;
}

TD.ygtvfocus.ygtvcontent {
	border: 1px dotted #3f6fdc;
}

TD.ygtvcell {
	vertical-align: middle;
}

.sqtnmenu {
	margin-left: 6px;
	padding-left: 6px;
	margin-right: 2px;
	visibility: hidden;
	cursor: pointer;
	background: url('/app_docs/art/icons/menu/dropdownMenuAnchor.gif') no-repeat right center;
}

.sqtnhover .sqtnmenu {
	visibility: visible;
}


.yui-ac { position:relative; font-size:100%;  }
.yui-skin-sam .yui-ac-input { position:relative; }
.yui-skin-sam .yui-ac-container { position:absolute; top:1.6em; width:100%; }
.yui-skin-sam .yui-ac-content { position:absolute; border:1px solid #C1C1C1; background:#fff; overflow:hidden; z-index:9050; }
.yui-skin-sam .yui-ac-shadow { position:absolute; margin:.3em; width:100%; background:#000; -moz-opacity:.10; opacity:.10; filter:alpha(opacity=10); z-index:9049;}
.yui-skin-sam .yui-ac iframe { opacity:0;filter:alpha(opacity=0);padding-right:.3em;padding-bottom:.3em}
.yui-skin-sam .yui-ac-content ul { margin:0; padding:0; width:100%; }
.yui-skin-sam .yui-ac-content li { margin:0; padding:2px 5px; cursor:default; white-space:nowrap; list-style:none; zoom:1; }
.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight { background:#b3d4ff; }
.yui-skin-sam .yui-ac-content li.yui-ac-highlight { background-color:Highlight; color:HighlightText; }

.yui-skin-sam .yui-ac-content div.yui-ac-itemdesc { font-size:0.9em; color:#595959; }
.yui-skin-sam .yui-ac-content li.yui-ac-highlight div.yui-ac-itemdesc { color:HighlightText; }


/** The following classes are used for our custom multi-select version of the YUI autocomplete text box **/

DIV.sq-ac-multiselect {
	background-color:Window;
	border:1px Solid #A9A9A9;
	display:block;
	resize:none;
	margin:0;
	max-width:50em;
	overflow:hidden;
	font-size:100%;
}

DIV.sq-ac-multiselect:hover {
	border:1px Solid #B0C4DE;
}

DIV.sq-ac-multiselect TEXTAREA {
	display: block;
	height:1.2em;
	margin: 0;
	overflow: hidden;
	resize: none;
	float:left;
	border:none;
	padding: 1px 0 1px 0
}
DIV.sq-ac-multiselect INPUT {
	margin:0px;
	background:transparent;
	border:none;
	outline:0;
	position:absolute;
	text-color: WindowText;
}

DIV.sq-ac-multiselect INPUT:hover {
	border:none;
}

DIV.sq-ac-multiselect UL {
	margin: 1px 0px 1px 2px;
	padding-left: 0;
	position:relative;
	overflow:auto;
	list-style:none;
}

DIV.sq-ac-multiselect UL LI {
	cursor:default;
	display:list-item;
	float:left;
	line-height:1.2em;
	margin:1px 2px 1px 0px;
	padding:0px;
	position:relative;
}

DIV.sq-ac-multiselect UL LI BUTTON {
	background-color:#DFDFDF;
	border:1px solid #DFDFDF;
	color:#1F1D31;
	display:block;
	float:left;
	line-height:1.2em;
	margin:0;
	overflow:visible;
	outline:none;

	padding:0em 0.25em 0em 0.2em;

	white-space:nowrap;
	width:auto;
	vertical-align:absmiddle;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px
}

DIV.sq-ac-multiselect UL LI.selected BUTTON {
	border:1px Solid #3f6fdc;
}

DIV.sq-ac-multiselect UL LI BUTTON span.text-container {

	background:url('/app_docs/art/icons/autocomplete/sq-ac-multiselect-remove.png') no-repeat right 80%;

	display:block;
	padding:0;
	position:relative;
}

DIV.sq-ac-multiselect UL LI BUTTON span.value-text {
	display:block;
	line-height:1.2em;
	margin:0 15px 0 0;
	white-space:nowrap;
}

DIV.sq-ac-multiselect UL LI EM {
	cursor:pointer;
	height:16px;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:-9999px;
	width:16px;
}

/** Sets the auto-complete classic styles **/
.ui-classic.ui-widget { font-family: 'Segoe UI', 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif; }
.ui-classic.ui-autocomplete .ui-menu-item { white-space: nowrap; }
.ui-classic.ui-autocomplete .ui-menu-item .ui-state-active { background-color:Highlight; color:HighlightText; border: none; margin: 0;}
.ui-classic.ui-autocomplete-input { position: relative; }
.ui-classic.ui-autocomplete { position: absolute; border: 1px solid #C1C1C1; background: #fff; overflow: hidden; z-index:9050; }
.ui-classic.ui-autocomplete.ui-widget-shadow { -webkit-box-shadow: 0.3em 0.3em 0 rgba(0, 0, 0, 0.10); box-shadow: 0.3em 0.3em 0 rgba(0, 0, 0, 0.10); }


.FavoritesTreeRootLabel {
	font-size: 1.5em;
	font-weight: bold;
	margin-left: 2px;
}

DIV#FavoritesTree > .ygtvitem > .ygtvchildren > .ygtvitem {
	margin-top: 10px;
}


DIV#FavoritesTree DIV#ygtvc1 TD.ygtvdepthcell:first-child {
	background: none;
}


DIV#FavoritesTree .ygtvlm:first-child, DIV#FavoritesTree .ygtvlmh:first-child, DIV#FavoritesTree .ygtvtm:first-child, DIV#FavoritesTree .ygtvtmh:first-child {
	background: url('/app_docs/art/icons/tree/treeExpand_minus.gif') no-repeat center center !important;
}

DIV#FavoritesTree .ygtvlp:first-child, DIV#FavoritesTree .ygtvlph:first-child, DIV#FavoritesTree .ygtvtp:first-child, DIV#FavoritesTree .ygtvtph:first-child {
	background: url('/app_docs/art/icons/tree/treeExpand_plus.gif') no-repeat center center !important;
}

DIV#FavoritesTree .ygtvtn:first-child, DIV#FavoritesTree .ygtvln:first-child {
	background: none;
}

.yui-button#NewFolderMenuButton button { 
	padding-left: 20px; 
	padding-right: 4px;
	background: url(/app_docs/art/icons/favorites/folder_add.gif) 5% 60% no-repeat;
	 
}

.yui-button#EditFolderMenuButton button { 
	padding-left: 20px; 
	padding-right: 4px;
	background: url(/app_docs/art/icons/favorites/folder_edit.gif) 5% 60% no-repeat; 

} 

.yui-button#DeleteFolderMenuButton button { 
	padding-left: 20px; 
	padding-right: 4px;
	background: url(/app_docs/art/icons/favorites/folder_delete.gif) 5% 60% no-repeat; 

}

.yui-button#MoveCopyFolderMenuButton button { 
	padding-left: 20px; 
	padding-right: 4px;
	background: url(/app_docs/art/icons/favorites/folder_move.gif) 5% 60% no-repeat; 

} 
.yui-button#RefreshFolderMenuButton button { 
	padding-left: 20px; 
	padding-right: 4px;
	background: url(/app_docs/art/icon_recycle.gif) 5% 60% no-repeat; 
}

.FavoritesTreeBox {
	height: 200px;
	overflow: auto;
	border: 1px solid lightgrey;
	padding: 8px;
}

.FavoritesLoadingMessage {
	font-size: 1.2em;
	color: gray; 
	margin-top: 5em; 
	text-align: center; 
}	

.FavoritesNoContentsMessage {
	font-size: 1.3em;
	font-weight: bold;
	color: black;
	text-align: center; 
}
	
.FavoritesCreateFolderMessage {
	font-size: 1.1em;	
	padding-top:1em;
	padding-left: 2em;	
	padding-right: 2em;
	color: gray;	
	text-align: center; 
}
	
.FavoritesAccessScrollingContainer {
	border: 1px solid #DFDFDF;
	max-height:10em;
	overflow:auto;
	margin-top:1.2em;
}

.DocAccessContainer {
	border: 1px solid #DFDFDF;
}

.FolderAdminScrollingContainer {
	border: 1px solid #DFDFDF;
	max-height:20em;
	overflow:auto;
	margin-top:1.2em;
}

.FavoritesNoFolderMessage {
	font-size: 0.9em;	
	color: gray;
}

.FavoritesNoFavoritesMessage{
	font-size: 1.0em;	
	font-weight: bold;
	color: black;	
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em; 
	background-color:#f0f8ff;
}
































 

	TABLE.CartItemList TH { 
		background:#dfdfdf url('/app_docs/art/cart/ColHeaderBgGradient.png') repeat-x; 
		color:#1f1d31; 
		padding:4px 10px; 
		vertical-align:bottom; 
	}
	
	TABLE.CartItemList TH.left { 
		text-align:left; 
	}
	
	TABLE.CartItemList TH.right { 
		text-align:right; 
	}
		
	TABLE.CartItemList TD.CartLine { 
		background-color:#FFFFFF; 
		border-top:1px Solid #e0e0e0; 
		padding:10px; 
	}
	
	TABLE.CartItemList TD.CartLineFormGroupFirst { 
		background-color:#FFFFFF; 
		padding:0px 10px 0px 10px; 
	}
	
	TABLE.CartItemList TD.CartLineFormGroupMiddle { 
		background-color:#FFFFFF; 
		border-top:1px Solid #e0e0e0; 
		padding:2px 10px 2px 10px; 
	}
	
	TABLE.CartItemList TD.CartLineFormGroupLast { 
		background-color:#FFFFFF; 
		border-top:1px Solid #e0e0e0; 
		padding:2px 10px 10px 10px; 
	}
	
	TABLE.CartProductAttributes { 
		margin-left:17px; 
	}
	
	TABLE.CartProductAttributes TD { 
		padding:0.3em; 
	}
	
	TABLE.CartProductAttributes TD:first-child { 
		padding-right:10px; 
		white-space:nowrap; 
	}
	
	TABLE.CartFormHeaderProductAttributes TD { 
		padding:0.3em; 
	}
	
	TABLE.CartFormHeaderProductAttributes TD:first-child { 
		padding-left:0px; 
		padding-right:10px; 
		white-space:nowrap; 
	}
	
	TD.CartSupplierGroupTotals { 
		background-color:#ffffff; 
		border-top:1px Solid #e0e0e0; 
		padding:3px 10px 3px 10px; 
		vertical-align:middle; 
	}
	
	A.ProductDescription { 
		font-size:1.2em; 
		font-weight:bold; 
		text-decoration:underline; 
	}
	
	.UnitPriceCell {
		color:#000000; 
		font-size:1.1em; 
		font-weight:normal; 
		text-align:right; 
		white-space:nowrap; 
	}
	
	.CartCharges {
		color:#000000;
		font-weight:normal;
		text-align:right;
		white-space:nowrap;
	}
	
	.CartChargesLabel {
		color:#000000;
		font-weight:normal;
		text-align:left;
		white-space:nowrap;
	}
	
	.CartCurrencyCode { 
		color:Gray; 
		font-size:0.8em; 
		font-weight:normal; 
	}
	
	.CartSizeAndPackaging { 
		padding-top:2px; 
		text-align:right; 
		white-space:nowrap; 
	}
			
	.ItemQuantityCell {
		padding-bottom:5px; 
		text-align:right; 
		white-space:nowrap; 
	}
	
	.CartExtendedPrice { 
		color:#000000; 
		font-size:1.2em; 
		font-weight:bold; 
		text-align:right; 
		white-space:nowrap; 
	}
	
	.CartLineActions { 
		text-align:right; 
		white-space:nowrap; 
	}
	
	.rboxtop, .rboxbottom { display:block; background:transparent; font-size:1px; }
	.rb1 { background:#e0e0e0; display:block; height:1px; margin:0 1px; overflow:hidden; }
	.rboxcontent { padding:4px; vertical-align:bottom; display:block; border:0 solid #e0e0e0; border-width:0 1px; -moz-user-select: none; -webkit-user-select: none; }		
	.rboxcontent TD { vertical-align:middle; white-space:nowrap; }
	
	.LineAction { 
		padding:1px 3px 1px 3px; 
		white-space:nowrap; 
	}
	
	.SupplierGroupPunchoutMessage { 
		background-color:#dfdfdf; 
		border-left:1px Solid #e0e0e0; 
		border-right:1px Solid #e0e0e0;
		color:#1f1d31;
		padding:5px; 
	}

.cart-toolbar__print {
	padding: 0 0 0 1em;
	text-align: right;
	vertical-align: middle;
	width: 99%;
}

.cart-toolbar__inline_help {
	font-weight: bold;
	padding: 0px 0px 0px 0.75em;
	width: 1%;
}

.cart-toolbar__help {
	font-weight: bold;
	padding: 0px 0px 0px 0.5em;
	width: 1%;
}



	.DiversityTurnedOn {
		background:url('/app_docs/art/icons/checkbox/on_sm.gif') no-repeat 0 0; padding:0 7px;
	}

	.DiversityTurnedOff {
		background:url('/app_docs/art/icons/checkbox/off_sm.gif') no-repeat 0 0; padding:0 7px;
	}
		
	.Automobile {
		background:url('/app_docs/art/icons/tsm/Insurance-Auto.png') no-repeat 0 0; padding:0 7px;
	}
		
	.CommercialGeneral {
		background:url('/app_docs/art/icons/tsm/Insurance-Commercial.png') no-repeat 0 0; padding:0 7px;
	}	
	
	.Employers {
		background:url('/app_docs/art/icons/tsm/Insurance-Employer.png') no-repeat 0 0; padding:0 7px;
	}	
	
	.EmploymentPractices {
		background:url('/app_docs/art/icons/tsm/Insurance-EmploymentPractices.png') no-repeat 0 0; padding:0 7px;
	}	
	
	.WorkersComp {
		background:url('/app_docs/art/icons/tsm/Insurance-WorkersComp.png') no-repeat 0 0; padding:0 7px;
	}

	.SDN_NoMatches {
		background:url('/app_docs//art/icons/general/circle_ok_complete_16px.png') no-repeat 0 0; padding:0 22px;
	}
	
	.SDN_Matches {
		background:url('/app_docs//art/icons/general/warning_sign_yellow_16px.png') no-repeat 0 0; padding:0 22px;
	}

	
	
	

	TABLE.RegistrationRibbon TD                 { background:#404040 url("/app_docs/art/cart/CheckoutBgGradient.png") repeat-x 0% 0%; color:White; font-size:1.0em; padding:0px 6px 0px 6px; text-align:left; vertical-align:middle; }
	TABLE.RegistrationRibbon TD.steptext        { padding-top:3px; padding-bottom:3px; }                 
	TABLE.RegistrationRibbon TD.topborder       { background:none; border-bottom:1px Solid #f3f3f3; padding:0px; }
	TABLE.RegistrationRibbon TD.bottomborder    { background:none; border-top:1px Solid #fcfcfc; padding:0px; }
	TABLE.RegistrationRibbon TD.currentstep     { background-color:#1c1c1c; }
	TABLE.RegistrationRibbon TD.button          { background-color:#F4F4F4; background-image:none; color:Black; padding:1px 1px 1px 10px; white-space:nowrap; }
	TABLE.RegistrationRibbon TD.stepstatus      { border-left:2px Solid #F4F4F4; padding:0px 0px 0px 6px; }
	TABLE.RegistrationRibbon A                  { color:#f1f1f1; }
	
	TABLE.RegistrationRibbon DIV.startArrow     { border-color: transparent transparent transparent #F4F4F4; border-style: solid; border-width: 0; height: 0px; width: 0px; }	
	TABLE.RegistrationRibbon DIV.endArrow       { border-color: #FFFFFF #FFFFFF #FFFFFF transparent; border-style: solid; border-width: 0; height: 0px; width: 0px; }
	
	
	
	
	
	.fullHeaderSpan{
	    position:static;
	}
	
	img.fullHeaderSpan{
	    position:static;
	    z-index:-1;
	    top:0;
	    left:0;
	    width:100%; /* alternative: right:0; */
	}	
	
	A.RegistrationSectionLink {
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}

.imageSelectorElement > a.selectorImage > img {
	margin-bottom:.2em;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 299px;
}

.phx-carousel.input-micro {
	width: 90px;
}
.phx-carousel.input-micro > .jcarousel,
.phx-carousel.input-micro > .jcarousel li {
	width: 12px;
}
.phx-carousel.input-mini {
	width: 110px;
}
.phx-carousel.input-mini > .jcarousel,
.phx-carousel.input-mini > .jcarousel li {
	width: 32px;
}

.phx-carousel.input-small {
 	width: 110px;
}
.phx-carousel.input-small > .jcarousel,
.phx-carousel.input-small > .jcarousel li {
	width: 100px;
}

.phx-carousel.input-medium {
 	width: 250px
}
.phx-carousel.input-medium > .jcarousel,
.phx-carousel.input-medium > .jcarousel li {
	width: 249px;
}

.phx-carousel.input-large {
 	width: 561px;
}
.phx-carousel.input-large > .jcarousel,
.phx-carousel.input-large > .jcarousel li {
	width: 560px;
}

.phx-carousel.input-xlarge {
 	width: 750px;
}
.phx-carousel.input-xlarge > .jcarousel,
.phx-carousel.input-xlarge > .jcarousel li {
	width: 749px;
}

.phx-carousel > .pageNavButtonRow {
	margin: 5px 0 0 0;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #bababa;
    color: black;
    border-radius: 12px;
    padding: 3px;
    margin-left: 2px;
    cursor: pointer;
}

.jcarousel-pagination a:first-of-type {
	margin-left: 0px;
}


div.list-main-content{
	display:flex;
	flex-direction:column;
}

ul.list-available,ul.list-selected{
	list-style: none;
}

ul.list-available{
	padding-left:0px;
}

ul.list-selected{
	padding-left:8px;
}

div.list-panel-left,
div.list-panel-right{
	width:400px;
}

.item-hidden{
	display:none;
}


.list-item-actions{
	cursor: move;
}

.list-item-available{
	padding: .4em .8em .4em .8em;
	margin: .2em 0 .2em 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dddddd;
}

.list-item-selected:hover{
	background-color:#f5f5f5
}

.list-item-wrapper,
.list-item-selected{
	border: 1px solid #dddddd;
	cursor : grab;
	padding: .4em .8em .4em .8em;
	margin: .2em 0 .2em 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.list-item-wrapper {
	display: flex;
	align-items: center;
}

div.list-item-drag {
	content: '...';
	display: inline-block;
	overflow: hidden;
	line-height: 5px;
	cursor: grabbing;
	vertical-align: middle;
	font-size: 13px;
	color: #cccccc;
	text-shadow: 1px 0 1px black;
	width: 10px;
	padding: 3px 4px;
	margin-right: 3px;
	height: 15px;
	margin-top: -.7em;
	letter-spacing: 2px;
}

div.list-item-drag::before {
  content: '.. .. ..';
}


.list-item-text{
		display: inline-block;
		vertical-align:top;
		text-align: left;
		width:90%;
}

.list-item-text-select{
		display: flex;
		align-items: center;
		width:100%;
		justify-content: space-between;
}

.list-item-text-select > div.readOnlyValue,
.list-item-text-select .list-item-action-container {
		flex: 1;
}

.list-item-text-select .list-item-checkbox {
		margin-left: auto;
}

.list-item-text > div.readOnlyValue{
		display:inline-block;
		vertical-align:top;
}



div.list-item-action-container{
	display: inline-block;
	float:right;
}

.trash-placeholder{
	width:23px;
	display:inline-block;
}

.list-item-text > .readOnlyValue {
    max-width: 75% !important;
}

.list-item-available label,
.list-item-text > .readOnlyValue {
	overflow: hidden;
    max-width: 80%;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

.wizardStep > DIV.TitleRow > H2.TitleRow > .wizardStepNumber,
.wizardStep > DIV.TitleRow > H3.TitleRow > .wizardStepNumber {
	font-size:10pt;
	font-weight:normal;
	font-style:italic;
	margin-left:1em;
}

.wizardStep > DIV.TitleRow > H2.TitleRow .header-elements,
.wizardStep > DIV.TitleRow > H3.TitleRow .header-elements{
	padding-left:1em;
	top:0;
}

.wizardStep > DIV.TitleRow > H2.TitleRow .header-elements a.Question,
.wizardStep > DIV.TitleRow > H3.TitleRow .header-elements a.Question{
	top:0;
}

	DIV.AccountsPayableHomeWidgets {
		margin: 10px 0px;
	}
	
	.DualPanelSideContent > DIV.AccountsPayableHomeWidgets {
		margin: 0; 
		padding: 0;
	}
	
	DIV.AccountsPayableHomeWidgets .widget {
		 padding: 4px;
	}

	DIV.AccountsPayableHomeWidgets .widgetTableWrapper {
		position: relative;
		padding: 4px;
	}

	DIV.AccountsPayableHomeWidgets .widgetTable {
		margin: 6px 2px 2px 2px;
		border-collapse: collapse;
	}

	DIV.AccountsPayableHomeWidgets tr.hover:hover {
		background: #FFF6B3;
	}

	DIV.AccountsPayableHomeWidgets .widgetTableWrapper table {
		width: 100%;
	}

	DIV.AccountsPayableHomeWidgets #actionType, DIV.AccountsPayableHomeWidgets #actionFrom {
		width: 196px;
	}

	DIV.AccountsPayableHomeWidgets .widgetTableWrapper hr {
		margin: 0px;
	}

	DIV.AccountsPayableHomeWidgets .hover a {
		display: inline-block;
		width: 100%;
		height: 100%;
		padding: 4px 0px;
		text-decoration: none;
	}














































.display-block {
	display:block;
}

.display-inline {
	display:inline;
}

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

.display-none {
	display:none !important;
}

.display-flex {
	display:flex;
}

.display-table-row-group {
	display:table-row-group;
}

.display-table-caption {
	display:table-caption;
}

.display-table-cell {
	display:table-cell;
}

.layout-horizontal {
	display:block;
}
.layout-horizontal > .control-group + .display-inline-block {
	vertical-align:initial;
}
.layout-horizontal > .display-inline-block {
	vertical-align:top;
}
.layout-horizontal > .display-inline-block + .display-inline-block {
	margin-left:1em;
}
.layout-horizontal .visibility-controller > .control-group,
.layout-horizontal > .control-group {
	display:inline-block;
	margin-bottom: 0px;
	padding-bottom: 8px;
	margin-left: 2em;
	vertical-align:top;
}
.layout-horizontal .visibility-controller > .control-group > .control-label.phx,
.layout-horizontal .visibility-controller > .control-group > .compressed-control-label.phx,
.layout-horizontal > .control-group > .control-label.phx,
.layout-horizontal > .control-group > .compressed-control-label.phx {
	padding-top: 5px;
	padding-left: 2px;
	margin-bottom: 2px;
	float:none;
	width:auto;
}
.layout-horizontal .visibility-controller > .control-group > div.controls,
.layout-horizontal .visibility-controller > .control-group > div.compressed-controls,
.layout-horizontal > .control-group > div.controls,
.layout-horizontal > .control-group > div.compressed-controls {
	margin-left: 0px;
	padding-top: 0px;
	display:block;
}
.layout-horizontal .visibility-controller > .control-group > div.controls > *,
.layout-horizontal .visibility-controller > .control-group > div.compressed-controls > *,
.layout-horizontal > .control-group > div.controls > *,
.layout-horizontal > .control-group > div.compressed-controls > * {
	margin-top: 0px !important;
}

.layout-horizontal .layout-horizontal {
	display:inline-block;
}

.layout-horizontal .align-checkboxes .checkbox .option {
    display: inline;
    margin-left: 4px;
    margin-right: 10px;
    line-height: 20px;
}

.phx.panel-secondary .panel-search-basic .layout-horizontal .visibility-controller,
.phx.panel-secondary .panel-search-basic .layout-horizontal .control-group,
.phx.panel-secondary .panel-search-more .layout-horizontal .visibility-controller,
.phx.panel-secondary .panel-search-more .layout-horizontal .control-group {
	display:inline-block;
	padding-top:0px !important;
	vertical-align:top;
}

.phx.panel-secondary .panel-search-basic .layout-horizontal > .control-group + .display-inline-block,
.phx.panel-secondary .panel-search-more .layout-horizontal > .control-group + .display-inline-block {
	position:relative;
	top:-5px;
}

.layout-horizontal .k-content {
	margin-right: 0px;
}

.nowrap {
	white-space: nowrap;
}

.no-border {
	border:none;
}

.phxText {
	display:inline-block;
}

.phxText.display-block {
	display:block;
}

.phxText.display-inline-block {
	display:inline-block;
}

.phxText.display-inline {
	display:inline;
}

.phxText > .help-icon {
	margin-left:.5em;
}

.text-style-normal {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.text-style-bold {
	font-weight:bold;
}

.text-style-italic {
	font-style:italic;
}

.text-style-strikethrough {
	text-decoration:line-through;
}

.rotate-90 {
	transform: rotate(90deg);
}

.icon-mini {
	font-size: 11px;
	padding: 0px 5px;
}

.label-heading{
	font-size:1.4em;
	word-break: break-word;
}

/** this is probably a bad style, but i'm adding it back for the event creation confirmation.
	it's possible that individual images will need to know how to style themselves.
**/
.label-heading > img {
	margin-top:-5px;
	vertical-align:middle;
}

.label-heading + .label {
	vertical-align:text-bottom;
}

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

ul.phx.ul.bulleted {
	padding-left:1.5em;
	list-style-type:disc;
}

ul.phx.ul.padded {
	padding-left:.5em;
}

ul.phx.ul.bulleted li.phx div.phxText {
	
	vertical-align:top;
}


ul.phx.ul > li.phx.li + li.phx.li {
	margin-top:.3em;
}

ul.phx.ul > li.phx.li > * {
	vertical-align:text-top;
}

.phx.multicolumn {
	white-space:nowrap;
}

.modal-body .phx.multicolumn {
	margin-right:1em;
}

.phx.multicolumn > .phx.column {
	display:inline-block;
	white-space:normal;
	vertical-align:top
}

.phx.multicolumn > .phx.column + .phx.column {
	margin-left:1em;
}


@media (max-width: 1325px) {
	.phxResponsive > .well .phx.multicolumn > .phx.column + .phx.column.contains-control-group,
	.PageWithSidebar .Sidebar + .MainContent > .well .phx.multicolumn > .phx.column + .phx.column.contains-control-group{
		display:block;
		margin-left:0;
	}
}

.PageWithSidebar .Sidebar + .MainContent > .well .phx.multicolumn > .phx.column.contains-control-group{
	min-width:450px;
}

.PageWithSidebar .Sidebar + .MainContent > .well .phx.multicolumn > .phx.column.contains-control-group{
	max-width:475px;
}

.PageWithSidebar .Sidebar + .MainContent > .well .phx.multicolumn > .phx.column.contains-control-group .richtextWithTitle > .readOnlyValue {
	max-width:200px;
}

.phx.table-layout, .table .control-group div.multi-checkbox div.phx.table-layout {
	display:table;
}

div.phx.table-layout.allow-borders {
	border-collapse: collapse;
}

div.table-layout.striped > div.table-row-layout:nth-of-type(odd) {
    background: #f5f5f5;
}

.phx.table-row-layout, .table .control-group div.multi-checkbox div.phx.table-row-layout  {
	display:table-row;
}

.phx.table-cell-layout, .table .control-group div.multi-checkbox div.phx.table-cell-layout {
	display:table-cell;
	vertical-align:top;
}

.phx.table-cell-layout.display-none {
	display:none;
}

.phx.table-cell-layout img{
	padding-right:5px;
	padding-bottom:5px;
}

.phx.phxText > img.phx.spyguy {
	padding-bottom:1px;
}

.phx.data-row-name {
	white-space:nowrap;
}

.phx.data-row-content {
	padding-left:1em;
	white-space:normal;
}

.btn.btn-link.loading-inline {
	vertical-align: middle;
	background-color: transparent;
	border: none;
}

div.menuContextSearch .btn.btn-link.loading-inline {
	width: 27px;
}

.btn.btn-link.loading-inline > img {
	vertical-align: middle;
}

.NavMenuContainer .btn.btn-link.loading-inline > img {
	padding-top: 10px !important;
}

.phx.data-row-content,
.phx.data-row-content .btn-link {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

table.phx.table .single-line-truncate {
  max-width: 90px;
  width: 90px
}

table.phx.table .single-line-truncate .readOnlyValue.edit {
	display: inline-block;
	vertical-align:middle;
	width: 90px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

table.table.phx tr > td .phx.data-row-content .btn.btn-link {
	vertical-align: top;
	display:inline-flex;
}

.phx.data-group.data-group-focus-value .phx.data-row-content {
	font-weight:bold;
}

.phx.data-group.data-group-focus-label .phx.data-row-name {
	font-weight:bold;
}

.phx.table-row-layout.data-monetary-row .phx.data-row-content {
	text-align:right;
}

.phx.table-row-layout.content-separator {
	border-bottom: solid 1px gray;
}

.sticker .phx.data-group{
	word-break:break-all;
	overflow-wrap: break-word;
}

.phx.data-group > .table-layout > .table-row-layout + .table-row-layout > .table-cell-layout {
	padding-top:.3em;
}

.popover-content .phx.multicolumn .data-row-content {
	max-width:20em;
}

.devnote ul {
	font-weight:normal;
}

.phx.panel-secondary {
	position:relative;
}

.phx.panel-secondary > .phoenixSubSection:first-child {
	margin-top:0;
}

.phx.panel-secondary > .phoenixSubSection:first-child > hr {
	margin-bottom:1em;
}

.phx.panel-secondary > .phoenixSubSection:first-child .phoenixSubSection {
	margin-top:1.3em;
	margin-left:0;
}

.pageNavButtonRow > .Previous > div.phx.panel-secondary {
	margin-left:-.5em;
}

.pageNavButtonRow + .pageNavButtonRow {
	padding-top:1em;
}

.pageNavButtonRow.phx-sticky {
	background-color:#FFFFFF;
	z-index:1;
	margin:0!important;
	padding:10px .5em 0;
}

.phx.panel-secondary.phx-sticky {
	z-index:1;
	width:100%;
	padding:0 5px 5px 0;
	margin:0;
}

.phx.panel-secondary.phx-sticky + div {
	margin-top:5px;
}

.pageNavButtonRow.phx-sticky.is_stuck {
	
	padding-bottom:10px;
}

.phx.panel-secondary.panel-search.panel-search-header {
	display:block;
	padding-right:1em;
}

.phx.panel-secondary.panel-search.panel-search-header.panel-search-hide-options .phx.panel-search-basic,
.phx.panel-secondary.panel-search.panel-search-header.panel-search-show-options .phx.panel-search-more {
	display:block;
}

.phx.panel-secondary .panel-search-basic,
.phx.panel-secondary .panel-search-more {
	white-space:normal;
}

.phx.panel-secondary .panel-search-basic span.checkbox {
	white-space: nowrap;
}

.phx.panel-secondary .panel-search-basic .control-group,
.phx.panel-secondary .panel-search-more .control-group {
	padding-top:0;
	margin-top:-3px;
}
.phx.panel-secondary .panel-search-basic .control-group > label,
.phx.panel-secondary .panel-search-more .control-group > label {
	padding-top:10px;
}

.phx.panel-secondary .panel-search-basic .control-group + .control-group,
.phx.panel-secondary .panel-search-basic .control-group + .visibility-controller,
.phx.panel-secondary .panel-search-basic .visibility-controller + .control-group,
.phx.panel-secondary .panel-search-more .control-group + .control-group,
.phx.panel-secondary .panel-search-more .control-group + .visibility-controller,
.phx.panel-secondary .panel-search-more .visibility-controller + .control-group {
	padding-top:5px;
}
.phx.panel-secondary .panel-search-basic .control-group + .control-group > label,
.phx.panel-secondary .panel-search-basic .control-group + .visibility-controller .control-group > .control-label,
.phx.panel-secondary .panel-search-basic .control-group + .visibility-controller .control-group > .compressed-control-label,
.phx.panel-secondary .panel-search-more .control-group + .control-group > label,
.phx.panel-secondary .panel-search-more .control-group + .visibility-controller .control-group > .control-label,
.phx.panel-secondary .panel-search-more .control-group + .visibility-controller .control-group > .compressed-control-label {
	padding-top:9px;
}

.phx.panel-secondary .panel-search-basic .control-group select + .btn {
	margin:-2px 0 0 0;
	float:none;
}

.phx.panel-secondary.panel-no-toggle {
	padding-right: .5em;
}

.phx.panel-secondary > .panel-search-toggle {
	margin-left:2em;
	position:relative;
	padding-top:7px;
	padding-bottom:7px;
	float:right;
}

.phx.panel-secondary > .panel-search-toggle .btn-link {
	padding:0;
}

.phx.panel-secondary .phx.panel-search-more {
	display:none;
}

.phx.panel-secondary.panel-search-show-options .phx.panel-search-basic {
	display:none;
}

.phx.panel-secondary .panel-search-toggle,
.phx.panel-secondary .phx.panel-search-basic,
.phx.panel-secondary.panel-search-show-options .phx.panel-search-more {
	display:inline-block;
	vertical-align:top;
}

.phx.panel-secondary .phx.panel-search-basic > form .control-group:first-child,
.phx.panel-secondary .phx.panel-search-more > form .control-group:first-child {
	padding-top:0;
}

.phx.panel-secondary .panel-search-with-button-row {
	padding-bottom:4em;
}

.phx.panel-secondary .panel-search-more-button-row {
	position:absolute;
	right:3em;
}

.phx.panel-secondary.panel-search-header .phoenixSubSection .panel-search-more-button-row {
	right:1em;
}

.phx.panel-secondary .phx.panel-search-with-button-row .panel-search-more-button-row .btn {
	float:none;
	margin:.5em 0;
}

.phx.panel-secondary .phx.panel-search-with-button-row .panel-search-more-button-row .btn +.btn {
	margin-left:.5em;
}

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

ul.phx.list-nav > li .btn {
	padding:3px 5px;
	border-radius:3px;
	text-align:left;
	text-shadow:none;
	white-space:normal;
}

ul.phx.list-nav > li + li {
	margin-top:4px;
}

ul.phx.list-nav > li .btn:hover,
ul.phx.list-nav > li .btn:focus {
	text-decoration:none;
	background-color: #EBEBEB;
	color: #3769db;
}

ul.phx.list-nav > li.list-nav-selected .btn {
	background-color: #3769db;
	color:#FFFFFF;
}

.timestamp {
	display:inline;
}

.timestamp .btn {
	vertical-align:baseline;
}

.timestamp .additional-recipients {
	display: inline-grid;
}

.timestamp .additional-recipients button {
    text-align: left;
}

.timestamp .phxText  {
    margin-right:.5em;
}

.pageNavButtonRow .additional-recipients .btn + .btn {
    margin-left: 0;
}

.fillHeight {
	overflow-y:auto;
}

.phx.results-navigator {
	margin-top:.5em;
	margin-bottom:1em;
}

.phx.results-navigator .results-navigator-navigation {
	display:inline-block;
}

.phx.results-navigator .results-navigator-navigation > .btn-group:first-child {
	vertical-align:baseline;
}

.phx.results-navigator .results-navigator-navigation > .btn-group + .btn-group {
	top:-2px;
}

.results-navigator-navigation-material {
	font-size: 2.1875rem;
	color: #0275d8;
}

.doc__header--navigation-buttons {
	gap: 10px;
	margin-left: 10px;
}

.results-navigator-navigation-material a[disabled] {
	color:rgba(2,117,216, .20) !important;
}

.results-navigator-navigation-material a[disabled]:hover {
	background-color: transparent !important;
}

.results-navigator-navigation-material .preferred-dropdown [type=button] {
	text-transform: inherit;
	font-size: 0.6875rem;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

.phx-pagination {
	background-color:whitesmoke;
}

.results-pagination select.phx{
	margin-right:1em;
}

.phx-pagination.footer {
	border-bottom:1px solid #D7D7D7;
}

.table-pagination-column .phx-pagination.footer {
	border-top:1px solid #D7D7D7;
}

.phx-pagination.header {
	border-top:1px solid #D7D7D7;
}

.phx-pagination.header + .tableWrapper{
	margin-top:0;
}

.phx-pagination > .pageNavButtonRow > .Next > * {
	display: inline-block;
}

.phx-pagination .results-pagination .dropdown-menu,
.phx-pagination .pagination-page-size .dropdown-menu {
	min-width: 0;
	float: right;
	
	left: auto;
}

.advanced-search-layout .fixed-bottom,
.advanced-search-layout{
	max-width:1032px;
}

.advanced-search-margin{
	margin-left:auto;
	margin-right:auto;
}

.advanced-search-layout .fixed-bottom{
	min-width:0px;
}


[data-collapse-state] .controls,
[data-collapse-state] .control-group-with-help .control-label.phx{
	position:relative;
}

[data-collapse-state='collapsed'] {
	display: none;
}

[data-collapse-state='not-collapsed'] {
	display: block;
}

.text-style-bold span.normal-font{
	font-weight:normal;
}

/* Split Pane */
.split-pane {
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.split-pane .left-container {
	width: 300px;
	overflow: auto;
}

.split-pane .right-container {
	flex: 1;
	overflow: auto;
}

.split-pane .splitter {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 5px !important;
	min-width: 5px !important;
	cursor: ew-resize;
}

.split-pane .splitter.dragging {
	cursor: auto;
}

.split-pane .splitter-icon {
	position: relative;
	background: url(/app_docs/art/icons/layout/resize-knob-vert.png) no-repeat;
	top: 45%;
	width: 5px;
	height: 16px;
}

.table-row-layout .table-cell-layout .structure-info {
	margin-left: 1em;
}

.status-badge-beta {
	color: #35178E !important;
	background-color: #EDE7FF;
	border: 1px solid #35178E;
	padding: 3px 10px;
	border-radius: 30px;
	margin-left: 10px;
}

.w-80-px {
	width: 80px !important;
}

.position-static {
	position: static;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

.position-initial {
	position: initial;
}

.position-relative {
	position: relative;
}

.position-inherit {
	position: inherit;
}


.dropdown-menu.dropdown-menu-content, .dropdown-content-container {
	padding: 0;
}

.dropdown-content-container {
	min-width: 275px;
}

.dropdown-content-container > .dropdown-actions-row {
	margin-top: 1em;
	border-top: 1px solid #CCC;
	padding: .5em .5em .5em .5em;
	background-color: #f5f5f5;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: right;
}
































 







.ReportFilters {
 	margin-top:1em;
 	margin-bottom:1em;
 	text-align:left;
	background-color: #F4F8FF !important;
	border-color: #A1D3FF !important;
}

.ReportFilters DIV {
	display:inline-block;
	margin-right:1em;
	text-align:left;
}

.ReportFilters DIV A,
.ReportFilters DIV SELECT,
.ReportFilters DIV LABEL {
	display:block;
	margin-top:0.2em;
}

.ReportFilters DIV SELECT {
	display: inline-block;
}

.ReportFilters DIV A,
.ReportFilters DIV LABEL,
.ReportFilters DIV SPAN {
	font-weight:bold;
}


















































.PageWithSidebar,
.PageWithSidebarHeader {
	width:100%;
	max-width:1275px;
	margin:0;
}

.popup .PageWithSidebar,
.popup .PageWithSidebarHeader {
	min-width: 768px;
}

.PageWithSidebar {
	display:table;
	transition:max-width .5s, min-width .5s;
}

.PageWithSidebar > .row,
.display-table-row-group > .row {
	display:table-row;
	height:100%;
}

.PageWithSidebar > .display-table-caption {
	position:relative;
	margin-top:.5em;
	margin-bottom:1em;
}

.PageWithSidebar .well {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-bottom:0;
}

div.PageWithSidebar .well + .well {
	margin-top:20px; /* add the margin-bottom back */
}

div.Sidebar DIV.collapse-display-block + .well {
	margin-top:20px; /* add the margin-bottom back */
}

.Options {
	margin-top: 55px;
	font-size: 0.85em;
}

#ViewDevLink a {
	padding-left: 0;
}

.PageWithSidebar .row > .MainContent {
	display:table-cell;
	vertical-align:top;
	height:100%;
	width:100%;
}

.PageWithSidebar .row > .MainContent:focus-visible {
	outline: none;
}

.PageWithSidebar .row > .Sidebar {
	display:inline-block;
	padding-right:1em;
}

.PageWithSidebar .row > .Sidebar,
.Sidebar .sidebarNameTruncate .readOnlyValue {
	width:230px;
	max-width:230px;
}

.Sidebar .sidebar-subdetails .subdetail-fit .phx.phxText {
	width:110px;
	max-width:110px;
}

.PageWithSidebar .row > .Sidebar,
.DualPanelSideContent > .Sidebar {
	vertical-align:top;
	min-width:230px;
}

.PageWithSidebar .row > .Sidebar.sidebar-large,
.DualPanelSideContent > .Sidebar.sidebar-large {
	min-width:300px;
}

.PageWithSidebar .row > .Sidebar.sidebar-xlarge,
.DualPanelSideContent > .Sidebar.sidebar-xlarge {
	min-width:330px;
}

.fixed-bottom{
	visibility:hidden;
}

.PageWithSidebar .row > .Sidebar + .MainContent .fixed-bottom {
	left:253px;
	visibility: hidden;
	min-width: inherit;
}
.PageWithSidebar .row > .MainContent .fixed-bottom {
	max-width:1275px;
}

.PageWithSidebar .row > .Sidebar + .MainContent .fixed-bottom{
	max-width: 1032px;
}

.PageWithSidebar .row > .Sidebar.sidebar-large + .MainContent .fixed-bottom {
	left:323px;
}

.PageWithSidebar .row > .Sidebar.sidebar-xlarge + .MainContent .fixed-bottom {
	left:353px;
}


.PageWithSidebar .row > .Sidebar.sidebar-large,
.Sidebar.sidebar-large .sidebarNameTruncate .readOnlyValue {
	width:300px;
	max-width:300px;
}

.Sidebar.sidebar-large .sidebar-subdetails .subdetail-fit .phx.phxText {
	width:145px;
	max-width:145px;
}


.PageWithSidebar .row > .Sidebar.sidebar-xlarge,
.Sidebar.sidebar-xlarge .sidebarNameTruncate .readOnlyValue {
	width:330px;
	max-width:330px;
}

.Sidebar.sidebar-xlarge .sidebar-subdetails .subdetail-fit .phx.phxText {
	width:160px;
	max-width:160px;
}

.PageWithSidebar .row > .Sidebar .SidebarMenuTitle > .btn {
	text-align:left;
	font-size:1.1em;
	color:black;
	margin:.5em 0;
}

.PageWithSidebar .row > .Sidebar .SidebarMenuTitle > .btn > i {
	font-size:.9em;
	color: #CFCFCF;
}

.PageWithSidebar .row > .Sidebar.sidebar-large > .SidebarMenu > .SidebarMenuItem > .TextDisplay {
	max-width:200px; /* increase size of menu items in large sidebars. */
}

.PageWithSidebar .row > .MainContent + .Sidebar {
	padding-right:0;
}

.PageWithSidebar .row > .MainContent .well.gs-w {
	position: absolute;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
}

.PageWithSidebar .row > .MainContent .well.phxDashboardHeader {
	margin-left: -7px;
}

.PageWithSidebar .row > .MainContent .phx.wrapper {
	margin-left: -17px;
}

.PageWithSidebar .row > .MainContent ul.phx.ul {
	margin: 0;
}

.PageWithSidebar .row > .MainContent .gridster > ul.phx.ul {
	margin: -15px 0 0 0;
}

.PageWithSidebar .row > .Sidebar > .TitleRow > .TitleRow {
	font-size:1.4em;
}

.PageWithSidebar .row > .Sidebar > .TitleRow > hr {
	background-color:#C1C1C1;
}

.MainContent .well > DIV.TitleRow#GSP_Suppliers_RequiredToStartRegistration {
	margin-top: 2.3em;
}

.sidebarDetails {
	padding-left: .5em;
}

.sidebarDetails > .sidebarName {
	padding-top:.6em;
	font-size:1.4em;
	font-weight:bold;
	color:black;
	word-wrap:break-word;
}

.sidebarDetails > .sidebarName .readOnlyValue{
	
	font-size:inherit;
	margin: 0;
}

.sidebarDetails .sidebarNameTruncate .readOnlyValue,
.sidebar-subdetails .subdetail-fit .phx.phxText {
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.sidebarDetails > .sidebarSubtitle {
	font-size: 9pt;
	font-style: normal;
	color: #888;
	margin: 0.1em 0 0 0;
	word-break: break-word;
}

.sidebarDetails > .sidebarChangeContext > .btn-link {
	margin:0;
	padding:0;
}

.sidebarDetails > .sidebarStatus,
.Sidebar > .sidebar-subdetails {
	padding: .5em .5em 0.5em 18px;
	margin: 0.6em -1em 0 -11px;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	background-color: #FFFFFF;
}

.sidebarDetails > .sidebarStatus .status,
.sidebar-subdetails .status {
	font-weight:bold;
}

.sidebarDetails > .sidebarStatus .customerName,
.sidebar-subdetails .customerName {
	font-style:italic;
}

.sidebarDetails + .SidebarMenu,
.sidebar-subdetails + .SidebarMenu {
	margin-top:.6em;
}

.sidebarDetails + .SidebarMenuGroupLevel,
.sidebar-subdetails + .SidebarMenuGroupLevel {
	margin-top:0;
}

.sidebarDetails + .SidebarMenu > a.SidebarMenuItem:first-child,
.sidebar-subdetails + .SidebarMenu > a.SidebarMenuItem:first-child,
.sidebar-subdetails + .SidebarMenu > li:first-child > a.SidebarMenuItem {
	margin-top:-1px;
}

.SidebarMenu {
	margin: 0.6em 0 0 0;
	font-size: 1.07em;
}

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

.SidebarMenu,
.SidebarMenuTitle {
	margin-left:-11px;
	margin-right:-1em;
}

.SidebarMenuTitle {
	padding-left:1.5em;
	padding-top:.8em;
}

.SidebarMenu + .SidebarMenuTitle,
.SidebarMenu + .SidebarMenu {
	border-top: 1px solid #D8D8D8;
	padding-top: 0.5em;
	margin-top: .8em;
}

.SidebarMenu > div.SidebarMenuItem,
.SidebarMenu > a.SidebarMenuItem,
.SidebarMenu > li > a.SidebarMenuItem {
	padding-left:1.5em;
}

.SidebarMenuTitle + .SidebarMenu {
	font-size:1em;
	margin-top:0;
	top:.2em;
}

.SidebarMenuTitle + .SidebarMenu > a.SidebarMenuItem {
	padding-left:2.8em;
}

.SidebarMenu.SidebarMenuGroupLevel > a.SidebarMenuItem {
	padding-top:1em;
	padding-bottom:1em;
}

.SidebarMenu.SidebarMenuGroupLevel > a.SidebarMenuItem.Current {
	padding-top:1em;
	padding-bottom:1em;
}

.SidebarMenu.SidebarMenuGroupLevel + .SidebarMenuTitle,
.SidebarMenu.SidebarMenuGroupLevel .SidebarMenuItem{
	margin-top:-1px;
}

.SidebarMenu + .SidebarMenu.SidebarMenuGroupLevel{
	padding-top:0;
}
.PageWithSidebar .row > .MainContent + .Sidebar .SidebarMenu {
	margin:0 4px 0 0;
}


.SidebarMenu .SidebarMenuItem {
	text-decoration: none;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right:.5em;
	overflow: hidden;
	margin-top: 0.2em;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}

.SidebarMenu .SidebarMenuItem.SidebarMenuItemChild {
	padding-left:3.0em;
}

.SidebarMenu .SidebarMenuItem.Incomplete .sidebar__status--icon > svg,
.SidebarMenu .SidebarMenuItem .elementDisplay > svg  {
       padding-right:3px;
       width:19px;
       color:#767676 !important;
       margin-top: -2px;
       
       max-width:19px;
       max-height:19px;
}

DIV.SidebarMenuTitle + .SidebarMenu .SidebarMenuItem.SidebarMenuItemChild {
	padding-left:4.3em;
}

.PageWithSidebar .row > .MainContent + .Sidebar .SidebarMenu .SidebarMenuItem {
	padding-right:1em;
}

.SidebarMenu A:hover {
	color:#3f6fdc;
}

.SidebarMenu .SidebarMenuItem.disabled:hover {
	cursor:not-allowed;
}

.SidebarMenu A:focus-visible {
	color:#3f6fdc;
	outline: 2px solid #000000;
}

.SidebarMenu A:focus:not(:focus-visible) {
	outline: none;
}

.SidebarMenu A.Current {
	background-image: none;
	color:black;
	font-weight:bold;
	position:relative;
	overflow:visible;
	z-index:1;
}

UL.simple-menu .simple-menuitem > SPAN.TextDisplay,
UL.simple-menu .simple-menuitem > DIV.TextDisplay,
.SidebarMenu .SidebarMenuItem > DIV.TextDisplay {
	z-index: 1;
	display: inline-block;
	float: none;
	max-width: 170px;
	overflow: hidden;
}

UL.simple-menu .simple-menuitem > SPAN.TextDisplay .phxText
UL.simple-menu .simple-menuitem > DIV.TextDisplay .phxText,
UL.simple-menu .simple-menuitem > DIV.TextDisplay{
	max-width: 240px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}


UL.simple-menu .simple-menuitem > .elementDisplay + DIV.TextDisplay .phxText,
UL.simple-menu .simple-menuitem > .elementDisplay + DIV.TextDisplay{
	max-width: 200px;
}

DIV.SidebarMenuTitle + .SidebarMenu .SidebarMenuItem.SidebarMenuItemChild > DIV.TextDisplay {
	max-width:155px;
}

.SidebarMenu .SidebarMenuItem > SPAN.CompleteStatus {
	display:inline-block;
	width:16px;
}

.SidebarMenu .SidebarMenuItem > .CompleteStatus,
.SidebarMenu .SidebarMenuItem > .IncompleteStatus {
	margin-right:1em;
}

UL.simple-menu .simple-menuitem > .elementDisplay:first-child,
.SidebarMenu .SidebarMenuItem > .elementDisplay:first-child {
	float:none;
	position:relative;
	top:-3px;
}

UL.simple-menu .simple-menuitem > .elementDisplay,
.SidebarMenu .SidebarMenuItem > .elementDisplay {
	margin-right:.5em;
}

UL.simple-menu .simple-menuitem > .elementDisplay,
.SidebarMenu .SidebarMenuItem > .elementDisplay {
	float: right;
}

.SidebarMenu .SidebarMenuItem.Current {
	background-color:white;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	margin-right:0;
	padding-right:.5em;
}

.SidebarMenuTitle + .SidebarMenu .SidebarMenuItem.Current {
	margin-right:-1px;
}


.SidebarMenu .SidebarMenuItem {
	color:#666C71;
}

.SidebarMenu .SidebarMenuItem.Incomplete.CertifyLink > DIV.TextDisplay {
	text-decoration: underline;
	color: #0B205E;
}

DIV.RegistrationStepsComplete {
	margin-top: 5px;
	font-size: .9em;
}
DIV.RegistrationStepsComplete SPAN {
	font-weight: bold;
	font-size: 13pt;
	padding-right: 0.2em;
}

.sidebarStatus a.btn.btn-link,
.sidebar-subdetails a.btn.btn-link {
	display:inline;
	white-space:normal;
	vertical-align:baseline;
}

.sidebar-subdetails div.data-group div.table-row-layout div.table-cell-layout div.data-row-content a.btn.btn-link {
	line-height: 15px;
	word-break: break-word;
}

.sidebar-subdetails div.phx.data-group + a.btn.btn-link{
	margin-top: 0.3em;
	display: inline-block;
}

.sidebarStatus strong *,
.sidebar-subdetails strong * {
	font-weight:bold;
}

.SidebarMenuItem.disabled SPAN.elementDisplay {
	background: none;
}


.PageWithSidebar.expanded {
	max-width:1575px;
	min-width:1200px;
}

.PageWithSidebar .row > .Sidebar.slide-in-collapsed {
	visibility:hidden;
}



.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-collapsed,
.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-opening,
.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-closing {
	overflow:hidden;
	position:relative;
}

.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-opening,
.PageWithSidebar .row > .Sidebar.sidebar-large.slide-in-closing {
	visibility:visible;
}

.PageWithSidebar .row > .Sidebar.slide-in-collapsed {
	max-width:0;
	min-width:0;
	width:0;
}

.PageWithSidebar .row > .Sidebar {
	display:table-cell;
	transition: width .5s, max-width .5s, min-width .5s, padding-left .5s;
	padding-right:0;
}

.PageWithSidebar .row > .Sidebar + .Sidebar,
.PageWithSidebar .row > .Sidebar + .MainContent {
	padding-left:1em;
}

.PageWithSidebar .row > .Sidebar.slide-in-collapsed + .Sidebar {
	padding-left:0;
}

.Sidebar.slide-in-collapsed .well,
.Sidebar.slide-in-opening .well,
.Sidebar.slide-in-closing .well {
	overflow:hidden;
	width:300px;
}

.Sidebar > .sidebarDetails .pageNavButtonRow,
.Sidebar > .sidebar-subdetails .pageNavButtonRow {
	margin-left: 0em;
	text-align: left;
	margin-top: -0.7em;
	margin-bottom: 0.2em;
}







































 











@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}





.scicons {
	display:inline-block;
	width:1em;
	height:1em;
	position:relative;
	text-decoration:none;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

.scicons:before {
	position:absolute;
	left:-2px;
	top:0;
	display:inline-block;
	margin:0 5px;
	font:12px/1em 'sciconsregular';
	font-style:normal;
	font-weight:normal;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
}


.scicons.arrow-down:before {
	content: 'd';
}

.scicons.arrow-left:before {
	content: 'l';
}

.scicons.arrow-right:before {
	content: 'r';
}

.scicons.arrow-up:before {
	content: 'u';
}

.scicons.radio-deselected:before {
	content: 'o';
}

.scicons.radio-selected:before {
	content: '@';
}

.scicons.radio-dot:before {
	content: '*';
}

.scicons.fine-dot:before {
	content: '\25cf';
}
















































@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot');
    src: url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('/app_docs/3rdPartyLibraries/fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}





.phxGlyph.icon-green {
	color:#44A344;
}

.phxGlyph.icon-orange{
	color:#FF6600;
}

.phxGlyph.icon-red{
	color:#B40600;
}

.phxGlyph.icon-white{
	color:#FFFFFF;
}

.phxGlyph.icon-blue{
	color:#306f8f;
}

.btn-link > i.glyphicon,
.btn-link > i.halflings {
	top:0px;
	display:inline;
}

.halflings,
.glyphicons {
	padding-left:0;
	vertical-align:baseline;
	color:inherit;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
}

.halflings:before,
.glyphicons:before {
	position:relative;
	vertical-align:baseline;
	margin:0;
	color:inherit;
	font-size:inherit;
}

.phx.phxGlyph + .readOnlyValue {
	margin-left:.5em;
}

.phxText + .phxGlyph {
	margin-left: .5em;
}




































.phoenixFancyCheckbox {
	display:block;
	position: relative;
}


	





































.phoenixFancyCheckbox > input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
}
.phoenixFancyCheckbox > input[type="checkbox"]:focus {
	outline: none;
}
.phoenixFancyCheckbox > input[type="checkbox"] + label {
	position: relative;
	padding-top: 1.2px;
	padding-left: 17px;
	cursor: pointer;
}


.phoenixFancyCheckbox > input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left:0; top: 2px;
	width: 15px;
	height: 15px;
	border: 1px solid #aaa;
	background: #f8f8f8;
}
.phoenixFancyCheckbox > input[type="checkbox"]:focus + label:before {
	border: 1px solid #83898D;
}

.phoenixFancyCheckbox > input[type="checkbox"] + label:after {
	content: "\e013";
	position: absolute;
	top: 3.5px; left: 1.4px;
	font-family: Glyphicons Halflings;
	font-size: 9.5pt;
	color: #44a344; /*#44A344;*/
}


td > .phoenixFancyCheckbox > input[type="checkbox"] + label:after {
	top: 1px;
}


.phoenixFancyCheckbox > input[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
}
.phoenixFancyCheckbox > input[type="checkbox"]:checked + label:after {
	opacity: 1;
}

.phoenixFancyCheckbox > input[type="checkbox"]:disabled + label:before {
	box-shadow: none;
	border-color: #CCCCCC;
	background-color: #F4F4F4;
}
.phoenixFancyCheckbox > input[type="checkbox"]:disabled:checked + label:after {
	color: #72757e;/*#999EA2;*/
}
.phoenixFancyCheckbox > input[type="checkbox"]:disabled + label {
	color: #8C8C8C;
	cursor: not-allowed;
}


.phoenixFancyCheckbox > input[type="checkbox"]:not(:disabled) + label:hover:before {
	border: 1px solid #83898d!important;
}
.phoenixFancyCheckbox > input[type="checkbox"]:not(:disabled) + label:hover:after {
	color: #398A39!important;
}



	.phoenixFancyCheckbox > input[type="checkbox"] + label:after {
		transition: all .08s;
	}
	.phoenixFancyCheckbox > input[type="checkbox"]:not(:checked) + label:after {
		transform: scale(0);
	}
	.phoenixFancyCheckbox > input[type="checkbox"]:checked + label:after {
		transform: scale(1);
	}
	.phoenixFancyCheckbox > input[type="checkbox"]:not(:disabled) + label:hover:before {
		transition: all .08s;
	}
	.phoenixFancyCheckbox > input[type="checkbox"]:not(:disabled) + label:hover:after {
		transition: all .08s;
	}


































 












.collapsed-bar-header,
.info-bar-header,
.flyout-info{
	right:0px;
	border:1px solid #e3e3e3;
	z-index:99;
}

.collapsed-bar-header,
.info-bar-header{
	background-color: #3f6fdc;
	color:white;
	font-size:1.2em;
}

.collapsed-bar-header{
	position:fixed;
	bottom:24px; /* Up 24 pixels to go above the Copyright message */ 
	width:250px;
	padding:0;
}

.flyout-info{
	position:fixed;
	bottom:24px; /* Up 24 pixels to go above the Copyright message */ 
	width:300px;
	background-color:white;
	padding:13px;
	display:none;
}

.info-bar-header{
	position:absolute;
	top:-2em;
	left:-1px;
	padding:5px 13px;
}

.flyout-info .details-div .phx.li{
	padding-top:1em;
}

.flyout-info .details-div .phx.li,
.flyout-info .details-div .phx.li .btn{
	font-size:1em;
}

.flyout-info i.phxGlyph{
	display: inline-block;
	border-radius: 60px;
	box-shadow: 0px 0px 2px #72757e;
	margin-right:5px;
	padding:6px;
	color:white;
	background-color:#72757e;
}

.flyout-header-icon{
	background-color:rgba(0,0,0,.25);
	margin-right:.5em;
	display:inline-block;
	padding:10px;
}

a.minimize-flyout{
	float:right;
	font-size: 1.2em;
	color: white;
}





:root {
  --color-blue: #3769DB;
  --color-black: #000000;
  --color-white: #FFFFFF;
  /* GRAY COLOR  */
  --color-gray-05: #101010;
  --color-gray-10: #1C1C1C;
  --color-gray-15: #303030;
  --color-gray-20: #767676;
  --color-gray-25: #999999;
  --color-gray-30: #B0B0B0;
  --color-gray-35: #C0C0C0;
  --color-gray-40: #D0D0D0;
  --color-gray-45: #E5E5E5;
  --color-gray-50: #F4F4F4;
  /* BLUE COLOR  */
  --color-blue-05: #29378B;
  --color-blue-10: #394AAB;
  --color-blue-15: #2D59BF;
  --color-blue-20: #3769DB;
  --color-blue-25: #4C7EF2;
  --color-blue-30: #64B5F6;
  --color-blue-35: #7ABFFC;
  --color-blue-40: #A1D3FF;
  --color-blue-45: #E2EDFF;
  --color-blue-50: #F4F8FF;
  /* NAVY COLOR  */
  --color-navy-05: #13234E;
  --color-navy-10: #213568;
  --color-navy-15: #384E85;
  --color-navy-20: #3F5794;
  --color-navy-25: #6779A9;
  --color-navy-30: #BDC7D9;
  --color-navy-35: #D7DDE7;
  --color-navy-40: #ECEEF4;
  --color-navy-45: #F5F6F8;
  --color-navy-50: #F8FAFD;
  /* GREEN COLOR  */
  --color-green-05: #067448;
  --color-green-10: #098755;
  --color-green-15: #129762;
  --color-green-20: #02A564;
  --color-green-25: #2BB272;
  --color-green-30: #4CBD72;
  --color-green-35: #7DCD7F;
  --color-green-40: #8DD790;
  --color-green-45: #C7EAC8;
  --color-green-50: #E6FDE6;
  /* RED COLOR  */
  --color-red-05: #AD2020;
  --color-red-10: #C43535;
  --color-red-15: #E84646;
  --color-red-20: #F94C4C;
  --color-red-25: #F95E5E;
  --color-red-30: #FF7E73;
  --color-red-35: #FF9A92;
  --color-red-40: #FFB9B4;
  --color-red-45: #FFD7D4;
  --color-red-50: #FFE8E7;
  /* YELLOW COLOR  */
  --color-yellow-05: #7A4201;
  --color-yellow-10: #9C5400;
  --color-yellow-15: #DB9205;
  --color-yellow-20: #FFC100;
  --color-yellow-25: #FFD348;
  --color-yellow-30: #FEE059;
  --color-yellow-35: #FFE677;
  --color-yellow-40: #FFED9A;
  --color-yellow-45: #FFF2B9;
  --color-yellow-50: #FBFADF;
  /* PURPLE COLOR  */
  --color-purple-05: #35178E;
  --color-purple-10: #5231B1;
  --color-purple-15: #6841D2;
  --color-purple-20: #8F65FB;
  --color-purple-25: #AC8BFF;
  --color-purple-30: #B59CF9;
  --color-purple-35: #C8B4FF;
  --color-purple-40: #D2C3FD;
  --color-purple-45: #E3DAFF;
  --color-purple-50: #EDE7FF;
  /* TEAL COLOR  */
  --color-teal-05: #004847;
  --color-teal-10: #005E5D;
  --color-teal-15: #0A7B7A;
  --color-teal-20: #078C8A;
  --color-teal-25: #25ABA9;
  --color-teal-30: #40C1BF;
  --color-teal-35: #6CD4D3;
  --color-teal-40: #8AE2E1;
  --color-teal-45: #CFF1F1;
  --color-teal-50: #E0F7F7;
  /* PINK COLOR  */
  --color-pink-05: #5A0B52;
  --color-pink-10: #77186D;
  --color-pink-15: #842D86;
  --color-pink-20: #A64AA8;
  --color-pink-25: #C65EBB;
  --color-pink-30: #E26DD6;
  --color-pink-35: #F08CE6;
  --color-pink-40: #FBB8F4;
  --color-pink-45: #FFD8FB;
  --color-pink-50: #FFF0FD;
  /* ORANGE COLOR  */
  --color-orange-05: #923D0E;
  --color-orange-10: #B55620;
  --color-orange-15: #DC6C2D;
  --color-orange-20: #EC7431;
  --color-orange-25: #EF884E;
  --color-orange-30: #F69762;
  --color-orange-35: #FFAC7E;
  --color-orange-40: #FFCCAF;
  --color-orange-45: #FFE3D3;
  --color-orange-50: #FFEDE3;
  /* MAGENTA COLOR  */
  --color-magenta-05: #60102D;
  --color-magenta-10: #802244;
  --color-magenta-15: #DE1D5E;
  --color-magenta-20: #FD528C;
  --color-magenta-25: #FF74A3;
  --color-magenta-30: #FF8FB5;
  --color-magenta-35: #FFA9C6;
  --color-magenta-40: #FFB7D1;
  --color-magenta-45: #FFDCE9;
  --color-magenta-50: #FFEFF5;
  /* OLIVE COLOR  */
  --color-olive-05: #242515;
  --color-olive-10: #38392C;
  --color-olive-15: #555648;
  --color-olive-20: #626A49;
  --color-olive-25: #869069;
  --color-olive-30: #98A17E;
  --color-olive-35: #A8B18E;
  --color-olive-40: #C1C8AF;
  --color-olive-45: #D1D4C6;
  --color-olive-50: #ECEEE5;
  /* TURQUOISE COLOR  */
  --color-turquoise-05: #0C4B39;
  --color-turquoise-10: #176851;
  --color-turquoise-15: #288268;
  --color-turquoise-20: #3A977C;
  --color-turquoise-25: #56BC9E;
  --color-turquoise-30: #5DD1AF;
  --color-turquoise-35: #73E1C1;
  --color-turquoise-40: #88E7CB;
  --color-turquoise-45: #C8FAEB;
  --color-turquoise-50: #EFFFFA;
  /* TAN COLOR  */
  --color-tan-05: #4F3424;
  --color-tan-10: #6C4C38;
  --color-tan-15: #906144;
  --color-tan-20: #AE7F63;
  --color-tan-25: #CC9F83;
  --color-tan-30: #DAB8A2;
  --color-tan-35: #E3C6B4;
  --color-tan-40: #F0D5C5;
  --color-tan-45: #F5E1D5;
  --color-tan-50: #F9F2ED;
  
  
  /* MODAL SIZES */
  --modal-small-min-width : 500px;
  --modal-small-max-width : 800px;
  --modal-small-min-height: 180px;
  --modal-small-max-height: 500px;
  --modal-medium-min-width : 800px;
  --modal-medium-max-width : 1000px;
  --modal-medium-min-height: 360px;
  --modal-medium-max-height: 550px;
  --modal-large-min-width : 1000px;
  --modal-large-max-width : 1200px;
  --modal-large-min-height: 540px;
  --modal-large-max-height: 600px;
  --modal-medium-width-height-min-width : 500px;
  --modal-medium-width-height-max-width : 600px;
  --modal-medium-width-height-min-height: 410px;
  --modal-medium-width-height-max-height: 500px;
  
  --modal-header-height: 40px;
  --modal-footer-height: 70px
  
}
@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
	--mdb-spinner-width: 50px;
    --mdb-spinner-height: 50px;
    --mdb-spinner-width--medium: 30px;
    --mdb-spinner-height--medium: 30px;
    --mdb-spinner-width--small: 15px;
    --mdb-spinner-height--small: 15px;
    --mdb-spinner-vertical-align: -2px;
    --mdb-spinner-border-width: 3px;
    --mdb-spinner-animation-speed: 1.5s;
    --mdb-spinner-animation-name: spinner-border;
    border: var(--mdb-spinner-border-width) solid;
    border-right-color: transparent;
}

.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--mdb-spinner-width);
    height: var(--mdb-spinner-height);
    vertical-align: var(--mdb-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--mdb-spinner-animation-speed) linear infinite var(--mdb-spinner-animation-name);
}

.size-medium {
    width: var(--mdb-spinner-width--medium);
    height: var(--mdb-spinner-height--medium);
}

.size-small {
    width: var(--mdb-spinner-width--small);
    height: var(--mdb-spinner-height--small);
}

.mosaic-spinner-effect {
	color: var(--color-blue);
}

.spinner-border.mosaic-spinner-effect {
	display: flex;
	border-right-color: var(--color-white);
}

.mosaic-spinner {
    position: fixed;
    z-index: 7000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: content-box;
}

.mosaic-spinner > span {
	line-height: 20px;
	font-size: 12px;
	margin-top: 5px;
	color: var(--color-black);
}










.mosaic.badge {
	align-content: center;
	background-color: var(--color-blue-20);
	border-radius: 20px;
	color: var(--color-white);
	font-size: 12px;
	font-weight: 400;
	min-height: 20px;
	min-width: 20px;
	letter-spacing: 0px;
}


.status-badge {
	height: 26px;
	padding: 3px 10px;
	border-radius: 30px;
	line-height: 20px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	width: fit-content;
	box-sizing: border-box !important;
	font-size: 13px;
}


.status-badge-blue {
	color: var(--color-blue-05);
	background-color: var(--color-blue-50);
	border: 1px solid var(--color-blue-05);
}

.status-badge-green {
	color: var(--color-green-05);
	background-color: var(--color-green-50);
	border: 1px solid var(--color-green-05);
}

.status-badge-red {
	color: var(--color-red-05);
	background-color: var(--color-red-50);
	border: 1px solid var(--color-red-05);
}

.status-badge-yellow {
	color: var(--color-yellow-05);
	background-color: var(--color-yellow-50);
	border: 1px solid var(--color-yellow-05);
}

.status-badge-purple {
	color: var(--color-purple-05);
	background-color: var(--color-purple-50);
	border: 1px solid var(--color-purple-05);
}

.status-badge-teal {
	color: var(--color-teal-05);
	background-color: var(--color-teal-50);
	border: 1px solid var(--color-teal-05);
}

.status-badge-pink {
	color: var(--color-pink-05);
	background-color: var(--color-pink-50);
	border: 1px solid var(--color-pink-05);
}

.status-badge-navy {
	color: var(--color-navy-05);
	background-color: var(--color-navy-50);
	border: 1px solid var(--color-navy-05);
}

.status-badge-orange {
	color: var(--color-orange-05);
	background-color: var(--color-orange-50);
	border: 1px solid var(--color-orange-05);
}

.status-badge-magenta {
	color: var(--color-magenta-05);
	background-color: var(--color-magenta-50);
	border: 1px solid var(--color-magenta-05);
}

.status-badge-olive {
	color: var(--color-olive-05);
	background-color: var(--color-olive-50);
	border: 1px solid var(--color-olive-05);
}

.status-badge-turquoise {
	color: var(--color-turquoise-05);
	background-color: var(--color-turquoise-50);
	border: 1px solid var(--color-turquoise-05);
}

.status-badge-tan {
	color: var(--color-tan-05);
	background-color: var(--color-tan-50);
	border: 1px solid var(--color-tan-05);
}

.status-badge-gray {
	color: var(--color-gray-05);
	background-color: var(--color-gray-50);
	border: 1px solid var(--color-gray-05);
}

.status-badge-beta {
	color: var(--color-purple-05) !important;
	background-color: var(--color-purple-50);
	border: 1px solid var(--color-purple-05);
	padding: 3px 10px;
	border-radius: 30px;
	margin-left: 10px;
}





	A {
		text-decoration : none; 
		color: #3769db;
	}
		
	A:HOVER { 
		color: #3769db; 
        text-decoration : underline;
	}