/* Import Font for use with Privacy Statement pages (Font from acuigen.com) */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700');

/*
	Reset
*/

* {
	margin: 0;
	padding: 0;
}

/*CustomServe Colours are:*/

/*.CSBlue
{
	color: var(--color-blue-80);
}

.CSGrey
{
	color:RGB(88,89,91);
}

.CSLightGrey {
	color: #eeeeee;
}*/

/**********Set the body base style**********/

/*remove inital drop down arrow from ie*/
select::-ms-expand {
	display:none;
}

select:hover {
	cursor:pointer;
}

select#cmbWebGroups:disabled {
	background-color: #eeeeee;
}

select#cmbWebGroups:disabled:hover {
	cursor:default !important;
}

body {    
	font-family: "Gotham A", "Gotham B", Segoe UI, Arial, Helvetica, sans-serif !important;
	font-size: 11pt;
	font-weight: 400;
	color: #666666;
	padding: 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	text-align: left;
	text-decoration:none;
	min-height:100%;
}

div {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/**********Cookie Control**********/
/*******If this changes, you will need to update on OkiLangSelect.aspx and Survey.aspx and RecordManagement.aspx and Welcome.aspx Pages************/
#cookieControl, #ctl00_cookieControl {
	background-color: whitesmoke;
	border-radius: 0;
	padding: 20px 50px 20px 50px;
	border: 3px solid RGB(0,94,157);
}

.cookieControlTable {
	/*width: 70%;*/
	margin-left: auto;
	margin-right: auto;
	font-size: 12pt;
	color: #000;
}

/*@media (max-width: 1050px){
	.cookieControlTable {
		 width: 100%; 
	}
}*/

.cookieControlButton {
	-webkit-appearance: none;
	background-color: var(--color-blue-80) !important;
	color: white;
	padding: 7px 8px 7px 8px;
	font-size: 10pt;
	font-family: "Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
	border: 0 !important;
}

.cookieControlTable td {
	padding: 3px;
}

.cookieControlButton:hover {
	opacity: 0.8;
	cursor: pointer;
}

/**********Menu**********/
#ASMenu a.popout, #ctl00_ASMenu a.popout {
	background-image:url(../Images/WhiteArrow.gif) !important;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	font-size:9pt;
	font-weight:400;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:20px !important;
	margin-right:-5px;
}

#ASMenu ul.dynamic, #ctl00_ASMenu ul.dynamic {
	z-index:30 !important;
	left: -20px !important;
}

#AccountMenu {
	float: right;
	background-color: var(--color-grey-80);
	border-radius: 3px;
}

#MenuContainer {
	background-color: var(--color-blue-80);
	border-radius:0;
	position:relative;
	float:left;
	width:calc(100% - 28px);
	margin-left:12px;
	margin-right:16px;
	height:29px;
}

#MenuContainer li:hover, #AccountMenu li:hover {
	text-decoration:none !important;
}

#AccountMenu li.dynamic {
	padding: 5px;
}

#MenuContainer .MenuItemStatic {
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	font-weight:400 !important;
	background-color: var(--color-blue-80) !important;
}

#MenuContainer a, #AccountMenu a {
	color:white !important;
}

.Menu {
	font-size:9pt;
	padding:7px;
}

.topBanner {
	clear: both;
	margin-left: 16px;
	margin-right: 16px;
	height: 2px;
	z-index: 1000;
}

#LeftMenu, #ctl00_LeftMenu {
	position:absolute;
	top:0;
	left:0;
}

#LeftMenu a, #ctl00_LeftMenu a {
	font-size:9pt;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
}

#LeftMenu a.static, #ctl00_LeftMenu a.static {
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	font-weight: 400 !important;
	font-size:9pt;
	-webkit-appearance:none;
	-moz-appearance:none;
}

#RightMenu, #ctl00_RightMenu {
	position:absolute;
	top:0;
	right:0;
}

#RightMenu a, #ctl00_RightMenu a {
	display:inline-block !important;
	font-size:9pt;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
} 

#RightMenu a:hover, #ctl00_RightMenu a:hover {
	font-size:9pt;
}

#RightMenu ul ul, #ctl00_RightMenu ul ul {
	left:auto !important;
	right:-27px;
}

.DynamicMenu {
	top:22px !important;
	left:-27px !important;
}

.DynamicMenuItem {
	margin:0 10px 0 10px;
}

#BreadCrumbContainer {
	position:relative;
	float:left;
	margin-left:25px;
	margin-top:7px;
	font-size:8pt;
	padding-top:4px;
	padding-bottom:4px;
	clear:both;
}

ul.level4 {
	top:0% !important;
	left:92% !important;
}

.level1.MenuItemStatic.static {
	display: none !important;
}

a[href="#BreadCrumb_SkipLink"], a[href="#LeftMenu_SkipLink"], a[href="#RightMenu_SkipLink"] {
	display:none;
}

/**********Footer Styles**********/
#Footer {
	font-size: 9pt !important;
	margin-left: 20px;
	height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	background-color:white;
	text-decoration: none;
	color:#666666;
	margin-bottom:0;
}

#FooterContainer {
	clear:both;
	position:relative;
	width: 100%;
	background-color:White;
}

#Footer a:hover {
	opacity: .8;
}

#Footer a {
	text-decoration:none;
	color:#666666;
	font-size:9pt !important;
}

/**********Button Styles**********/
#ActionButtons .aspNetDisabled {
	color:silver;
}

#ActionButtons .aspNetDisabled:hover {
	-webkit-appearance:none;
	opacity:1;
	background-color:var(--color-blue-80);
	cursor:default;
}

#btnSelectWebgroup {
	margin-left:12px;
	margin-right:-2px;
	margin-bottom:50px;
}

#btnUserAdmin {
	margin-bottom:50px;
}

.ButtonStyle, #MainContentPlaceHolder_btnFilterMessage {
	-webkit-appearance:none;
	background-color: var(--color-blue-80);
	color: white;
	margin: 0 2px 10px 2px;
	padding: 7px 8px 7px 8px;
	min-width:120px;
	font-size:10pt;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
	border:0;
}

.SmallButtonStyle {
	-webkit-appearance:none;
	background-color: var(--color-blue-80) !important;
	color: white;
	margin: 0 2px 10px 2px;
	padding: 7px 8px 7px 8px;
	font-size:10pt;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
	border:0 !important;
}

