/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: center;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

@media print, screen {
	
	.introtext {
		font-size: 1.1em;
	}
	
	.fvcservice {
		border: none;
		text-align: center;
	}
	
	
	.ui-jqgrid .ui-jqgrid-bdiv {
		  overflow-x:hidden; 
		  overflow-y:auto; 
		}
	
	.page_break {
			page-break-after: always;
		}
	
	.sectiontitlepdf {
		font-weight: 500; 
		text-align: center; 
		padding-bottom: 1em; 
		display: block;
		font-family:  Arial, "Open Sans";
	}
	
	.sectiontitlepdf h1 {
		font-size: 2em;
	}
	
	.sectiontitlepdf h2 {
		font-size: 1.5em;
	}
	
	.sectiontitlepdf h3 {
		font-size: 1.5em;
		text-align: left;
	}
	
	.mainsectiontitlepdf h3 {
		font-size: 22.8px !important;
		padding: 0.5em;
		font-family: Arial, 'Open Sans';
	}
	
	.disclaimertitlepdf h3 {
		font-size: 22.8px;
	}
	
	.footertitlepdf h3 {
		font-size: 22.8px;
	}
	
}

.reportfigureheader {
	font-size: 1.3em !important;
}

.disclaimerbox {
	width: 100%; 
	background: #01587C; 
	height: 100%; 
	color: #FFF; 
	padding-top: 5em;	
}

.disclaimerboxpdf {
	width: 100%; 
	background: #EEEEEE; 
	height: 100%; 
	
	padding-top: 5em;
	margin-bottom: 6em;	
}

.footerbox {
	padding: 2em;
}

.footerboxpdf {
	width: 100%; 
	background: #EEEEEE; 
	height: 100%; 
	
	padding-top: 5em;
	margin-bottom: 14em;	
}

.showProductFilterHelpIconContainer {
	position: relative; 
	float: right; 
	margin-top: -2.2em;
}

.showProductFilterHelpIcon {
	color: #01587C; 
	cursor: pointer; 
	vertical-align: middle;
}

.showProductTypeHelpIcon {
	color: #01587C; 
	cursor: pointer; 
	vertical-align: middle;
	margin: 0 0 -1px 0;
}

.checkboxescontainer {
	margin-top: 0.35em;
}

.addmessage {
	padding: 0.5em; 
	color: #01587C;
}

.saveFilterSelectionButton {
	position: absolute; 
	right: 0.25em; 
	margin-right: 1em;
}

.filterSelectionName {
	margin-left: 1em; 
	margin-right: 0.5em; 
	padding: 0.6em;
}

.addSelectionFilterContainer {
	display: none; 
	height: 5em; 
	margin-bottom: 2.3em;
}

.savedSelections {
	padding: 0.3em; 
	width: 165px; 
	vertical-align: middle;
}

.selectadd {
	color: red;
}

.presetfiltercontainer {
	/* border: 1px solid #00A6EB; */
	border-right: 4px solid #F6F6F6;
	border-bottom: 4px solid #F6F6F6;
	border-left: 4px solid #F6F6F6;
	border-top: 4px solid #F6F6F6;
	margin-bottom: 0.4em;
}

.savedselectionscontainerheight {
	line-height: 3.5em;
}

.customdeletesaved {
	color: #01587C; 
	cursor: pointer; 
	margin-right: 0.5em; 
	margin-left: 0.5em; 
	vertical-align: middle;
}

.customaddnew {
	color: #01587C; 
	cursor: pointer; 
	margin-right: 0.5em; 
	margin-left: 0.5em; 
	vertical-align: middle;
}

/*
.savedselectionscontainer {
	margin: 1em 0;
}
*/


.savedselectionscontainer {
	margin: 1em 0 0.35em 0; 
	width: 280px;
}

.bigaccordionheader {
	line-height: 2em;
}

.cbheader {
	font-size: 2em;
	text-decoration: none;
	font-weight: 700;
	vertical-align: middle;
}

.cbheader:hover {
	color: #fff !important;
}

.arrow-on-left:before {
	right: auto;
}

.gridalignmiddle {
	vertical-align: middle;
}

/*
 .reportoldversionlink {
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 30px;
}
*/

/*
.reportoldversionlink {
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 120px;
	margin-top: -90px;
}
*/

.reportoldversionlink {
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 120px;
	/*
margin-top: -90px;
*/
margin-top: -35px;
}

/*
.reportextramessage {
	font-size: 1.5em;
	border: 1px solid red;
	text-align: center;
	margin-bottom: 20px;
	padding: 5px 0px 5px 0px;
}
*/