.GridButtonStyle input {
	-webkit-appearance:none;
	background-color:var(--color-blue-80);
	font-size:10pt;
	margin:0 !important;
}

.ButtonStyle:hover, .GridButtonStyle input:hover, .BtnExportRpt:hover, #MainContentPlaceHolder_btnFilterMessage:hover, .SmallButtonStyle:hover {
	opacity:.80;
	cursor:pointer;
}

.SmallButtonStyle:disabled:hover {
	opacity:1;
	cursor:default;
}

.FrameButton {
	-webkit-appearance:none;
	background-color:var(--color-blue-80);
	color:white;
	font-size:8.5pt;
	padding: 3px 8px 3px 8px;
}

.FrameButton:hover {
	/*background-color:#384c93;*/
	opacity:0.80;
	cursor:pointer;
}

.BtnExportRpt {
	-webkit-appearance:none;
	height:25px !important;
	font-family:"Gotham A", "Gotham B", Segoe UI, Arial, Helvetica, sans-serif;
}

#btnPassword {
	width:auto !important;
	margin-top:10px;
}

#ActionButtonsTop .ButtonStyle {
	font-size:10pt !important;
	padding:7px 8px 7px 8px !important;
	width:auto !important;
}

.centralReportPageContent .ButtonStyle {
	margin-right:-10px !important;
}

/**********Base input style**********/
input {
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	padding:3px;
}

input[type=radio] {
	background-color:white;
}

/**********Page Text Stlyes**********/
#Header {
	margin:13px 16px 8px 16px;
	position:relative;
	pointer-events:none;
}

#Header * {
	pointer-events:all;
}

.Links
{
	color:#666666;
	text-decoration:none;
}

.Links a:hover
{
	opacity:.80;
}

a.CurrentNode {
	color:#666666;
	text-decoration:none;
}

li {
	font-size:9pt;
	font-weight:400;
	color:white;
	list-style-type:none;
	margin-left:10px;
	margin-right:10px;
	opacity:1 !important;
	cursor:pointer;
}

li.static a {
	color:white;
}

li.dynamic {
	background-color: var(--color-blue-40);
	padding-top:5px;
	padding-bottom:5px;
	font-family:"Gotham A", "Gotham B",Segoe UI,Arial,Helvetica, sans-serif!important;
}

a.DynamicMenuItem[title="Spacer"] {
	height: auto !important;
}

li.dynamic:hover {
	-webkit-appearance:none;
	background-color: var(--color-blue-80);
}

#DivMiddle li {
	color:#666666;
	list-style-type:disc;
	cursor:text;
}

#DivMiddle ul {
	padding-left:40px;
	margin:0 0 11px 0;
}

.SubHeader {
	font-size:16pt;
	margin: 15px 0 15px 0;
	font-weight:400;
}

.SmallSubHeader {
	font-size:12pt;
}

.LargeSubHeader {
	font-size: 22pt;
	font-weight:500;
	color:var(--color-blue-80);
}

.TertiaryInfo {
	font-size:10pt !important;
	margin: 0 0 15px 0;
	color:#666666 !important;
}

.TertiaryInfoSecondary {
	font-size:9pt;
	text-align:center;
}

.TertiaryInfoSecondary a {
	font-size:9pt;
	color:#666666;
	text-decoration:none;
}

.SmallSecondary {
	font-weight:500;
}

.mainTable a:hover, .TertiaryInfoSecondary a:hover {
	opacity:0.8;
}

.lblChartTitle {
	color: black;
	font-size: 10pt;
	font-weight: 500;
	cursor: text;
	display: block;
	clear:both;
}

.lblNoData {
	color:rgb(32, 161, 18);
}

.datadescrip, .DataDescrip {
	background-color:#eeeeee;
	font-size: 9pt;
	position:relative;
	margin:10px 5px 10px 0;
	width:100%;
	padding:5px 0 5px 8px;
	z-index:-1;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-collapse:separate;
}

.datadescrip th {
	width:110px;
}

.datadescrip span {
	margin-left:5px;
	margin-right:5px;
}

#ContentPane table.datadescrip, #rptMgrContentPane table.datadescrip {
	margin-top:50px;
}

option {
	font-family:"Gotham A", "Gotham B", Segoe UI, Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-left:5px;
}

#lblPages {
	font-size:9pt !important;
	font-weight:400 !important;
}

#TitleContainer {
	margin:15px 0 15px 0;
}

.category {
	color:#666666 !important;
	font-size:8pt;
	text-decoration:none;
	background-image: url(../Images/CSBlueRightArrow.gif); 
	background-repeat: no-repeat; 
	padding-left: 13px !important;
	line-height:1.8;
}

.subheading .category:nth-child(odd) {
	background-image:none;
}

/**********Table stylings**********/
table {
	border-collapse:collapse;
}

.mainTable, .theme-table, .TMSDataGrid {
	margin-top:20px; 
	margin-bottom:10px;
	border:0;
}

.theme-table {
	width:750px;
	margin-top:10px;
}

@media (max-width:1024px) {
	.theme-table, .mainTable {
		width: calc(100% - 50px);
	}
}

.theme-table tr:first-of-type {
	background-color: var(--color-blue-80) !important;
	color: white !important;
}

.theme-table th {
	padding: 3px;
	font-size:10pt;
	font-weight:400;
	text-align:center;
}

.theme-table td {
	text-align:center;
	font-size:10pt !important;
}

.theme-col-question {
	width:65%;
	text-align:left !important;
}

.mainTable, #tblQuestions {
	padding-top:0 !important;
	border-collapse:collapse;
}

.mainTable a {
	color:var(--color-blue-80);
	font-weight:500;
	text-decoration:none;
}

.theme-table a, #dataGrids a {
	color:#666666;
	text-decoration:none;
	font-weight:500;
}

.TMSGridColHeader a, .TMSGridColHeader td {
	font-size:10pt !important;
	font-weight:500 !important;
	color:black !important;
}

.mainTable td, .theme-table td, .TMSDataGrid td, .TMSDataGrid th, #sample td {
	padding:3px;
	font-size:10pt;
	color:#666666;
	border:0;
}

/*Dev Express Data Grids*/
table.dxgvControl {
	font-family:"Gotham A", "Gotham B", Segoe UI, Arial, Helvetica, sans-serif !important;
	background-color:white;
}