/*
.reportextramessage {
	font-size: 1.5em;
	border: 1px solid red;
	text-align: center;
	margin-top: -2em;
	margin-bottom: 5em;
	padding: 0.5em;
}
*/

.reportextramessage {
	font-size: 1.5em;
	border: 1px solid red;
	text-align: center;
	/*margin-bottom: 20px;*/
	/*padding: 5px 0px 5px 0px;*/
	/*margin-right: 10em;*/
	/*
margin-top: 0em;
*/
	margin-top: -3em;
	margin-bottom: 5em;
	padding: 0.5em;
}

.quickstartimageborder {
	border: 0.25em solid #F6F6F6;
	padding: 5px;
}

.quickstartcentered {
	text-align: center;
}

.headerpdfcontainer {
	height: 90px; 
	
	margin: auto;
}

.formsubmitmessagecontainer {
	margin-top: 1.5em;
}

.formsubmitmessage {
	font-size: 1.3em;
}

.contactmessagefield {
	width: 100%;
}

.contactfieldbig {
	width: 66%; 
}

.contactfieldbig input {
	width: 100%; 
}

.contactfield {
	width: 33%;
}

.contactfield input{
	width: 100%;
}

.reportlink {
	color: #000;
	}
	
.productselectionreporttext {
	font-size: 1.2em;
}

.selectionpdfheadertext, .makereportpdfheadertext {
	position: absolute;
	left: 20%;
	top: 0;
	text-align: center;
	color: #01587C;
	font-size: 2em;
	font-weight: bold;
	line-height: 90px;
}

.downloadproductselectionreportpdf {
	float: right; 
	font-size: 0.8em; 
	line-height: 40px;
	font-size: 2em !important;
	letter-spacing: -1px;
	margin: 0 0.25em 0 0.15em;
}

.downloadproductselectionreportpdf img {
	vertical-align: middle; 
	margin-bottom: 5px;
}

.productselectiontable {
	width: 100%;
}

.productselectiontable th {
	background: #01587C;
	color: #fff;
	font-weight: bold;
	padding: 5px 2px;
	font-size: 1.1em;
	border-color: #ddd;
    border-style: solid;
    border-width: 1px;
}

.productselectiontable td {
	padding: 0 5px;
	text-align: center;
	border-color: #ddd;
    border-style: solid;
    border-width: 1px;
}

.tableheader {
	background: #01587C;
	color: #fff;
}

.customfiguretable {
	color: #000 !important;	
}

.customfiguretable th {
	background: #01587C;
	color: #fff;
}

.figureheader {
	background: #01587C;
	padding: 5px;
	color: #fff;
}

#cookie-disclaimer-wrapper {
	background-color: #000000;
}

#cookie-disclaimer {
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
}

.arrowless-smallbutton:before {
	content: none;
}

.arrowless-smallbutton {
	padding: 0.3em 1em 0.3em 1em !important;
}

.reportsection {
	border: 2px solid #ccc;
}

.sectionheader {
	font-size: 1.2em;
}

.shortenbreak {
	margin: 0em 8em 0em 0em !important;
}

.guidesheader {
	font-size: 1.35em;	
}

.guidestable {
	margin: 0 0 3em 0; 
	text-align: left;
	width: 95%;
}

.guidestable td {
	/*vertical-align: middle;*/
	vertical-align: top;
	/*
	padding-left: 0.2em;
		padding: 0.5em 2em;
	*/
	padding: 0.5em 2em 2.5em 0;
}

.helpheader {
	font-size: 1.35em;	
}

.helptable {
	margin: 0 0 3em 0; 
	text-align: left;
	width: 95%;	
}

.helptable td {
	/*vertical-align: middle;*/
	vertical-align: top;
	/*padding-left: 0.2em;
	padding: 0.5em 2em;*/
	padding: 0.5em 2em 2.5em 0;
}

.admintable {
	margin: 0 0 3em 0; 
	text-align: left;
	border: 2px solid #ccc;
}

.admintable td {
	margin: 0 0 3em 0; 
	text-align: left;
	border: 2px solid #ccc;

}

.buttondisabled {
	background: #ccc;
}

.complianceselectionreportmessage {
	font-size: 1.2em;
	padding-top: 1.3em;
	font-weight: bold;
}

.complianceselectionreportbuttondisabled {
	background: #ccc !important;
}

.loggedinastext {
	/*positon: relative; */
	position: relative; 
	float: right; 
	right: 15em;
	color: #fff; 
	font-style: italic;
}

.loggedinastext a {
	text-decoration: none;
}

.logoutbutton {
	padding: 0;
	width: 7em;
	border: 0;
}