.DataGrid, .GridSummary {
	margin-top:20px; 
	margin-bottom:10px;
	border:0;
}

.GridSummary {
	margin-left:20px;
	width:calc(100% - 50px);
}

.GridSummary .dxgvTable {
	border:1px solid #eeeeee;
}

.dxgvSearchPanel, .dxgvPagerBottomPanel {
	background-color:white !important;
	border:0 !important;
	border-radius:0;
	padding-left:0;
}

.GridSummary .GridRow {
	background-color:#eeeeee !important;
}

.GridSummary .GridAlternateRow {
	background-color:white !important;
}

.dxgvIndentCell {
	background-color:white !important;
}

.DataGrid td {
	line-height:1.5;
	font-size:10pt;
	color:#666666;
	border:0;
}

.GridSummary td {
	line-height:1.5;
	font-size:10pt;
}

.DataGrid .dxgvDataRow td.dxgv {
	border:0;
}

.DataGrid .dxp-comboBox, .GridSummary .dxp-comboBox {
	cursor:pointer;
	border:0 !important;
	border-bottom:1px solid #666666 !important;
}

.DataGrid .dxpLite .dxp-dropDownButton, .dxpLite .dxp-hoverDropDownButton, .GridSummary .dxpLite .dxp-dropDownButton {
	border:0;
	background:none;
}

.DataGrid .dxmLite .dxm-popup, .GridSummary .dxmLite .dxm-popup {
	width:50px !important;
}

.DataGrid .dxm-item, .GridSummary .dxm-item {
	margin: 0;
	text-align: center !important;
	color: #666666;
}

.DataGrid .dxp-comboBox input, .GridSummary .dxp-comboBox input {
	background-color:transparent !important;
	cursor:pointer !important;
}
	
.DataGrid .dxgvHeader td, .GridSummary .dxgvHeader td {
	background-color:var(--color-blue-80);
	color:white;

}

.GridHeader {
	background-color:var(--color-blue-80);
	border-collapse:collapse;
	border:none;
}

#gdvContactList_DXPagerBottom_PSI {
	cursor:pointer;
}

.dxgvSelectedRow {
	background-color:none;
	color:#666666;
}

.DataGridRowSelected:nth-child(even) {
	background-color:#ffffff;
}

.DataGridRowSelected:nth-child(odd) {
	background-color:#eeeeee;
}

.dxgvControl .dxpLite {
	font-size:10pt;
	font-family:"Gotham A", "Gotham B", Segoe UI, Arial, Helvetica, sans-serif !important;
	color:#666666;
}

.dxpLite .dxp-button {
	color:var(--color-blue-80) !important;
}

.dxpLite .dxp-disabledButton {
	color:#acacac !important;
}

.DataGrid .dxgvHeader, .GridSummary .dxgvHeader {
	background-color:var(--color-blue-80);
	border:0;
}



/*document repository*/
#MainContentPlaceHolder_DocumentGrid .TMSGridHeaderLinks:nth-of-type(1), #MainContentPlaceHolder_DocumentGrid .TMSGridHeaderLinks:nth-of-type(2), 
#MainContentPlaceHolder_DocumentGrid .TMSRowStyle td:nth-of-type(1), #MainContentPlaceHolder_DocumentGrid .TMSRowStyle td:nth-of-type(2),
#MainContentPlaceHolder_DocumentGrid .TMSAlternateRowStyle td:nth-of-type(1), #MainContentPlaceHolder_DocumentGrid .TMSAlternateRowStyle td:nth-of-type(2) {
	text-align:left !important;
}

.TMSGridHeaderLinks[scope="col"] {
	text-align:center;
}

.TMSDataGrid a {
	color:black;
	text-decoration:none;
	font-weight:500;
	font-size:10pt;
}

.TMSGridHeader {
	background-color: var(--color-blue-80) !important;
}

#sample {
	width:100%;
	border:0;
	font-size:9pt;
}

#sample td b, #sample td strong {
	color: white !important;
	font-weight: 400;
}

.mainTable tr:nth-child(even), .theme-table tr:nth-child(even), .TMSDataGrid tr:nth-child(even), #sample tr:nth-child(even) {
	background-color:#eeeeee;
}

.mainTable tr:nth-child(odd), .theme-table tr:nth-child(odd), .TMSDataGrid tr:nth-child(odd), #sample tr:nth-child(odd) {
	background-color:#ffffff;
}

.TMSDataGrid td[colspan="7"] {
	background-color:#ffffff !important;
}

.TMSGridHeader a, .TMSGridHeader td {
	font-size:10pt !important;
	color:white !important;
	font-weight:400 !important;
	text-decoration:none;
}

.TMSDataGrid input:hover {
	cursor:pointer;
}

.PageControl {
	background-color: white !important;
}

.PageControl a {
	font-size:10pt;
	font-weight:500;
	color:black !important;
}

.FileIcons {
	background:none;
	border:0;
}

/**********Specific Positional Styling**********/

#WelcomeContainer {
	width:100%;
	margin-bottom:15px;
	text-align:center;
}

#WelcomeContainer div {
	margin: 0 !important;
}

.DataArea {
	margin-right:10px;
}

/**********Sign In Page*********/
#SignInForm .pageContent, #RetrievePasswordForm .pageContent {
	float: none;
	width: 320px;
	margin-left: 45px;
	padding-bottom:0 !important;
}

#RetrievePasswordFieldset .SmallSubHeader {
	margin-top:40px;
}

#ExistingPasswordContainer {
	margin-top:15px;
}

.MidPageText {
	width: 700px;
	display: inline-block;
	color: var(--color-blue-80);
	font-size: 15pt;
}

.MidPageTextContainer {
	clear: both;
	text-align: center;
	padding-top: 20px;
	margin-left: 425px;
}

.sideArch {
	width: 425px;
	background-color: var(--color-blue-80);
	position: fixed;
	top: -100px;
	left: 0;
	border-radius: 0;
	height: 120vh;
	z-index: 0;
	border-top-right-radius: 100%;
	border-bottom-right-radius: 100%;
	overflow: hidden;
	border-right: 5px solid #E6E6E6;
}

/*Chrome css*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	#RetrievePasswordForm .pageContent {
		padding-top:80px !important;
	}
}

#LogonPageLogo img {
	margin-top:30px;
	margin-bottom:50px;
}

.pageContent {
	clear: both;
	width: calc(100% - 50px);
	margin-left: 25px;
	margin-right: 25px;
	float: left;
	padding-bottom: 20px;
	padding-top:0 !important;
	min-height: calc(100vh - 180px);
}

#SignInForm .pageContent {
	min-height:0;
}

.pageContent .centralInputBox select {
	
	-webkit-appearance:none;
	-moz-appearance:none;
	border:0;
	border-bottom:1px solid #666666;
	background-image:url(../Images/CSBlueDropDown.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding:3px;
	color:#666666;
}

.RetrievePWResult {
	font-size: 10pt !important;
	margin: 0 0 15px 0;
	color: RGB(231,231,234);
}

.RetrievePWResult a {
	font-size: 10pt !important;
	color: RGB(231,231,234);
}

.signinbox input {
	width: 270px;
	margin-top: 5px;
}

.LogonButton {
	width: 136px !important;
	float: right;
	margin-top: 0;
	background-color: RGB(231,231,234) !important;
	color: RGB(88,89,91);
}

#SignInForm {
	position: relative;
}

#SignInForm .SmallSubHeader, #SignInForm .TertiaryInfoSecondary, #SignInForm .TertiaryInfo {
	color: RGB(231,231,234) !important;
	text-align: left;
}

#lblPassword {
	margin-top: 6px;
	display: inline-block;
}

.signinbox {
	border: 5px solid transparent;
	padding: 20px 15px 15px 15px;
	margin-bottom: 45px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-top: -50px;
}

.signinbox div {
	display: block;
	margin-bottom: 22px;
}

#LoginFieldSet {
	border: 0;
}

.signinboxheader {
	position: relative;
	font-weight: 400;
	display: block;
	text-align: center;
}

#ForgottenPasswordLink {
	display:inline-block;
	margin-top:7px
}
.PrivacyText {
	margin-top:30px;
	margin-bottom:0;
}

.WarningMsg {
	font-size:9pt;
	font-weight:500;
}

.Msg {
	font-size:9pt;
	color:black;
	margin: 10px 0 10px 0;
}

.WarningMsg:hover, .Msg:hover {
	opacity:.80;
}

#maincol tr[bgcolor=silver] {
	background-color:#eeeeee;
}

@media (max-width: 1200px) {
	#SignInForm .pageContent, #RetrievePasswordForm .pageContent {
		margin-left: 0;
	}

	.sideArch {
		width: 345px;
	}
}

@media (max-device-width: 1000px) and (orientation: landscape) {
	.sideArch {
		top: -45px;
		border-top-right-radius: 45%;
		border-bottom-right-radius: 45%;
	}
}

@media (max-device-width: 667px) and (orientation: portrait) {
	.MidPageTextContainer {
		display:none;
	}

	.sideArch {
		width: 100%;
		border-radius: 0;
		background-color: RGB(231,231,234);
	}

	#LogonPageLogo {
		position: relative;
		z-index: 1;
		margin-left: auto !important;
		margin-right: auto;
	}

	#SignInForm .pageContent {
		margin-top: 85px;
		margin-left: auto;
		margin-right: auto;
	}

	#SignInForm .SmallSubHeader, #SignInForm .TertiaryInfoSecondary, #SignInForm .TertiaryInfo {
		color: RGB(60,87,150) !important;
	}

	.signinbox input {
		border: 2px solid RGB(60,87,150);
	}

	.LogonButton {
		background-color: RGB(60,87,150) !important;
		color: RGB(231,231,234) !important;
	}

	#SignInForm .pageContent, #RetrievePasswordForm .pageContent, #ChangePasswordForm .pageContent, #LogonPageLogo {
		zoom: 250%;
	}

	#FooterContainer {
		zoom:200%
	}
}

/*password page*/
#ChangePasswordFieldset, #RetrievePasswordFieldset {
	border:0;
}

select#TimeZoneSelector, select {
	border:0;
	border-bottom:1px solid #666666;
	color:#666666;
	padding:3px;
	-moz-appearance:none;
	-webkit-appearance:none;
	background-image:url(../Images/CSBlueDropDown.gif);
	background-repeat:no-repeat;
	background-position: right center;
	font-family:"Gotham A", "Gotham B", Segoe UI, Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-right:20px;
	outline:none;
}

#PasswordInformationContainer a {
	color:#666666;
	text-decoration:none;
	font-weight:500;
}

#PasswordInformationContainer a:hover {
	opacity:0.8;
}

#PasswordInformationContainer {
	margin-top:0 !important;
}

#RetrievePasswordFieldset div:nth-of-type(4) {
	margin-bottom:-57px;
}

#ChangePasswordForm .pageContent {
	margin-left:auto;
	margin-right:auto;
	float:none;
	width:320px;
	margin-top:0;
}

#ChangePasswordLabelContainer {
	margin-top:40px;
}

/**********Services Page Specific Styling**********/
.AudienceLabel {
	width:250px;
	height:30px;
	float:left;
}

.AudienceLabel table {
	vertical-align:middle;
}

#ServicesPageContent {
	margin-left:auto;
	margin-right:auto;
	float:none;
	width:900px;
}

#ServicesPageContent td {
	font-size:10pt;
	font-weight:400;
	opacity:0.80;
	padding-top:5px;
	color: var(--color-grey-text-100);
}

#ServicesPageContent .infoBox {
	float:left;
	background-color: var(--color-grey-10);
	border:2px solid var(--color-grey-20);
	margin:10px 20px 20px 0;
	padding: 10px;
}

#ServicesPageContent span {
	float:left;
	font-size:10pt;
	color: #666666;
}

#ServicesPageContent .Msg {
	margin-bottom:10px;
}

.ServiceRowBox {
	margin-top:10px;
	float:left;
	width:880px;
	clear:both;
}

.ServiceButtonsBox {
	float:left;
	width: 620px;
}

/**********Overides on Filters Page**********/
.filterColumn .level1 {
border-bottom: 1px solid #666666 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../Images/CSBlueDropDown.gif) !important;
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: 400 !important;
	cursor: pointer;
	font-size: 9pt;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 3px;
	padding-right: 15px;
	font-size: 9pt;
	margin-top: 10px;
}

.FilterHeader:empty {
	display:none;
}

.FilterHeader {
	color:#666666 !important;
	background-color:#eeeeee;
	font-size:11pt;
	font-weight:400;
	position: relative;
	padding: 2px;
	margin-top: 15px !important;
	width: 200px;
	padding-left: 5px;
}