.unsubscribeupdatecontent {
	font-size: 1.2em; 
	padding: 2em 0 6em 0;
}

.unsubscribecontent {
	font-size: 1.2em; 
	padding: 2em 0 0 0;
}

.accountupdatecontent {
	font-size: 1.2em; 
	padding: 2em 0 6em 0;
}

.accounttable td {
	padding: 0.3em;
}

.accountbuttonspacer {
	padding-top: 1em;
}

.flatbutton {
	border: 0;
}

.loginalert h2{
	color: red;
	text-align: center;
	margin-top: 2em;
	margin-bottom: -2.75em;
}

.newuserform {
	
}

.newuserform td {
	padding: 0.3em;
}

.termsandconditionsdisagree {
	min-height: 18em;
}

.termsandconditionscontent {
	font-size: 1.1em;
}

.selectionreason {
	font-size: 16px !important;
	font-family: "Open Sans",​sans-serif !important;
}

.checkboxcentre td input[type="checkbox"] {
	margin-top: 3.7em;
}

#productselectiongrid1 .jqgrow {
	cursor: pointer;
}

#productreportgrid1 .jqgrow {
	cursor: pointer;
}

#productreportgrid2 .jqgrow {
	cursor: pointer;
}

.backToProductFilterButton {
	margin-top: 2em;
	margin-bottom: 10em;
}

.reportname {
	width: 250px;
}

.productselectioncontainer {
	border: 0.5em solid #01587C;
	padding: 1em;
	margin-top: 1em;
}

.productselection {
	margin-top: 3em;
}

.productselection textarea{
	height: 90px;
}

.productselection th {
	width: 33%; 
	font-size: 1.2em;
	text-align: left;
	font-weight: 400;
}

.productselection td {
	vertical-align: middle;
	padding-right: 1em;
}

i {
    font-style: italic;
}

b {
    font-weight: bold;
}

/*
.contactdetails {
	position: absolute; 
	left: 40%; 
	top: 0.5em; 
	width: 60%; 
	font-size: 1.2em;
}
*/



.contactdetails table {
	margin-bottom: 2em; 
	height: 100%;
}

.contactdetailsheader {
	position: relative; 
	left: 0; 
	width: 40%;
}

/*
.providerdetailsheader2{
	position: absolute; 
	left: 50%; 
	width: 50%;
}

.providerdetailsheader{
	position: absolute; 
	width: 50%;
}
*/

.providerdetailsheader2{
	position: absolute; 
	left: 35%; 
	width: 35%;
}

.providerdetailsheader{
	position: absolute; 
	width: 35%;
}

.postgridspacerone {
	margin-top: 2em; 
}

.postgridspacer {
	margin-top: 2em; 
	margin-bottom: -5em !important;
}

.pagecontent {
	margin-top: 2em;
}

.buttongrey {
	background: #f0f0f0 !important; 
	color: #000 !important;
}

.buttonmedium {
		padding: 0.8em 3.25em 0.8em 1.75em !important;
	}
	
.buttonmedium icon {
		border: 2px solid #000;
		padding-top: 2em;
	}
	
.buttonmedium:before {
					bottom: 1.20em;
				}


.buttonsmall {
		padding: 0.5em 3.25em 0.5em 1.75em !important;
	}
	
.buttonsmall icon {
		border: 2px solid #000;
		padding-top: 2em;
	}
	
.buttonsmall:before {
					bottom: 0.9em;
				}

.vadjustinfo img{
	vertical-align: middle !important;
}

.scoretext {
	font-size: 1.5em; 
	font-weight: bold !important;
}

/*
.clearall {
	float: right;
	font-size: 0.6em;
	letter-spacing: 0.3px;
	margin-top: -0.4em;
	margin-right: -1.8em;
	
	font-weight: bold;
	cursor: pointer;
	padding: 0.5em;
	background: #F6F6F6;
}
*/



.cattitle {
	font-size: 1.1em !important;
	font-weight: bold;
	
	/* added for site theming */
	background: #01587C;
}

.customcattitle {
	cursor: context-menu !important;
	font-weight: bold !important; 
	letter-spacing: 0 !important;	
	margin-bottom: 0 !important;
}

.categoryselections {
	height: auto;
	/*
	height: 4em;
	
line-height: 4em;
*/
	text-align: center;
	padding: 1em 0.5em;
}

.ui-accordion-header-icon {
	float: right;
	margin-top: 0.2em;
}


.numresultsfoundmessage {
	font-size: 1.8em !important; 
	letter-spacing: -1px !important; 
	color: #373737 !important; 
	/*
font-weight: 300 !important;
*/
	margin-bottom: 0.5em;
}