.filterColumn {
	position: relative;
	margin-right: 20px !important;
	float:none !important;
	display:inline-block;
	vertical-align:top;
}

.tblFilterHeader {
	color:#666666 !important;
	background-color:#eeeeee;
	font-size:11pt;
	font-weight:400;
}

.filterColumn .topLevelSelect {
	border-right:1px solid RGB(128,130,133);
	border-left:1px solid RGB(128,130,133);
	padding: 1px 3px 0 3px;
	COLOR: #666666;
	font-size: 8pt;
	WIDTH: 201px;
}

.filterColumn input.topLevelSelect:hover {
	opacity:0.8;
	cursor:pointer;
}

.filterColumn input {
	padding:3px !important;
}


.filterColumn .levelSelect {
	border:0;
	border-right:1px solid RGB(128,130,133);
	border-left:1px solid RGB(128,130,133);
	border-bottom:1px solid RGB(128,130,133);
	padding: 1px 3px 0 3px;
	WIDTH: 201px;
	FONT-SIZE: 8pt;
	COLOR: #666666;
	position:relative;
	float:left;
	display:block;
	z-index:1;
	background-image:none !important;
}

.levelSelect {
	margin-top: 0 !important;
}

.topLevelSelect {
	margin-top: 0 !important;
}

#divFilter input {
	margin-bottom:0 !important;
	border:1px solid RGB(128,130,133);
	font-size: 9pt;
	font-weight: 400;
	color:#666666;
}

/**********Filter Message**********/
#MainContentPlaceHolder_FilterMessageDiv {
	padding: 20px;
	font-size: 20px;
	z-index: 10;
	width: 400px;
	top: 100px;
	position: relative;
	background-color: #eeeeee;
	border: 2px solid black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:10px auto 150px auto;
}

/**********CS Maintainance manager message styles**********/
.CSMM_Global_HH, .CSMM_Client_HH
{
	color: red;
	font-weight: bold;
	font-size: 9pt;
}

.CSMM_Global_MH, .CSMM_Client_MH
{
	color: red;
	font-weight: bold;
	font-size: 9pt;
}

#ServicesPageContent .CSMM_Client_MH {
	display: inline-block;
	margin-left: 10px;
}

.CSMM_Global_LH, .CSMM_Client_LH, .CSMM_Refresh_H
{
	color: red;
	font-weight: bold;
	font-size: 9pt;
}

.CSMM_Global_HM, .CSMM_Client_HM
{
	color: blue;
	font-weight: bold;
	font-size: 9pt;
}

.CSMM_Global_MM, .CSMM_Client_MM
{
	color: blue;
	font-weight: bold;
	font-size: 9pt;
}

.CSMM_Global_LM, .CSMM_Client_LM, .CSMM_Refresh_M
{
	color: blue;
	font-weight: bold;
	font-size: 9pt;
}

.CSMM_Global_HL, .CSMM_Client_HL
{
	color: black;
	font-size: 9pt;
}

.CSMM_Global_ML, .CSMM_Client_ML
{
	color: black;
	font-size: 9pt;
}

#SignInForm .CSMM_Global_ML
{
	color: white;
	font-size: 9pt;
}

#ServicesPageContent .CSMM_Global_ML{
	color: red;
	font-size: 9pt;
}

.CSMM_Global_LL, .CSMM_Client_LL, .CSMM_Refresh_L
{
	color: black;
	font-size: 9pt;
}

#CSMMContainer
{
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
}

/*Invalid Data Site*/
.mgmtreports, .dgdItem, .dgdAlternateItem {
	border:0 !important;
}

.dgdHeader {
	background-color:var(--color-blue-80) !important;
}

.dgdHeader a {
	text-decoration:none;
	font-weight:500;
}

.dgdItem a, .dgdAlternateItem a {
	text-decoration:none;
	color:#666666;
	font-weight:500;
}

.dgdItem a:hover, .dgdAlternateItem a:hover {
	opacity:0.8;
}

/*error pages*/
#MessageBox {
	border: 5px solid var(--color-blue-80) !important;
	padding: 20px 15px 15px 15px !important;
	margin-bottom: 45px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: white;
}

#MessageBox .BodyText {
	margin-top:50px;
}

#PageContentContainer {
	padding-bottom:150px !important;
}


/**********Analyitcs Standard Styles**********/
/*remove initial drop down arrow from ie*/
.AjaxFilter select::-ms-expand, #IndexUpdatePanel select::-ms-expand, .menuStyle span::-ms-expand {
	display:none;
}

/**********Analytics**********/
#DivLeft {
	position: relative;
	float: left;
	width:200px;
	padding-left: 15px;
}

#DivMiddle {
	position: relative;
	float: left;
	top: 0;
	margin-left: 25px;
	width: calc(100% - 490px);
}

#DivBottom {
	position: relative;
	float: left;
	top: 20px;
	width: calc(100% - 490px);
	height: 1%;
	padding-top: 15px;
	margin-left: 25px;
	padding-bottom: 10px;
}

.HorizontalLine {
	height: 1px;
	margin-bottom: 10px;
	border: 0;
	background-color: RGB(167,169,172);
	margin-top:25px;
}

#DivMiddle font {
	font-size:9pt;
}

.lblCount, .lblTotalCount {
	font-size:10pt;
	vertical-align:middle;
	margin-left:20%;
}

#DivBottom a img:hover {
	opacity:0.8;
}

fieldset.Framebox + * {
	display: block;
	clear: both;
}

/*text styles*/ 
b, strong {
	font-weight:500 !important;
}

.heading1 {
	font-size:16pt;
	font-weight:400;
	margin-bottom:10px;
	display:block;
}

.catmain {
	background-repeat:no-repeat;
	background-position:top left !important;
	padding-left:20px;
	cursor:pointer;
	background-image: url('../../Global/images/Close.gif');
}

.subheading {
	display:none;
	margin-left:15px;
}

.subheading a {
	font-size:10pt !important;
}

.subheading a:hover {
	opacity:0.8;
}

.title a {
	text-decoration: none;
	font-size: 9pt;
	color: #666666;
	display: block;
}

.body, .footerlink, .footer {
	font-size: 8.75pt;
}

.bodyTitle {
	font-size: 10pt;
	font-weight: 500;
	color: black;
}

.pagetitle {
	font-size: 16pt;
	font-weight: 400;
	margin-bottom: 10px;
}

.lblDPCount {
	font-size: 9pt;
}

.mainText{
	font-size:9pt;
}

/**********Table Style**********/
table.MainText {
	border:0;
	border-collapse:collapse;
}

/**********Left Nav**********/
#DivLeftNavBar {
	background-color: #eeeeee;
	padding: 7px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#LeftNavPane {
	position:relative;
	float: left;
	top: 54px;
	padding-right: 20px;
}

.LeftNavHeading {
	font-weight:500;
	color:black;
	font-size:10pt;
}

.LeftNavMenuTitle {
	background-position: 0% 40% !important;
	border-bottom: 1px solid #666666;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 1px;
	padding-left: 1px;
	FONT-SIZE: 9pt;
	CURSOR: pointer;
	COLOR: #666666;
	POSITION: relative;
	padding-left: 15px;
	background-image: url('../../Global/images/Close.gif');
	background-repeat: no-repeat;
	background-color: #eeeeee;
	border-radius: 0;
	margin-top: 2px;
}

/**********Specific styling for the AJAX filter control**********/
#AJAXFilterUpdatePanel {
	left: -20px !important;
	width:97.6% !important;
	margin:15px;
}

#AJAXFilterDiv {
	max-width:100% !important;
	background-color:#eeeeee;
	border:0 !important;
}

.ToggleFilters {
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	font-size:9pt ;
	color:#666666 !important;
	text-decoration:none;
}

.lblDateRange {
	font-size:9pt;
}

.AjaxFilter select {
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	color:#666666 !important;
	border:0;
	background-color:#eeeeee;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image:url(../../Global/Images/CSBlueDropDown.gif) !important;
	background-repeat:no-repeat;
	background-position:right bottom;
	height:auto !important;
	min-width:195px !important;
	border-bottom:1px solid #666666;
	border-radius:0;
	padding-right:15px !important;
	font-weight:300 !important;
}

.FilterSearchBox {
	border:1px solid #666666;
	margin:-5px 5px 0 5px !important;
	padding:3px !important;
	color:#666666;
}

.AjaxFilter option {
	color:#666666 !important;
	border:0 !important;
	padding:1px 3px 1px 3px;
}

#FilterSelectionDiv {
	max-width:none !important;
	height:auto !important;
}

.btnApplyFilter {
	-webkit-appearance:none;
	border:0 !important;
	background-color:var(--color-blue-80) !important;
	margin: 0 2px 10px 2px !important;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
}

.btnApplyFilter:hover {
	/*background-color:#384c93;*/
	opacity:.80;
	cursor:pointer;
}

.footer {
	font-size:8.75pt;
}

/*when buttons for ajax filters are not able to be clicked, when hovering dont change colour or cursor*/
#AJAXFilterDiv .aspNetDisabled:hover {
	opacity:1;
	cursor:default;
}

/**********Specific styling for left nav on analytics**********/
.NavSubHead {
	background-color: #eeeeee;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	font-size:10pt;
	font-weight:500;
	color:black;
	padding:3px;
}


div.NavSubHead {
	padding-top: 10px;
	background-color:white;
	padding-left:0;
	margin-left:-2px;
}

#BarBox {
	background-color: #eeeeee;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 9pt;
	color: rgb(88,89,91);
	padding: 7px;
	padding-bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	white-space:pre-line;
}

#BarBox_image {
	margin-right:5px;
	vertical-align:-25%;
}

#BarBox_selection {
	line-height:200%;
}

.ChartImage {
	margin-top:15px;
}

.MainText, .lblChartQuestion {
	text-decoration: none;
	font-size: 9pt;
	color: #666666;
	display: block;
	margin-bottom: 10px;
}

.lblChartQuestion {
	margin-top:10px;
}

.MainText u {
	text-decoration:none;
}

#IndexUpdatePanel {
	padding-right:0 !important;
}

#IndexUpdatePanel select {
	border: 0;
	border-bottom: 1px solid #666666;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #666666;
	font-family: "Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	font-size: 10pt;
	font-weight: 400;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../../Global/Images/CSBlueDropDown.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 5px;
	width: 100%;
	padding-left: 3px;
}

#IndexUpdatePanel option {
	font-size:9pt;
	padding:3px;
	background-color:#eeeeee;
}

#IndexUpdatePanel input {
	border:0 !important;
	width:calc(100% - 5px);
	color:#666666;
	font-size:10pt !important;
	padding:2px 2px 2px 5px !important;
}

.PageIndexIndex {
	width:100% !important;
	margin-top:-10px;
	margin-bottom:0 !important;
}

.PageIndexIndex div table td {
	border:0 !important;
}

.PageIndexIndex table td {
	background-color:white !important;
	border-bottom:1px solid #666666;
	vertical-align: top;
}

.indexGroupNode {
	border-bottom:1px solid #666666;
	font-weight:400;
	color:#666666 !important;
}

.indexGroupNode a {
	font-size:9pt !important;
}

.indexNode {
	border:0 !important;
	color:#666666;
}

.title {
	padding:3px;
}

/**********verbatim comment boxes**********/
.Framebox {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid silver;
	padding: 5px;
	width: 480px;
	display: inline-block;
	margin-bottom: 25px;
	float:left;
}

.Framebox legend {
	color:black;
	font-size:9pt;
	padding:0 7px 0 7px;
}

.Framebox legend b {
	font-weight:500;
}
		
.Frametext td {
	color:#666666;
	font-size:9pt;
}

.Framebox input {
	margin-right:5px;
	margin-left:5px;
	vertical-align: -10%;
}

.greencolorheading {
	color:black;
	font-size: 10pt;
	font-weight: 500;
}

.Hyperlink a:hover {
	color:gray;
}

/**********Analytics filters page**********/
.levelTable {
	width:100%;
	border-bottom:1px solid #666666;
	font-size:9pt;
}

#divFilter {
	position: relative;
	margin-top: 20px;
}

#divFilter .level1 {
	width:183px;
}

.levelTable tbody tr td:last-of-type {
	background-color:white !important;
}

.subSpan {
	z-index: 1;
	width: 201px;
	border:0;
	float:left;
	position:relative;
	display:block;
}

.levelSpan {
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	VISIBILITY: hidden;
	WIDTH: 201px;
	z-index: 1;
	float:left;
}