/*
.numresultsfoundmessage {
	font-size: 1.75em; 
	letter-spacing: -1px; 
	color: #373737;
    font-weight: 300;
}
*/

/* Report archive */

#reportarchivegrid .jqgrow {
	cursor: pointer;
}

/* Product providers */

#providergrid .jqgrow {
	cursor: pointer;
}

#quarterlygrid .jqgrow {
	cursor: pointer;
}

#providerproductgrid .jqgrow {
	cursor: pointer;
}

/* Market performance */

.bestindex {
	color: blue;
}

.worstindex {
	color: red;
}

/* UKSPA */

#ukspagrid .jqgrow {
	cursor: pointer;
}

#checkboxes label {
	margin-left: 0.2em;
}

.sideboxes p {
	color: rgba(255, 255, 255, 1);
}

.sideboxes h2 {
	font-weight: 400;
}

.gridtextpadding {
	padding-left: 1em !important;
}

.ukspagrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}

/* Usage */

/*
#userhistorygrid .jqgrow {
	cursor: pointer;
}
*/

.userhistorygrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}


.performancegrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}

.providerproductgrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}

.providergrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}

.quarterlygrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}


.fundgrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}
.userreportsgrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}

.reportarchivegrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}



.homepagegridcontainer {
	margin-top: -5em;
	margin-bottom: 1.5em;
}

.homepagegrid .jqgrow {
	cursor: pointer;
}

.homepagegrid td {
	padding-left: 1em !important;
	font-size: 1.3em;
	/*
font-weight: bold !important;
*/
}

.homepagegrid .ui-row-ltr {
	height: 30px;
	padding: 1em 0 0 3em !important;
}

.ui-row-ltr {		
	height: 100px;		
}
			
.tooltip {
	position:absolute;
	  z-index: 1;
    top: -100px;
    right: 105%;
	font-size: 1em;
/*
	z-index: 2000;
	left:-2000px;
*/	background-color:rgba(255,255,255,1);
	padding:5px;
	/*border:7px solid #005980;*/
	border:7px solid #01587C;
	width:400px;
	/*height: 200px;*/
}


.catcontainer {
	/* border: 1px solid #00A6EB; */
	border-right: 4px solid #F6F6F6;
	border-bottom: 4px solid #F6F6F6;
	border-left: 4px solid #F6F6F6;
	margin-bottom: 0.4em;
}

/*
.catcontainer {
	
	border-right: 4px solid #00A6EB;
	border-bottom: 4px solid #00A6EB;
	border-left: 4px solid #00A6EB;
	margin-bottom: 0.4em;
}
*/

.catlist {
	
	/*
margin-top: -0.5em;
*/
	margin-bottom: 0em;
	/*margin-left: -1.7em ;*/
	margin-top: 0em;
	margin-left: 0em ;
}

.catlist li {
	padding: 0.2em;
}

#noresultsmessage {
	font-size: 1.75em; 
	letter-spacing: -1px; 
	color: #474747; 
	margin-bottom: 0.5em;
	text-align: center;
	padding: 1em 2em 1em 2em;
	/*margin-left: 4.5em;*/
	display: none;
	border: 2px solid #01587C;
	width: 900px;
}

#gridcontainer {
	min-height: 1000px;
}

#searchResults .jqgrow {
	cursor: pointer;
}

/* from default.css */

.jqgrow {
	background: rgba(0,166,235,0.08);
}

.customleft {
	border: 2px solid;
	
}

.ui-jqgrid .ui-jqgrid-htable th div {
    height:auto !important;
    overflow:hidden;
    padding-right:0px;
    padding-top:5px;
	padding-bottom:5px;
    position:relative;
    vertical-align:text-top;
    white-space:normal !important;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
}


.ui-jqgrid .ui-jqgrid-labels th.ui-th-column {
    background-color: #01587C;
    background-image: none;
}

.ui-jqgrid .ui-search-input input {
	padding:5px !important;
}

/*
.ui-search-toolbar .ui-state-default {
	background: #01587C;
}
*/

/* for search bar color */
.ui-search-toolbar .ui-state-default {
	background: #01587C;
}

/* for pager color */
.ui-pg-table {
	background: #01587C;
}

/* for grid second row color */
.jqg-second-row-header .ui-state-default {
	background: #01587C;
}

/* for grid striping */

.ui-row-ltr {
	background: #cbd5d8;
}


/* grid hover color */
td.ui-state-hover {
	border: 1px solid #cccccc;
	background: #EDEDED !important ;
	font-weight: bold;
	color: #000000;
}

/* grid highlight color */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	/* ae change highlight colors */
	border: 1px solid #cccccc;
	background: #fffa90;
	color: #000000;
}