.levelSelect {
	border-top:0 !important;
	border:1px solid RGB(128,130,133);
	margin-top:-7px;
}

.topLevelSelect {
	border:1px solid RGB(128,130,133);
	margin-top:-7px;
	background-image: none !important;
}

input.topLevelSelect {
	padding:0;
}

.topLevelSelect option, .levelSelect option {
	font-size:8pt;
	color:#666666;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	padding: 1px 3px 0 5px;
}

input.topLevelSelect:hover {
	opacity:0.8;
	cursor:pointer;
}

/**********One Page Dashboard Styling**********/
.MainTextDashboard {
	COLOR: #000000;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
	font-size: 8pt;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	margin-top:20px;
	position:relative;
	float:left;
	clear:both;
	width:100%;
}

#sample tr:first-of-type, thead#CommentTableHead td {
	background-color: var(--color-blue-80) !important;
	color: white !important;
}

/**********Right click menu**********/
.menuContainer .Printimage {
	background-image:url(../Images/PrintHS.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 16px;
	height: 16px;
	position: absolute;
	margin-left:4px;
}

.submenu {
	padding-left: 12px;
	FONT-SIZE: 7.5pt;
	display: none;
	CURSOR: pointer;
	POSITION: relative;
	background-color:#eeeeee;
	-moz-border-radius: 0;
	-webkit-border-radius:0;
	border-radius:0;
}

.leftPane {
	width: 15%;
	float: left;
	position: relative;
}

.rightPane {
	width: 85%;
	float: right;
	position: relative;
	border-left: 1pt solid #eeeeee;
	margin: -2px 0 -2px 0;
	padding: 0;
	background-color: #eeeeee;
}

.menuContainer {
	BORDER: #eeeeee 1px solid;
	POSITION: absolute;
	PADDING: 2px;
	BACKGROUND-COLOR: #eeeeee;
	WIDTH: 160px;
	DISPLAY: none;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	COLOR: #666666;
	FONT-SIZE: 10px;
	TOP: 200px;
	LEFT: 100px;
	padding-bottom: 2px;
	Z-INDEX: 100;
}

.menuContainer div div {
	color: #666666;
	font-family:"Gotham A", "Gotham B", Segoe UI,Arial,Helvetica, sans-serif !important;
	font-size: 8pt;
	font-weight: normal;
}

.menuStyle {
	PADDING: 5px;
	BACKGROUND-COLOR: #eeeeee;
	CURSOR: pointer;
	color: #666666;
}

.CYOption ul, .FYOption ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 15px;
}

.navlist li {
	width: 130px;
	color:#666666;
	font-size:8pt;
	margin-left:0;
}

.CYOption ul ul li a, .FYOption ul ul li a {
	display: block;
	overflow: auto;
	padding: 4px;
	position: relative;
	left: 4px;
	z-index: 1;
	BACKGROUND-COLOR: #eeeeee;
	border-radius:5px;
	margin-left:-3px;
}

.anylinkcss {
	position: relative;
	text-decoration: none;
	z-index: 1;
	display: none;
}

#ulOption, #ulOptions {
	position: relative;
	top: -32px;
	left: 134px;
	height: 100%;
	background-color: #eeeeee;
	border-radius:5px;
}

.menuStyle:hover, .CYOption ul ul li a:hover, .FYOption ul ul li a:hover {
	background-color:RGB(158,185,210);
}

.menuStyle span {
	-moz-appearance:none;
	-webkit-appearance:none;
	background-image:url(../../Global/Images/close.gif);
	background-repeat:no-repeat;
	background-position:20% center;
	color:transparent;
}

/*link styles*/
.theme-table a {
	color:var(--color-blue-80);
}

.Hyperlink a {
	color:var(--color-blue-80);
	font-weight: 400;
	margin-left: 5px;
}

#DivBottom tr:nth-of-type(3) td {		
	width: auto;		
}	
	
#DivBottom tr:nth-of-type(2) td:nth-of-type(3) {		
	width:10px;		
}


/*****Styling for Related Page Links ( "You may be interested in" ) feature*****/
.RelatedPagesPanel /*Default for these panels*/
{
	padding: 15px 0px 0px 0px;
}

fieldset.Framebox ~ #RelatedPagesPanel1 /*Panel 1, usually used for "Grouped verbatim comments", to be displayed alongside the Verbatim comments box. Applied when this fieldset appears on the page, with this panel following it. */
{
	display:inline-block;
	padding: 0px 0px 0px 20px;
}

#RelatedPagesPanel2 /*Panel 2, usually used for "You may be interested in", to be displayed at the bottom of the page. This style is applied by the codebehind. */
{
	clear:both;
}

.RelatedPagesHeading
{
	font-size:10pt;
	color:black;           
}

.RelatedPagesContent
{
	font-size:9pt;
	padding-left:19px;
}

.RelatedPageLinksText
{
	padding: 0px 10px 0px 13px;
}

.RelatedPageHyperlink
{
	color: var(--color-blue-80);
	font-weight: 400;
	text-decoration:none;
}

.RelatedPageHyperlink:hover{
	color:grey;
}

.RelatedPageLinks
{
	background-size:contain !important;
	width:15px;
	height:15px;
	display:inline-block;
	margin:0px 10px 0px 5px;
}

.RelatedPageLinks:hover{
	opacity: 0.8;
}
   
.IconComment
{
	background:url(../Images/text_20x20.png) no-repeat;
}

.IconCoded {
	background: url(../Images/chart_21x20.png) no-repeat;
	display: inline-block !important;
}

/*Responsive layout for the first two Related Links panels*/
@media (max-width:1024px){
	#RelatedPagesPanel1{
		display: block;
		padding: 30px 0px 0px 0px !important;
	}

	#RelatedPagesPanel2{
		padding: 15px 0px 0px 0px !important;
	}
}