.zebra {
	font-weight: bold;
	background: #e3e6e8;
}

.headtoheadheadingnames {
	color: #01587C; 
	font-size: 125%; 
	font-weight: normal; 
	background: #fff;
}

.tablestripe1 {
	background-color: #cbd5d8;
}

.tablestripe2 {
	background-color: #e3e6e8;
}

/*
.zebra {
	font-weight: bold;
	background: rgba(0,166,235,0.04);
}
*/

/* ui-widget-content jqgrow ui-row-ltr zebra */

/* end from default.css */


.logocontainer {
	width: 15%;
	height: auto;
	white-space: nowrap;
	text-align: center; 
	/*margin: 1em 0;*/
	padding: 1em 0;
	border: none;
}

.rhslogocontainer {
	width: 15%;
	height: auto;
	white-space: nowrap;
	text-align: center; 
	/*margin: 1em 0;*/
	padding: 1em 0;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
}

.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	/*margin-bottom: 0.25em;*/
}

.helper img {
	/*max-width: 168px;*/
	max-width: 150px;
}

.navspacer {
	margin-top: 2em !important;
	padding-top: 0.5em; 
	padding-right: 0.25em;
}





.imagelogo {
		display: inline-block;
	}

		.imagelogo img {
			display: block;
			width: 100%;
			border-radius: 6px;
		}

		.imagelogo.full {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

/* custom media query css */
		
/* Desktop */

	@media screen and (min-width: 737px) {		
	
	
	
	.productfiltertitlecontainer {
	position: relative; 
	width: 100%; 
	height: 4.5em; 
	margin-top: -4.5em;
	}
	
	.productfiltertitle {
		position: absolute;  
		top: 1em;
	}
	
	.reporttitlecontainer {
	position: relative; 
	width: 100%; 
	height: 2.2em; 
	margin-top: -4.5em;
	}
	
	.reporttitle {
		position: absolute;  
		top: -1.5em;
	}
	
	.reporttitle h2 {
		font-family: Arial, "Open Sans";
	}
	
	.getselectionreportmessage {
		color: red;
		position: absolute; 
		right: 0; 
		top: 4em;
	}
	
	.getselectionreportmessage a {
		color: red;
		font-weight: bold;
	}
	
	.getselectionreportbutton {
		position: absolute; 
		right: 0; 
		top: 0px; 
	}
	
	.searchresultsgridcontainer {
		width: 100%;
		margin-top: 1.3em;
	}
	
	.reportarchivegridcontainer {
		margin-top: 2em;
		width: 80%;
		margin: 0 auto;
		margin-top: 4em;	
	}
	
	.ukspagridcontainer {
		width: 90%;	
	}
	
	.providergridcontainer {
		margin-top: 2em;
		width: 80%;
	}
	
	.seminargridcontainer {
		margin-top: 2em;
		width: 95%;
	}
	
	.quarterlygridcontainer {
		width: 25%;
	}
	
	.fundgridcontainer {
		margin-top: 2em;
		width: 33%;
	}
	
	.userreportsgridcontainer {
		margin-top: 2em;
		width: 66%;
	}
	
	.userhistorygridcontainer {
		margin-top: 2em;
		width: 66%;
	}
	
	.performancegridcontainer {
		width: 100%;
	}

	.providerdetailsgridcontainer {
		width: 70%;
	}

	.contactdetails {
		position: absolute; 
		left: 0; 
		top: 3.5em; 
		width: 100%; 
		font-size: 1.2em;
	}
	
	.providerdetailsheader2{
		position: absolute; 
		left: 35%; 
		width: 35%;
		margin-top: -3.5em;
	}

	.providerdetailsheader{
		position: absolute; 
		width: 100%;
		margin-top: -3.5em;
	}
	
	/*
.clearall {
		float: right;
		font-size: 0.6em;
		letter-spacing: 0.3px;
		margin-top: -0.4em;
		margin-right: -1.7em;
		cursor: pointer;
		padding: 0.5em;
		background: #F6F6F6;
	}
*/
.clearall {
		float: right;
		font-size: 0.55em;
		letter-spacing: 0.3px;
		margin-top: -0.4em;
		margin-right: -1.7em;
		cursor: pointer;
		/*padding: 0.5em;*/
		padding: 0.5em 1.2em;
		background: #01587C;
		color: #fff;
		font-weight: bold;
		font-family: Arial,Helvetica,sans-serif;
	}

	.headingspacer {
		margin-top: -0.3em !important;
		line-height: 1.5em;
	}
	
	.headingspacerpdf {
		margin-top: -0.3em !important;
		line-height: 1.5em;
	}

}


/* Tablet */

	@media screen and (min-width: 737px) and (max-width: 1200px) {
	
	
	.productfiltertitlecontainer {
	position: relative; 
	width: 100%; 
	height: 2.5em; 
	margin-top: -2.5em;
	}
	
	.productfiltertitle {
		position: absolute;  
		top: 0em;
		font-size: 0.95em;
	}
	
	.reporttitlecontainer {
	position: relative; 
	width: 100%; 
	height: 1.2em; 
	margin-top: -2.5em;
	}
	
	.reporttitle {
		position: absolute;  
		top: -1.5em;
		font-size: 0.95em;
	}
	
	.reporttitle h2 {
		font-family: Arial, "Open Sans";
	}
	
	.getselectionreportmessage {
		color: red;
		position: absolute; 
		right: 0; 
		top: 3.5em;
	}
	
	.getselectionreportmessage a {
		color: red;
		font-weight: bold;
	}
	
	.getselectionreportbutton {
		position: absolute; 
		right: 0; 
		top: 0px;
		
	}
	
	.numresultsheader {
		font-size: 0.95em;
	}
	
	.searchresultsgridcontainer {
		width: 95%;
		margin-left: 3em;
	}

	.reportarchivegridcontainer {
		margin-top: 2em;
		width: 80%;
		margin-left: 0;
	}
	
	.ukspagridcontainer {
		width: 100%;	
	}
	
	.providergridcontainer {
		margin-top: 2em;
		width: 80%;
	}
	
		.quarterlygridcontainer {
		width: 25%;
	}
	
	.fundgridcontainer {
		margin-top: 2em;
		width: 33%;
	}
	
	.userreportsgridcontainer {
		margin-top: 2em;
		width: 66%;
	}
	
	.userhistorygridcontainer {
		margin-top: 2em;
		width: 66%;
	}
	
	
	.performancegridcontainer {
		width: 100%;
	}
	
	.providerdetailsgridcontainer {
		width: 70%;
		padding-top: 2em;
	}
	
	.contactdetails {
		position: absolute; 
		left: 0; 
		top: 3.5em; 
		width: 100%; 
		font-size: 1.2em;
	}
	
	.providerdetailsheader2{
		position: absolute; 
		left: 35%; 
		width: 50%;
		margin-top: -2em;
	}

	.providerdetailsheader{
		position: absolute; 
		width: 100%;
		margin-top: -2em;
	}
	
	/*
.clearall {
		float: right;
		font-size: 0.6em;
		letter-spacing: 0.3px;
		margin-top: -0.4em;
		margin-right: -4.8em;
		cursor: pointer;
		padding: 0.5em;
		background: #F6F6F6;
	}
*/
	.clearall {
		float: right;
		font-size: 0.6em;
		letter-spacing: 0.3px;
		margin-top: -0.4em;
		margin-right: -4.8em;
		cursor: pointer;
		/*padding: 0.5em;*/
		padding: 0.5em 1.2em;
		background: #01587C;
		color: #fff;
		font-weight: bold;
		font-family: Arial,Helvetica,sans-serif;
	}
	
	
	.headingspacer {
		margin-top: -0.3em !important;
		line-height: 1.5em;
		padding-left: 2em;
	}	
}		

/* Mobile */

	@media screen and (max-width: 736px) {
    
	
.helper img {
	max-width: 110px;
}
	
	.productfiltertitlecontainer {
	position: relative; 
	width: 100%; 
	height: 4em; 
	margin-top: -4em;
	}
	
	.productfiltertitle {
		position: absolute;  
		top: 1.5em;
		font-size: 0.7em;
	}
	
	.reporttitlecontainer {
	position: relative; 
	width: 100%; 
	height: 4em; 
	margin-top: -2em;
	}
	
	.reporttitle {
		position: absolute;  
		top: 1.5em;
		font-size: 0.7em;
	}
	
	.reporttitle h2 {
		font-family: Arial, "Open Sans";
	}
	
	.getselectionreportmessage {
		color: red;
		position: absolute; 
		 
		top: -1.5em;
	}
	
	.getselectionreportmessage a {
		color: red;
		font-weight: bold;
	}
	
	.getselectionreportbutton {
		position: absolute; 
		right: 0; 
		top: 2.5em; 
	}
	 
	.searchresultsgridcontainer {
		width: 100%;
	}

	.reportarchivegridcontainer {
		margin-top: 2em;
		width: 100%;
	}
	
	.ukspagridcontainer {
		width: 100%;	
	}
	
	.providergridcontainer {
		margin-top: 2em;
		width: 100%;
	}
	
		.quarterlygridcontainer {
		width: 40%;
	}
	
	.fundgridcontainer {
		margin-top: 2em;
		width: 50%;
	}
	.userreportsgridcontainer {
		margin-top: 2em;
		width: 100%;
	}
	
	.userhistorygridcontainer {
		margin-top: 2em;
		width: 100%;
	}

	.performancegridcontainer {
		width: 100%;
	}
	
	.providerdetailsgridcontainer {
		width: 100%;
		padding-top: 2em;
	}
	
	.providerdetailsheader2 {
		position: absolute; 
		left: 50%; 
		width: 100%;
		margin-top: -2em;
	}

	.providerdetailsheader {
		position: absolute; 
		width:50%;
		margin-top: -2em;
	}

	
	.contactdetails {
		position: absolute; 
		left: 0; 
		top: 3.5em; 
		width: 100%; 
		font-size: 1.2em;
	}
	
	/*
.clearall {
		float: right;
		font-size: 0.6em;
		letter-spacing: 0.3px;
		margin-top: -0.4em;
		margin-right: 0em;
		cursor: pointer;
		padding: 0.5em;
		background: #F6F6F6;
	}
*/

/*
.clearall {
		float: right;
		font-size: 0.6em;
		letter-spacing: 0.3px;
		margin-top: -0.4em;
		margin-right: 0em;
		cursor: pointer;
		padding: 0.5em 1.2em;
		background: #01587C;
		color: #fff;
		font-weight: bold;
		font-family: Arial,Helvetica,sans-serif;
	}
	*/
	
	
.clearall {
		/*float: right;*/
		position: absolute;
		right: 2em;
		font-size: 0.6em;
		letter-spacing: 0.3px;
		
		margin-right: 0em;
		cursor: pointer;
		/*padding: 0.5em;*/
		padding: 0.5em 1.2em;
		background: #01587C;
		color: #fff;
		font-weight: bold;
		font-family: Arial,Helvetica,sans-serif;
	}
	
	.headingspacer {
		margin-top: -0.3em !important;
		line-height: 1.5em;
	}	

	
		
}				
	

	

 /* CSS for MOBILE and RESPONSIVE DISPLAY */
	
 		/* SCREEN DISPLAY */
		
		@media screen and (min-width: 737px) { 
		
			/* HIDE accordion header, product type, link button columns */
				#gview_searchResults th:nth-of-type(2) {
					display: none;
				}
				
				#gview_searchResults td:nth-of-type(2) {
					display: none;
				}
				
				#gview_searchResults th:nth-of-type(14) {
					display: none;
				}
				
				#gview_searchResults td:nth-of-type(14) {
					display: none;
				}
				
				#gview_searchResults th:nth-of-type(15) {
					display: none;
				}
				
				#gview_searchResults td:nth-of-type(15) {
					display: none;
				}
				
			
			}
		
	
		
		/* RESPONSIVE DISPLAY */
		
		
		/*
		<!--[if !IE]><!-->
		*/
		
		/* 
		Max width before this PARTICULAR table gets nasty
		This query will take effect for any screen smaller than 760px
		and also iPads specifically.
		*/
		
		/*
@media 
		only screen and (max-width: 760px),
		(min-device-width: 768px) and (max-device-width: 1024px)  {
*/
		

		@media screen and (max-width: 736px) {
		
			/* Force table to not be like tables anymore */
			#gview_searchResults table, #gview_searchResults thead, #gview_searchResults tbody, #gview_searchResults th, #gview_searchResults td, #gview_searchResults tr { 
				display: flex;
    			flex-direction: column;
			}
			
			/* Hide table headers (but not display: none; for accessibility) */
			#gview_searchResults thead tr { 
				position: absolute;
				top: -9999px;
				left: -9999px;
			}
			
			/* Hide header row */
			#gview_searchResults .jqgfirstrow { 
				position: absolute;
				top: -9999px;
				left: -9999px;
			}
			
			#gview_searchResults .accordionheader {    
			    text-align: center; 
				margin: 1em 0;
				position: relative;
			}
			
			#gview_searchResults .accordionheadericon {
			    text-align: center; 
				margin: 0em 0 1em -0.7em;
				position: relative;
				float: left;
			}
			
			#gview_searchResults .helper {
				display: inline-block;
				height: 100%;
    			vertical-align: middle;
				margin-left: 10px;
			}
			
			#gview_searchResults .accordionheadericon img {
				 vertical-align: middle;
				 width: 15%;
			}
			
			#gview_searchResults .accordionheadertext {
				text-align: left;
				font-weight: bold;
				font-size: 1.1em;
				width: 85%;
				margin-top: 0;
				position: absolute;
				top: 0;
				left: 15%;
				margin-left: -0.5em;	
			}
			
			#gview_searchResults .wrapword {
				white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
			    white-space: -pre-wrap;      /* Opera 4-6 */
			    white-space: -o-pre-wrap;    /* Opera 7 */
			    white-space: pre-wrap;       /* css-3 */
			    /* word-wrap: break-word; */       /* Internet Explorer 5.5+ */
			    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
			    /* word-break: break-all; */
			    white-space: normal;
			}
						
			#gview_searchResults .hiddenSmall {
			    display: none;
			  }
			
			.searchresultsgridcontainer div {
				border: none !important;
			}
			
			/* make color dynamic */
			#gview_searchResults .iconcolor {
				/*color: #00A6EB*/
				color: #01587C;
			}
			
			#gview_searchResults .providerheader {
				 font-size: 1.3em;
			}
			
			#gview_searchResults .buttoncontent {
				color: #ffffff !important; 
				margin: 0.2em; 
				width: 99%; 
				text-align: center;
				padding:  0.5em 0.25em 0.5em 0.25em !important;
			}
			
			#gview_searchResults .buttoncontent:before {
				display: none;
			}
			
			
			
			#gview_searchResults tr {
				height: 100% !important;
				/* border: 5px solid #00A6EB !important; */
				border: 5px solid #01587C !important; 
				margin: 5px;
			}	
			
			#gview_searchResults td { 
				/* Behave  like a "row" */
				border: none;
				border-bottom: 1px solid #01587C; 
				position: relative;
				/* not required for integration */
				/* padding-left: 50%; */
			}
			
			#gview_searchResults td {
				height: 30px !important;
			}
			
			/*
			#gview_searchResults td:nth-of-type(3) {
				height: 50px !important;
			}
			
			#gview_searchResults td:nth-of-type(6) {
				height: 90px !important;
				order: 2;
				color: red;
				background-image: url(images/checkmark/checkmark-all.png) left top no-repeat;
			}
			*/
			
			/* accordion header */
			#gview_searchResults td:nth-of-type(2) {
				height: 105px !important;
				order: 1; 
				display: table-cell;
			}
			
			/* accordion field */
			#gview_searchResults td:nth-of-type(4) { 
				order: 3;
				font-size: 1.3em !important; 
				font-weight: bold !important; 
				border: none !important;
			}
			
			/* accordion field */			
			#gview_searchResults td:nth-of-type(10) { 
				order: 5; 
				font-size: 1.3em !important; 
				font-weight: bold !important; 
				border: none !important;
			}
			
			/* accordion field */			
			#gview_searchResults td:nth-of-type(11) { 
				order: 6; 
				font-size: 1.3em !important; 
				font-weight: bold !important; 
				border: none !important;
			}
			
			/* accordion field */			
			#gview_searchResults td:nth-of-type(14) { 
				order: 4;
				font-size: 1.3em !important; 
				font-weight: bold !important; 
				border: none !important;
			}
						
			/* accordion field */			
			#gview_searchResults td:nth-of-type(15) { 
				height: 65px !important;
				order: 7;
				border: none !important; 
			}			
			
			#gview_searchResults td:nth-of-type(4) { 
				padding-left: 6em;
			}
			
			#gview_searchResults td:nth-of-type(10) { 
				padding-left: 6em;
			}
			
			#gview_searchResults td:nth-of-type(11) { 
				padding-left: 6em;
			}
			
			#gview_searchResults td:nth-of-type(14) { 
				padding-left: 6em;
			}
			 
			#gview_searchResults td:before { 
				/* Now like a table header */
				position: absolute;
				left: 6px;
				padding-right: 10px; 
				white-space: nowrap;
			}
			
			/* Label the data */
			#gview_searchResults td:nth-of-type(4):before { content: "Closing date"; }
			#gview_searchResults td:nth-of-type(10):before { content: "Score"; }
			#gview_searchResults td:nth-of-type(11):before { content: "Risk"; }
			#gview_searchResults td:nth-of-type(14):before { content: "Product type"; }
			
			.getselectionreportbutton {
					display: none;
				}
			
			.showProductFilterHelpIconContainer {
				padding-top: 1em;
			}
			
			
		}
		
		/* Smartphones (portrait and landscape) ----------- */
		@media only screen
		and (min-device-width : 320px)
		and (max-device-width : 480px) {
			body { 
				padding: 0; 
				margin: 0; 
				/*width: 320px;*/
				width: 100%; 
				}
			}
				
		

		
		<!--<![endif]-->
		
		/* END RESPONSIVE */
		
		 /* END CSS for MOBILE and RESPONSIVE DISPLAY */