/*responsive left nav*/
@media (max-width:1254px) {
	.CrossTabOrClickThroughButton {
		display: inline-block !important;
	}

	.titleForCheckBox {
		color:#666666;
	}

	#DivLeft {
		border: 1px solid rgb(217,217,217);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #eeeeee;
		-webkit-appearance: none;
		background-image: url("/clientlogon/Images/MenuExpandArrow.png");
		background-repeat: no-repeat;
		background-position: right;
		color: transparent;
		left: -300px;
		width: 300px;
		top: auto;
		bottom: auto;
		position: absolute;
		height: calc(100% - 150px);
		z-index: 100;
	}

	#DivLeft .NavSubHead, #DivLeft #IndexUpdatePanel select, #DivLeft .LeftNavMenuTitle, .PageIndexIndex table td, #ddlOrderType, #ddlPresentationStyle, #dpdCrossTabOrClickThough {
		background-color: #eeeeee !important;
		border: 0;
		background-image: none;
	}

	#DivLeft div {
		display:none;
	}

		#DivLeft:hover {
			color: black;
			background-color: rgb(239,239,239);
			background-image: none;
			width: 200px;
			left: 0px;
			position: absolute;
			height:auto;
			min-height: calc(100% - 150px);
			display: block;
			z-index: 100;
			padding-right:15px;
		}

		#DivLeft:hover #IndexUpdatePanel input {
			border:1px solid #666666 !important;
		}

		#DivLeft:hover #IndexUpdatePanel select, #ddlOrderType, #ddlPresentationStyle, #dpdCrossTabOrClickThough {
			border-bottom: 1px solid #666666;
			background-image: url(../../Global/Images/CSBlueDropDown.gif);
		}

		#DivLeft:hover .LeftNavMenuTitle {
			background-image: url('../../Global/images/Close.gif');
		}

		#DivLeft:hover div {
			display:inherit;
		}

	#DivLeft:hover div.submenu {
			display: none;
	}

	#DivMiddle, #DivBottom {
		position: relative;
		width: calc(100% - 40px) !important;
	}
}

/*F2F global styles*/
#SurveyNavControl_SubmitForApprovalCommand {
	width:auto !important;
}

form[action="Survey.aspx"] #PageContentContainer {
	padding-bottom: 0px !important;
}

.sResponseText {
	padding-left: 10px;
}

.sQHeading {
	background-color:var(--color-blue-80) !important;
	font-weight:400;
}

.sShellText, .sQuestionText, .sResponseText {
	font-size:12px !important;
	padding-top:3px;
}

.sShellText {
	font-weight:500;
}

.sShellText:empty {
	display:none;
}

.sPageText {
	color: black;
	font-weight: 500;
	padding-top:10px;
	padding-bottom:0;
}

.sTableQuestions {
	margin-left:0 !important;
	width:100% !important;
	font-family:"Gotham A", "Gotham B", Segoe UI, Arial, Helvetica, sans-serif !important;
	margin-top:15px;
}

.sTableQuestions td {
	border: 1px solid #eeeeee;
}

#ReviewPageHeader {
	padding:10px;
}

/*Analytics Right Nav*/
/*#DivRight {
	float:right;
	max-width:220px;
}

#DivRightMenu {
	float: right;
	width: 0;
	overflow-x: hidden;
}

.divToggleRightNav {
	float: right;
	padding-right: 15px;
	cursor:pointer;
}

.bar1, .bar2, .bar3 {
	width: 20px;
	height: 5px;
	background-color: #333;
	margin: 6px 0;
	transition: 0.4s;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-8px, 6px);
	transform: rotate(-45deg) translate(-8px, 6px);
}

.change .bar2 {
	opacity: 0;
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-9px, -8px);
	transform: rotate(45deg) translate(-9px, -8px);
}*/

#DivRight {
	position: relative;
	float: right;
	width: 200px;
	padding-right: 15px;
}

/*Responsive Right Nav*/
@media (max-width:1280px) {
	#DivRight {
		display: none;
	}

	#DivMiddle {
		width: calc(100% - 250px);
	}
}

/*Analytics Text Styles*/
.hyperLink {
	color: var(--color-blue-80);
	margin-left: 5px;
	text-decoration: none;
	display: table;
	margin-top: 2px;
	font-size: 10pt;
}

.hyperLinkWithMarginBottom {
	color: var(--color-blue-80);
	margin-left: 5px;
	text-decoration: none;
	display: table;
	margin-top: 2px;
	margin-bottom: 15px;
	font-size: 10pt;
}

.heading1Bold {
	font-size: 16pt;
	font-weight: 500;
	margin-bottom: 10px;
	display:block;
}

.heading1ExtraSpace {
	font-size: 16pt;
	font-weight: 400;
	margin-bottom: 18px;
	display: block;
}

.MainTextBold {
	text-decoration: none;
	font-size: 9pt;
	color: #666666;
	display: block;
	font-weight:500;
}

.blackHeading {
	color: black;
	font-size: 10pt;
	font-weight: 500;
	display:block;
}

/*******Tag Cloud*********/
.TagCategoryHeader {
	font-size: 10pt;
	font-weight: 500;
	text-decoration: none;
	background-color: transparent;
	border: none;
	font-family: "Gotham A", "Gotham B", Segoe UI, Arial, Helvetica, sans-serif !important;
}

.TagCategoryHeader:hover {
	opacity:0.8;
	cursor:pointer;
}

.TagCategoryPanel {
	display: inline-block;
	margin: 16px 5px 5px 0;
	margin-right: 15px;
}

.MessageLabel {
	display: inline-block;
	margin: 5px;
	color: green;
}

.TagCloudInfoLabel {
	display: block;
	margin-top: 10px;
	font-size: 10pt;
}

.tagsByCategoryCloud td, #tagCategoryCloud td, #tagCloud td, .tagCategoryCloud td, .tagCloud td {
	padding-left: 0 !important;
}

.tagsByCategoryCloud td {
	padding-right: 0 !important;
}

.InfoLabel {
	font-size: 8pt;
	padding: 2px 0px 0px 0px;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}

/********Analytics Designer**********/
body.dxheDesignViewArea_Material.dxheViewArea_Material.dxhe-docTypeXHTML.dxheDesignViewArea li,
body.dxhePreviewArea_Material.dxheViewArea_Material.dxhePreviewArea li {
	color: #666666;
	list-style-type: disc;
	cursor: text;
}

body.dxheDesignViewArea_Material.dxheViewArea_Material.dxhe-docTypeXHTML.dxheDesignViewArea ul,
body.dxhePreviewArea_Material.dxheViewArea_Material.dxhePreviewArea ul {
	padding-left: 40px;
	margin: 0 0 11px 0;
}

.CommentTagGrid {
	width: 100%;
}

#SurveyNavControl_PrintButton{
	display: none;
}