@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Source Sans Pro 200'), local('SourceSansPro-ExtraLight'), url(../fonts/SourceSansPro-ExtraLight.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
    src: local('Source Sans Pro Italic 200'), local('SourceSansPro-ExtraLightItalic'), url(../fonts/SourceSansPro-ExtraLightItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro 300'), local('SourceSansPro-Light'), url(../fonts/SourceSansPro-Light.ttf) format('truetype');
}
/*@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Italic 300'), local('SourceSansPro-LightItalic'), url(../fonts/SourceSansPro-LightItalic.ttf) format('truetype');
}*/
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: normal;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(../fonts/SourceSansPro-Italic.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/SourceSansPro-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro 600'), local('SourceSansPro-Semibold'), url(../fonts/SourceSansPro-Semibold.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: local('Source Sans Pro 600 Italic'), local('SourceSansPro-SemiboldItalic'), url(../fonts/SourceSansPro-SemiboldItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/SourceSansPro-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(../fonts/SourceSansPro-BoldItalic.ttf) format('truetype');
}
body, html {
    background-color: #FFFFFF;
    height: 100%;
    text-shadow: none !important;
    -webkit-overflow-scrolling: touch!important;
}
.ui-panel-dismiss {
    background-color: transparent!important;
}
* {
    box-shadow: none;
    margin: 0;
    text-shadow: none !important;
}
a:link, a:visited {
    color: #276a7f;
}
a:hover {
    color: #76a4b1;
}
h1, h2, h3 {
    font-weight: 200;
    margin-bottom: 1em;
    margin-top: 0;
}
h1 {
    font-size: 1.6em;
    padding-top: .5em;
}
h2 {
    border-bottom: 3px solid #83b2ba;
    padding-bottom: .5em;
}
p {
    padding-bottom: 1em;
}
.notesbelow td {
    border-bottom: 0;
}
.notesabove {
    border-top: 0;
    font-style: italic;
}
#loginPanel input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
 background-color: #FFFFFF !important;
 background-image: none;
 color: rgb(0, 0, 0);
 -webkit-transition-delay: 9999s;
 transition-delay: 9999s;
}
.ui-input-text.readonly {
    border: 0;
}
.errortext {
    color: #f10000;
}
.notsaved {
    color: #f10000;
}
#exportpanel {
    background-color: #60829b;
    text-shadow: none;
}
[data-role="page"] {
    height: 100%;
}
/* homepage */
#homepage .columns3 {
    font-size: 1em;
    line-height: 1.4em;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-rule: 1px solid #83b2ba;
    -moz-column-rule: 1px solid #83b2ba;
    column-rule: 1px solid #83b2ba;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    padding: 1em 0;
    margin-bottom: 3em;
}
#homepage .columns3 p:first-child {
    padding-top: 0;
    margin-top: 0;
}
#homepage .columns3 p:last-child {
    padding-top: 0;
    margin-bottom: 0;
}
#homepage .columns3 ul li {
    margin-bottom: .8em;
}
#homepage .strapline {
    font-size: 1.5em;
    text-align: center;
    background-color: rgba(255, 110, 56, 0.78);
    color: #fff;
    padding: .5em;
    border-radius: 1.5em;
    margin-bottom: 1em;/*	margin-top: .5em;*/
}
#homepage .strapline {
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
}
/* submitrecord */
#submitrecord .item h4 {
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
    text-align: left;
    padding-left: 0 !important;
    padding-top: 1em;
}
#submitrecord .item h4:first-of-type {
    padding-top: 0;
}
#submitrecord [data-datatype="institutions"] .groupblock .ui-grid-c>.ui-block-b {
    width: 14em;
}
#submitrecord [data-datatype="institutions"] .groupblock .ui-grid-c>.ui-block-a {
    width: 14em;
}
#submitrecord [data-datatype="institutions"] .groupblock .ui-grid-c>.ui-block-c {
    width: 40%;
    margin-right: 0;
}
#submitrecord [data-datatype="institutions"] .groupblock .ui-grid-c>.ui-block-c div:first-of-type {
    width: 80%;
    margin-left: 0;
    margin-right: 0;
}
#submitrecord [data-datatype="institutions"] .groupblock .ui-grid-c>.ui-block-c div:first-of-type div {
    width: 100%;
}
#submitrecord [data-datatype="institutions"] .groupblock .ui-grid-c>.ui-block-d {
    width: 2em;
}
[href^="https://"] { /*this will work when the a href's are in place*/
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -ms-word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#homeicon, #quiticon, #usersicon {
    position: absolute;
    right: 70px;
    top: 15px;
    font-size: 3em;
    color: #D5DFE0;
    cursor: pointer;
}
#quiticon {
    right: 10px;
}
#usersicon {
    right: 130px;
}
#homeicon:hover, #quiticon:hover, #usersicon:hover {
    color: #648589;
}
#LoggedIn {
    display: table;
    top: 5em;
    position: absolute;
    right: 1em;
}
#loggedinas {
    font-size: 1em;
    color: #D5DFE0;
    display: table-cell;
}
#userdetails {
    font-size: 1em;
    color: #D5DFE0;
    display: table-cell;
    padding-left: .5em;
    cursor: pointer;
}
#norecordlisting {
    display: none;
}
.recordtable {
    width: 100%;
    border: 1px #ddd solid;
    margin-bottom: 2em;
    background-color: #fff;
    border-collapse: collapse;
}
.recordtable th {
    text-align: left;
    padding: 1em;
}
.recordtable .recordtableheadercolumn1 {
    width: 15em;
    background-color: #d3d3d3;
    color: #FFFFFF;
}
.recordtable .recordtableheadercolumn2 {
    width: 15em;
    background-color: #d3d3d3;
    color: #FFFFFF;
}
.recordtable .recordtablecolumn1 {
    width: 15em;
    background-color: #d7d7d7;
    color: #000000;
    text-align: left;
    vertical-align: top;
    padding: 1em;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
.recordtablecolumn1system {
    background-color: ##dfdfdf;
}
.recordtable .recordtablecolumn2 {
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    vertical-align: top;
    padding: 1em;
    padding-left: 1em;
    padding-right: 1em;
    word-wrap: break-word;/* word-break: break-all; */
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
.recordtable .recordtablecolumn2 ol {
    list-style-type: lower-alpha;
    padding-left: 1em;
    margin-top: .1em;
    margin-bottom: 0;
}
.recordtable .recordtablecolumn2 ol li {
    font-weight: 700;
}
.recordtable .recordtablecolumn2 p {
    margin-bottom: 1em;
    padding-bottom: 0;
}
.recordtable .recordtablecolumn2 h2 + p {
    padding-top: .5em;
}
.recordtable .recordtablecolumn2 p:first-child {
    margin-top: 0;
    padding-bottom: 0;
}
.recordtable .recordtablecolumn2 p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.recordtable tr:nth-last-child(2) {
    word-wrap: break-word;
    word-break: break-all;
}
.recordtable tr:nth-last-child(9) {
    word-wrap: break-word;
    word-break: break-all;
}
.recordtablecolumn2 h2 {
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 1em;
    font-weight: 600;
    border: none;
}
.recordtablecolumn2 h2:first-child {
    margin-top: 0;
}
.recordtablecolumn2 br {
    line-height: 1.6em;
}
.recordtable .recordtablesection {
    background-color: #8a88a8;
    color: #FFFFFF;
    padding: 1em;
}
.recordtable .recordtablesection.sunriseRed {
    background-color: rgba(255, 0, 0, 0.50);
}
.selectedoptions {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#resultscount {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.searchedfor {
    font-size: 1.1em;
    padding-bottom: 0;
    padding-top: .5em;
    vertical-align: bottom;
}
.searchedformenu {
    display: table-cell;
    padding-bottom: 1em;
    width: 22em;
}
.searchedformenu button {
    padding-top: .7em!important;
    padding-bottom: .7em!important;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
/*.searchedformenu button:first-child {
	margin-left: .5em;
}*/
.searchedformenu button:last-child {
    margin-right: 0;
}
#adjusttableText {
    text-align: right;
    font-style: italic;
    padding: .2em 0;
    font-size: .9em;
}
#searchmenu button {
    padding: .3em .5em !important;
    vertical-align: top;
}
#searchmenu span {
    padding-top: .4em!important;
    vertical-align: top;
}
#searchmenu [class^="flaticon-"], #searchmenu [class^="flaticon2-"] {
    font-size: 1.6em;
    display: none;
}
.searchedforcount {
    display: table-cell;
    padding-bottom: .7em;
    text-align: right;
    vertical-align: bottom;
}
.searchedselect {
    display: table-cell;
    vertical-align: bottom;
}
.searchedfortextbold {
    font-weight: 600;
}
#searchleftmenu, #recordleftmenu {
    position: relative;
    float: left;
    width: 10em;
    overflow: hidden;
    display: none;
}
#searchleftmenuinner, #recordleftmenuinner {
    width: -webkit-calc(100% - 2em);
    width: -moz-calc(100% - 2em);
    width: calc(100% - 2em);
}
#searchmain, #recordmain {
    position: relative;
    float: left;
    width: -webkit-calc(100% - 12em);
    width: -moz-calc(100% - 12em);
    width: calc(100% - 12em);
    width: 100%;/*padding-left: 2em;*/
}
#recorddisplay div + h2 {
    display: table-cell;
    padding-top: .5em;
}
.menuitem1 {
    width: 100%;
    background-color: #73A2C9;
    padding: 1em;
}
.menuitem2 {
    width: 100%;
    background-color: #ABC7DE;
    padding: 1em;
    padding-left: 2em;
}
.menuitem1 selected, .menuitem2 selected {
    background-color: #83B2BA;
}
 @-webkit-keyframes slide {
 100% {
left: 0;
}
}
 @keyframes slide {
 100% {
left: 30;
}
}
/* not sure why this doesn;t work here - it needs to be in flaticon.css */

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: "Flaticon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pagecontent {
    min-height: -webkit-calc(100% - 13.7em);
    min-height: -moz-calc(100% - 13.7em);
    min-height: calc(100% - 13.7em);
    overflow: hidden;/*	padding: 0 1em;*/
}
#headerbar {
    position: relative;
    /* height: 10em; */
    background-color: #83B2BA;
    overflow: hidden;
    text-align: center;
}
#headerbar img {
    height: 6em;
}
#headerbar .headerTitle {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 2.7em;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 2px;
    margin: auto;
    padding-top: .3em;
    font-weight: 100;
}
#headerbar .headerTitle .trialstext {
    font-weight: 400;
}
#headerbar .headerBuzzline {
    font-family: 'Source Sans Pro', sans-serif;
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: 100;
    letter-spacing: .8px;
    margin: -.3em auto .7em auto;
}
#topmenu div.selected {
    background-color: #FFFFFF;
    color: #000000;
}
.ui-content {
    height: 100%;
    padding: 0;
    overflow-y: scroll;
    background-color: #ffffff!important;
}
#searchcontainer, #fieldscontainer {
    position: relative;
    float: left;
    width: 23em;
    margin-right: .6em;
}
#fieldscontainer {
    width: 16em;
}
#fieldscontainer .ui-select div, #fieldpopupinner .ui-select div {
    /* width: 14.5em; */
    background-color: #79a8f7;
    border-color: #79a8f7;
    box-shadow: none;
    resize: none;
    font-weight: 300;
    border-radius: 1.235em;
    color: #FFF;
    background-clip: border-box;
    margin: 0 .5em;
}
#fieldpopupinner .ui-select div {
    margin: 0 1em;
    background-color: #83B2BA;
    border-color: #83B2BA;
}
#searchcontainer input, #searchcontainer .ui-input-search {
    background-color: #FFFFFF;
}
#searchcontainer .ui-corner-all {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-color: #83b2ba;
    box-shadow: none;
}
#topmenu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2em;
    color: #B0C4C4;
    display: none;
}
#topmenu div {
    display: inline-block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}
#topmenu div:hover {
    color: #3B4E50;
}
/*header navigation*/
.header-nav {
    background-color: #313742;
    color: #fff;
    padding: .5em 0;
    width: 100%;
}
.header-nav .page {
    display: inline-block;
    padding: 0 .5em;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
}
.header-nav a {
    /*    display: inline-block;*/
    padding: 0 .5em;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
}
.header-nav .header-nav-width {
    max-width: 1000px;
    margin: auto;
}
.header-nav .page a:link div {
    color: #fff;
}
.header-nav .page:hover, .header-nav .page a:hover > div, .header-nav .page div:hover > a {
    color: #ff8e64!important;
    cursor: pointer;
}
.header-nav .page.selected, .header-nav .page.selected a div {
    color: #bab9b8;
}
iframe[id^='twitter-widget-0'] {
    height: 100% !important;
    border-right: 1px solid #e2e9ec!important;
    border-left: 1px solid #e2e9ec!important;
}
#mediaPanel {
    background-color: pink;
    min-height: 100%;
}
#mediaPanel .ui-panel-inner {
    padding: 0;
    height: 100%;
    position: absolute;
    width: inherit;
}
#mediaPanel .container {
    min-height: inherit;
    height: calc(100% - 3.9em);
    padding: 0 1em;
}
#mediaPanel .container #media-twitter {
    height: inherit;
}
#mediaPanel .container #media-twitter h2 {
    padding-top: .5em;
    margin-bottom: 0;
}
#mediaPanel .timeline-Header-byline {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #8899A6;
}
#mediaPanel .timeline-Header-byline a:link, #mediaPanel .timeline-Header-byline a:visited {
    text-decoration: none;
}
#mediaPanel .timeline-Header-title {
    font-size: 21px;
    font-weight: 300;
    color: #292F33;
    margin-bottom: .5em;
}
.header-nav .page .nav-text {
    display: inline-block;
    vertical-align: text-bottom;
    padding-left: .5em;
}
.header-nav .page[class*="flaticon-"]:before, .header-nav .page[class*="flaticon2-"]:before {
    font-size: 1.5em;
}
.pagecontent .ui-input-text input {
    background: #FFFFFF;
}
.pagecontent .ui-input-text {
    border-color: #aaa;
}
.pagecontent button, #emailpanel button {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    background-clip: border-box;
    border: transparent;
    cursor: pointer;
}
.pagecontent .rightcontent {
    max-width: 1000px;
    margin: auto;
    background-color: #FFFFFF;
    padding: 1em;
}
.pagecontent .rightcontentinner {
    width: -webkit-calc(100% - 0em);
    width: -moz-calc(100% - 0em);
    width: calc(100% - 0em);
    padding-top: 0;
}
.pagecontent .rightcontentinnerlogin {
    margin: auto;
    max-width: 35em;
    padding-top: 0;
}
/* login, reset password, join, and user details form  */
.pagecontent .formPanel {
    background-color: #d7d7d7;
    border-radius: 0.325em;
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 1em 1.5em;
}
.pagecontent .formPanel .ui-select div:first-of-type {
    background-clip: border-box;
    background-color: #79a8f7;
    border-color: #79a8f7;
    border-radius: 1.235em;
    box-shadow: none;
    color: #FFF;
    font-weight: 300;
    resize: none;
}
.pagecontent .formPanel button {
    margin-top: 1em;
}
.pagecontent .formPanel label {
    padding-bottom: .5em;
    padding-top: .5em;
}
.pagecontent .formPanel #loginsubmit {
    display: table;
    width: 100%;
}
.pagecontent .formPanel #loginsubmit button {
    display: inline-block;
}
.pagecontent .formPanel #loginsubmit a {
    display: table-cell;
    text-align: right;
    width: 8em;
}
.pagecontent .formPanel #loginsubmit .right {
    float: right;
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}
.pagecontent .formPanel #loginsubmit .right:hover {
    background-color: #8d8d8d!important;
}
.pagecontent .formPanel .cancel {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}
.pagecontent .formPanel .cancel:hover {
    background-color: #8d8d8d!important;
}
.pagecontent .formPanel .loginmessage {
    font-size: .9em;
    padding: .5em;
    margin-top: .5em;
    margin: 1em 0 .7em 0;
}
#recordlisting h2 {
    margin-top: 0;
}
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    display: none;
}
.ui-btn.ui-checkbox-off:after {
    background-color: transparent;
    border-color: transparent;
}
.menuitem {
    padding: 1em;
    border-bottom: #3E3D3D solid 1px;
}
.menuitem:hover {
    background-color: aquamarine;
}
.menuitem.selected {
    background-color: coral;
}
.buttonContainerTop {
    margin: auto;
    width: 100%;
    margin-bottom: 1em;
    overflow: hidden;
    text-align: center;
}
.buttonContainer {
    margin: auto;
    width: 100%;
    margin-top: 1em;
    overflow: hidden;
    text-align: center;
}
/*
.buttonContainer {  
	overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: 30000;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    background-color: #666;
}
*/

.instructions {
    padding: 1em 0;
}
.datapoint {
    background-color: #FFFFFF !important;
}
#nosearchresults {
    display: block;
}
#nosearchresults .sectionContent p:first-child {
    padding-top: .5em;
    font-size: 1.1em;
    padding-bottom: 1em;
}
#searchresults {
    display: none;
}
#searchresults label {
    margin-top: -.3em;
}
#submitmenu, button {
    /*height: 2em;
	width: 10em;
	text-align: right;
	float: right;
	padding-bottom: 1em;*/
    float: right;
    background-color: #ff4c0a;
    color: #fff;
    border-radius: 1.3125em;
    padding: .5em 1em;
    /*	margin-top: .5em;*/
    margin-bottom: 1em;
}
#resultsmenu, #myrecordsmenu {
    background-color: #ff4c0a;
    color: #fff;
    border-radius: 1.3125em;
    padding: .5em 1em;
    width: 12em;
}
#searchmenu {
/*	width: 18em;*/
}
.myrecordsmenu {
    display: table-cell;
    padding-bottom: 1em;
    width: 12em;
    vertical-align: top;
}
#myrecordsmenu {
    width: 10.5em;
}
button {
    border-color: #ff4c0a;
    border-radius: 1.3125em!important;
    color: #fff;
    font-weight: 300!important;
    float: inherit;
}
#recordlisting tr button {
    float: right;
    width: 7em;
}
#exportpanel button {
    border-color: #ff4c0a;
    border-radius: 1.3125em!important;
    color: #fff;
    font-weight: 300!important;
    float: inherit;
    margin: 1em auto;
    background-color: #ff4c0a;
}
button:hover {
    background-color: #ff5e22!important;
    border-color: #ff5e22;
}
#recordmenu {
    margin-top: .4em;
    float: right;
}
#recordmenu button {
    background-color: #ff4c0a!important;
    margin-top: .3em;
}
#submitmenu {
    margin-right: -1em;
}
#prevVersion {
    overflow: hidden;
    vertical-align: middle;/*	height: 3em;*//*margin-bottom: 1.2em;*/
}
#prevVersion .ui-select {
    display: none;
    margin-bottom: 1em;
    margin-top: .7em;
}
#prevVersion .ui-btn-icon-right {
    padding-right: 2.5em;
    background-color: #fff;
    padding-top: .5em;
    padding-bottom: .5em;
    border-radius: .235em;
    color: #333;
}
#prevVersion .ui-btn-corner-all, #prevVersion .ui-corner-all {
    border-color: #aaa;
    box-shadow: none;
    resize: none;
    font-weight: 300;
    border-radius: .235em;
}
#prevVersion label {
    display: inline-block;
    margin-left: 0;
    margin-top: 1em;
    vertical-align: top;
}
#prevVersion #submitmenu {
    margin-right: 0;
}
#previousversionsselect {
    display: none;
}
#prevVersion #previousversionsselect-button {
    width: 12em;
}
#resultsmenu span, #searchmenu span, #submitmenu span, #recordmenu span, #myrecordsmenu span, #searchresultsexport span {
    display: inline-block;
    /*
	padding-top: 1em;
	padding-bottom: 1.5em;
*/
    cursor: pointer;
    border-radius: 1.3125em;
    padding-left: .5em;
    padding-right: .5em;
    padding-top: .2em;
    padding-bottom: .2em;
}
#searchresultsexport {
    text-align: right;
    width: 7em;
    display: table-cell;
}
#resultsmenu span:hover, #searchmenu span:hover, #submitmenu span:hover, #recordmenu span:hover, #myrecordsmenu span:hover {
/*background-color: #ff7744;*/
}
#searchresults table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2em;
}
#searchresults table .tableFieldsText {
    display: table-cell;
}
#searchresults table .tableFields {
    /*	float: right;*/
    cursor: pointer;
    font-size: 1.3em;
    display: table-cell;
    padding-left: .5em;
    vertical-align: middle;
    width: 1em;
}
#searchresults table .tableFieldsHeader {
    display: table;
    width: 100%;
}
#searchresults td {
    padding: .5em;
    vertical-align: top;
    border: 1px solid #DDDDDD;
    cursor: pointer;
}
#searchresults .textwrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -ms-word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#searchresults th {
    /*background-color: #88A5A8;*/
    background-color: #8a88a8;
    color: #FFFFFF;
    text-align: left;
    padding: .5em;
    border: 1px solid #DDDDDD;
    font-weight: 300;
    white-space: nowrap;
}
#searchresults td:first-of-type {
    padding-left: 0em;
}
/*#recordmenu {
	height: 2em;
	width: 100%;
	text-align: right;
}
#recordmenu div {
	display: inline-block;
	padding-top: 1em;
	padding-bottom: 1.5em;
}*/
#recordlisting table {
    width: 100%;
    margin-bottom: 2em;
    /* table-layout: fixed; */
    border-collapse: collapse;
}
#recordlisting tr:hover {
    background-color: #e8e7e7;
}
.notesbelow td {
    border-left: 0 !important;
    border-right: 0 !important;
}
tr {
    border-left: 1px solid #e8e7e7 !important;
    border-right: 1px solid #e8e7e7 !important;
}
/*.notesbelow:hover ~ .notesabove {
	background-color: #e8e7e7;
}*/
tr.notesbelow:hover, tr.notesbelow:hover + tr {
    background-color: #e8e7e7;
}
.notesabove:hover {
    background-color: transparent!important;
    cursor: default!important;
}
/*
.notesabove:hover {
	background-color: transparent!important;
}
*/
#recordlisting td {
    padding: .5em 1em;
    vertical-align: top;
}
#recordlisting th:last-child {
    /*text-align: center;*/
    width: 5em;
}
#recordlisting th {
    /*padding: 0.5em;
	background-color: #88A5A8;
	color: #ffffff;
	text-align: left*/
    background-color: #8a88a8;
    color: #FFFFFF;
    text-align: left;
    padding: 1em;
    border-top: 1px solid #e7e7e7;
    font-weight: 300;
}
#recordlisting th:nth-of-type(1), #recordlisting th:nth-of-type(3) {
    width: 7em;
}
#recordlisting th:nth-of-type(2) {
    width: 10em;
}
#recordlisting td {
    vertical-align: top;
    border-bottom: 1px solid #e7e7e7;
    cursor: pointer;
}
#recordlisting th {
    padding: .5em 1em;
}
#recordlisting [class^="flaticon3-"] {
    font-size: 1.4em;
    margin-left: .3em;
    margin-right: .3em;
    cursor: pointer;
    color: #757575;
}
/*#myrecordsmenu {
	height: 2em;
	width: 100%;
	text-align: right;
}
#myrecordsmenu div {
	display: inline-block;
	padding-top: 0.5em;
	padding-bottom: 1.5em;
}*/
#footer {
    /*background-color: rgb(30, 72, 76);
    color: rgb(173, 173, 173);*/
    background-color: #313742;
    color: #ADADAD;
    font-size: 0.9em;
    position: relative;
    width: 100%;
}
#footercontent {
    max-width: 1024px;
    margin: auto;
    height: 100%;
    overflow: hidden;
    display: table;
}
.footerSection {
    background-color: #ffffff;
    border-top: 1px solid #e7e7e7;
    bottom: 0;
    /*	position: absolute;*/
    width: 100%;
}
.footer {
    margin: auto;
    text-align: center;
}
.footerSection img {
    vertical-align: middle;
}
.footercolumn {
    /* position: relative; */
    /* float: left; */
    height: 100%;
/*    width: 50%;*/
    /* width: -webkit-calc(50% - 1em - 1px); */
   /*  width: -moz-calc(50% - 1em - 1px); */
    /* width: calc(50% - 1em - 1px); */
    padding-top: 1em;
    display: table-cell
}
.footercolumn div {
    padding-bottom: .8em;
    cursor: pointer;
}
.footercolumn div:hover {
    color: #FFFFFF;
}
#recordlisting td.selected, #searchresults td.selected {
    /*background-color: #83B2BA;	
	background-color: #a6c7cd;*/
    background-color: #e8e7e7;
}
#recordheader {
    background-color: #666;
    color: #FFF;
    padding-left: 2em;
    padding-right: 2em;
    overflow: hidden;
}
#recordheader h1 {
    padding-top: 1em;
    margin-top: 0em;
}
.blockcontainer {
    margin-bottom: 1em;
    position: relative;
    width: 100%;
    overflow: hidden;
}
#searchcontrols.blockcontainer {
    margin-bottom: 0;
}
.block {
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
    vertical-align: middle;
    /*	padding-left: 1em;*/
    background-color: #f1f1f1;
    color: #4a828f;
    color: #276A7F;
    /*margin-right: 5px;*/
    margin-right: .2em;
    margin-bottom: 3px;
    height: 5.5em;
    box-shadow: inset 0 0 1px #c3c3c3;
    display: table;
    table-layout: fixed;
}
.block.empty {
    background-color: transparent;
    box-shadow: none;
}
#searchcontrols .block {
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    margin-right: 0;
    margin-bottom: 0;
    height: auto;
    box-shadow: none;/*	box-shadow: inset 0 0 1px #c3c3c3;*/
}
.blockselected {
    background-color: #d0d0d0;
}
#myrecordslistpage .blockcontainer {
    display: table;
}
#myrecordslistpage .block {
    /*	display: table-cell;*/
    min-width: 14.438em;
}
.block:last-child {
    margin-right: 0;
}
.block a:link, .block a:visited {
    color: #276A7F;
    text-decoration: none;
}
.blocktext {
    /* position: relative; */
    /* float: left; */
    height: 100%;
    margin-top: .5em;
    /* margin-left: 1em; */
    margin-top: 1em;
    margin-left: 1em;
    vertical-align: top;
    display: table-cell;
    width: 100%;
    padding: 1em;
    margin: auto;
    padding-left: 2em;
    padding-right: 0;
}
.blockempty {
    display: table-cell;
    width: 4em;
}
.blocktext h1 {
    margin: 0;
    padding: 0;
    font-size: 1.4em;
    text-decoration: none;
}
.blocktext p {
    margin: 0;
    padding: 0;
}
.blockimage {
    position: relative;
    float: left;
    font-size: 4em;
    padding-left: 9px;
    padding-top: 4px;
    display: table-cell;
}
.flaticon2 {
    font-family: Flaticon2;
}
.flaticon3 {
    font-family: Flaticon3;
}
.clickable {
    cursor: pointer;
}
#searchresults .ui-checkbox input, #searchresults .ui-radio input {
    margin: -9px 0 0 7px;
    top: 0.6em;/*margin: -6px 0 0 9px;
	top: 0.5em;
    width: 18px;
    height: 18px;*/
}
.formdropzone {
    background-image: url(../181501-interface/png/upload.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 64px 64px;
    border: 1px solid #DBDBDB;
    border-radius: .235em;
    margin: 1.5em 0 2em 0;
    max-width: 31em;
    -moz-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    cursor: pointer;
    height: 8em;
    background-color: #FFFFFF;
    opacity: .5;
}
.ui-checkbox, .ui-radio {
    display: inline-block;
    cursor: pointer;
    padding: .5em 0;
    margin: 0;
    width: 100%;
}
.ui-checkbox label, .ui-radio label {
    background-color: transparent !important;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid transparent !important;
    font-weight: 400;
}
.ui-checkbox input, .ui-radio input {
    position: absolute;
    left: .466em;
    outline: 0!important;
    z-index: 1;
    top: 1.3em;
    -ms-transform: scale(1); /* Internet Explorer */
    -moz-transform: scale(1.5);/* Firefox */
    -o-transform: scale(1.5); /* Opera */
    -webkit-transform: scale(1); /* Safari and Chrome */
    transform: scale(1);
}
button {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.statementContent {
    padding: 3em 0;
}
.statement {
    font-size: 1em;
    line-height: 1.4em;
}
.statement2 {
    font-size: 1em;
    line-height: 1.4em;
    /* border-top: 3px solid #83b2ba; */
    /* padding-top: 1em; */
    /* border-radius: .5em; */
    border-bottom: 3px solid #83b2ba;
    margin-bottom: 1em;/* padding: 1em 1em 0 1em; */
}
.statement2:first-child {
    border-top: 3px solid #83b2ba;
    margin-top: 1em;
    padding-top: 1em;
}
#exportpanel, #exportpanel label {
    color: #FFFFFF;
    font-weight: 300;
}
#exportpanel .ui-panel-inner .ui-radio .ui-btn.ui-radio-on:after {
    display: none !important;
}
#exportpanel .ui-radio:first-child {
    margin-top: 2em!important;
}
#exportpanel p {
    margin: 1em 0!important;
}
.ui-checkbox-off:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on.ui-btn-a:after {
    filter: Alpha(Opacity=30);
    opacity: .3;
    display: none;
}
.ui-popup-container {
    background-color: #FFFFFF!important;
    width: 10.7em;
    border-color: #dedede!important;
}
.ui-popup.ui-body-inherit {
    border-color: #DDDDDD;
}
.sectionContent p {
    margin: 0;
    padding-bottom: 1em;
}
tr.notesbelow td {
    border-bottom: 0!important;
    padding-bottom: 0!important;
}
tr.notesabove td {
    border-top: 0!important;
    padding-top: 0 !important;
    color: #276a7f;
}
/* modal popups */
#popup, #confirm, #fieldpopup {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(203,203,203,0.7);
    z-index: 10000;
}
#popupinner, #confirminner, #fieldpopupinner {
    position: absolute;
    left: calc(50% - 10em);
    top: calc(20%);
    width: 20em;
    height: 11em;
    background-color: #FFFFFF;
    border: 1px solid 000;
    box-shadow: 0 0 12px rgba(0,0,0,.4);
}
#fieldpopupinner {
    height: 14em;
}
#popupbanner, #confirmbanner, #fieldpopupbanner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2.5em;
    background-color: #6C6C6C;
    color: #FFFFFF;
}
#popuptext, #confirmtext, #fieldpopuptext {
    position: absolute;
    left: 0;
    top: 2.5em;
    right: 0;
    height: calc(100% - 2em - 3em);
}
#popupinnerbanner, #confirminnerbanner, #fieldpopupinnerbanner {
    position: absolute;
    left: 0.2em;
    right: 0.2em;
    top: .6em;
    /* bottom: 0.2em; */
    text-align: center;
    vertical-align: middle;
}
#popupinnertext, #confirminnertext {
    position: absolute;
    left: 1em;
    right: 1em;
    top: 1em;
    bottom: 1em;
    text-align: center;
    vertical-align: middle;
}
#fieldpopupinnertext {
    padding: 1em 0 1em 0;
    text-align: center;
    vertical-align: middle;
}
#popupbuttons, #confirmbuttons, #fieldpopupbuttons {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 3.5em;
}
#popupok {
    position: absolute;
    left: calc(50% - 2.5em);
    height: 2em;
    width: 5em;
    padding: 0;
}
#confirmyes {
    position: absolute;
    left: calc(50% - 5em - 2.5em);
    height: 2em;
    width: 5em;
    padding: 0;
}
#fieldpopupcancel {
    position: absolute;
    left: calc(50% + 5em - 2.5em);
    height: 2em;
    width: 5em;
    padding: 0;
}
#fieldpopupuse {
    position: absolute;
    left: calc(50% - 5em - 2.5em);
    height: 2em;
    width: 5em;
    padding: 0;
}
#confirmno {
    position: absolute;
    left: calc(50% + 5em - 2.5em);
    height: 2em;
    width: 5em;
    padding: 0;
}
#faqPage .headlineFAQ, #aboutSitePage .headline {
    font-size: 1em !important;
    line-height: 1.6em;
    font-style: italic;
    font-weight: bold;
    margin: 1em 0 0 0;
}
li {
    margin-bottom: 1em;
}
#aboutSitePage .table {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#aboutSitePage .table-row {
    display: table-row;
}
#aboutSitePage .table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding: 1em 0;
}
#aboutSitePage .table-cell:first-child {
    text-align: left;
}
#newsPage .table {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#newsPage .table-row {
    display: table-row;
}
#newsPage .table-cell {
    display: table-cell;
    vertical-align: top;
    padding: .5em 0;
}
#newsPage .table-cell:first-child {
    width: 12em;
    text-align: right;
    padding-right: 1em;
}
#aboutSitePage .committee-content {
    padding: 1em 0;
}
#aboutSitePage .committee {
    display: table-cell;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    background-repeat: no-repeat;
    background-size: cover !important;
    border: 1px solid #dcdcdc;
}
#aboutSitePage .committee-bio {
    display: table-cell;
    padding: 0 2em;
    vertical-align: top;
}
#aboutSitePage .committee-bio.nopic {
    padding: 0;
}
#homepage .ourStatement .table {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 2em 0 3em 0;
}
#homepage .ourStatement .table-cell {
    display: table-cell;
    border-right: 1px solid #83b2ba;
    padding: 0 1em;
    font-size: 1em;
    line-height: 1.4em;
}
#homepage .ourStatement .table-cell:first-child {
    padding-left: 0;
}
#homepage .ourStatement .table-cell:last-child {
    border-right: none;
}

@media print {
* {
    float: none !important;
    overflow: visible !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
 color: transparent!important;
}
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: transparent!important;
}
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: transparent!important;
}
  :-ms-input-placeholder { /* Internet Explorer 10+ */
 color: transparent!important;
}
#recordmenu {
    display: none;
}
.recordtable, .ui-table {
    border-collapse: initial!important;
    border-spacing: 0px!important;
    width: 98%!important;
    border-top: 1px solid #e8e7e7 !important;
}
.recordtable .recordtablesection, .recordtable .recordtablecolumn1 {
    background-color: transparent;
    color: #000;
}
.recordtable tr, .recordtable td {
    border: 1px solid #e8e7e7 !important;
}
.ui-table tr, .ui-table td, .ui-table th {
    border-top: 1px solid #e8e7e7 !important;
    border-bottom: 1px solid #e8e7e7 !important;
}
.ui-table td:first-child, .ui-table th:first-child {
    border-left: 1px solid #e8e7e7 !important;
}
.ui-table td:last-child, .ui-table th:last-child {
    border-right: 1px solid #e8e7e7 !important;
}
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
    top: inherit;
    left: inherit;
    width: 100%;
    min-height: inherit;
    position: relative;
    border: 0;
}
.ui-checkbox input, .ui-radio input {
    -moz-transform: scale(2)!important;
    transform: scale(inherit);
}
input, textarea, select, .ui-select .ui-btn > span:not(.ui-li-count) {
    /*color: purple!important;*/
    padding-left: 0 !important;
    padding-top: .2em !important;
    vertical-align: middle!important;
}
#submitrecord .ui-input-text.ui-mini {
    font-size: 1em!important;
    margin-left: 0!important;
    padding-left: 0!important;
}
#submitrecord #headerbar {
    display: block;
    background-color: transparent!important;
}
#submitrecord #recordheader, #submitrecord .buttonContainerTop, #homeicon, #quiticon, #LoggedIn, .headerBuzzline, #searchBlock, #mysearchBlock, #searchcontrols, #myrecordslistpage .blockcontainer, #homepageBlock {
    display: none;
}
#recordlisting tr button {
    background-color: transparent!important;
    float: left!important;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}
#submitrecord #headerbar .headerTitle {
    color: #000;
}
#submitrecord .ui-checkbox input, #submitrecord .ui-radio input {
    -moz-transform: scale(2)!important;
    transform: scale(inherit);
}
#recordforediting .ui-btn-icon-right {
    text-align: left!important;
    padding-left: 0!important;
}
#recordforediting .item {
    padding: 0 2em;
}
#recordforediting .item .help {
    margin: 0;
    padding-bottom: 0!important;
}
#recordforediting .item h3 {
    margin-top: 1em!important;
    margin-bottom: 0 !important;
}
#recordforediting textarea.ui-input-text.ui-textinput-autogrow, #recordforediting input {
    min-height: 0px!important;
    overflow: hidden !important;
    font-size: .93em;
}
#recordforediting input, #recordforediting .ui-checkbox label, #recordforediting .ui-radio label, .formselect {
    font-size: .93em;
}
#recordforediting .ui-btn-icon-right {
    padding-top: .2em!important;
}
#submitrecord .item h4:first-of-type {
    padding-top: 1em!important;
}
#checkHorizontal input.forminput {
    border-width: 0!important;
}
/*#recordforediting textarea.ui-input-text.ui-textinput-autogrow {
	padding-left: 0!important;
}*/
#submitrecord [data-role=date] {
    margin-left: 0!important;
    border: none !important;
    font-size: .93em;
}
/*#submitrecord .ui-mini {
    margin: .446em 0!important;
}*/
[class^="ui-grid-"] {
    display: table;
}
[class^="ui-grid-"]>[class^="ui-block-"] {
    display: table-cell;
    vertical-align: top !important;
}
[class^="ui-grid-"]>[class^="ui-block-"] .ui-select {
    padding-top: .5em;
}
/*.groupblock .ui-grid-c>.ui-block-d {
	text-align: right;
	margin-top: .7em;
	margin-right: 0;
	width: 1em;
}*/
.ui-select {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}
.ui-btn-icon-right {
    padding-right: 2.5em;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: .235em;
}
.section h2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin: 0;
}
.sunrisewarning {
    color: #f10000;
    font-style: italic;
    font-size: 1.2em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0;
    padding-bottom: 0;
}
.buttonContainer, #footer {
    display: none;
}
.rightcontentinner, .ui-btn-corner-all, .ui-corner-all, .sunrise {
    border: none !important;
    background-color: #FFF !important;
    box-shadow: none !important;
}
.ui-btn-inline {
    display: inline-block;
    vertical-align: top !important;
    margin-right: .625em;
}
.item, .section h2 {
    padding: 1em;
    padding-left: 1em;
    padding-right: 1em;
}
.ui-select .ui-btn>span:not(.ui-li-count) {
    text-align: left;
    padding-left: 0;
    margin-left: 0;
}
.groupblock [class^="flaticon-"], .groupblock [class^="flaticon2-"], .groupblock [class^="flaticon3-"] {
    display: none;
}
.formdropzone {
    display: none;
}
.groupblocka .ui-grid-c:last-child {
    display: none;
}
.ui-btn-icon-left::after, .ui-btn-icon-right::after, .ui-btn-icon-top::after, .ui-btn-icon-bottom::after, .ui-btn-icon-notext::after {
    display: none!important;
}
}

/*iphone */
@media only screen and (min-width: 120px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 120px) and (max-width: 480px), only screen and (min-width: 120px) and (max-width: 770px) {
body, input, select, textarea, button, .ui-btn {
    font-size: .9em;
    line-height: 1.1;
}
.pagecontent .formPanel {
    margin-bottom: 1em;
    margin-top: 1em;
}
#searchcontainer.block, #fieldscontainer.block, .searchedformenu.block {
    margin-bottom: 0!important;
    padding-bottom: 0 !important;
}
#searchcontrols.blockcontainer {
    margin-top: 0!important;
}
#nosearchresults .sectionContent p:first-child {
    font-size: inherit;
}
#homepage .rightcontent, #myrecordspage .rightcontent, #searchpage .rightcontent {
    padding: 0 1em;
}
#homepage .blockcontainer, #myrecordspage .blockcontainer, #myrecordslistpage .blockcontainer, #searchpage .blockcontainer {
    /*height: 5em;*/
    margin-top: 1em;
    margin-bottom: 0;
}
#homepage .block, #myrecordspage .block, #myrecordslistpage .block, #searchpage .block {
    display: table;
    width: 100%;
    margin-bottom: 1em;
}
.block.empty {
    display: none!important;
}
#myrecordslistpage .blockcontainer {
    display: block;
}
#homepage .blockimage, #myrecordspage .blockimage {
/*position: relative;
	float: left;
	font-size: 3em !important;
	padding-left: 16px;
	padding-top: 6px;*/
}
#homepage .statementContent {
    padding: 0!important;
}
#homepage .strapline {
    margin-bottom: 1em!important;
}
#myrecordslistpage .myrecordsmenu {
    padding-bottom: 0;
}
#myrecordslistpage .blockcontainer {
    margin-top: 0;
}
#recordlisting table {
    margin-bottom: 0;
}
#submitrecord .rightcontent {
    padding-top: 1em;
    padding-bottom: 1em;
}
#headerbar img {
    height: 4em;
    padding-top: 2em;
}
#homeicon, #quiticon {
    top: 5px;
    font-size: 2em;
    color: #D5DFE0;
    cursor: pointer;
}
#homeicon {
    right: 50px;
}
#headerbar .headerTitle {
    font-size: 1.6em;
    padding-top: 2em;
}
#headerbar .headerBuzzline {
    font-size: .78em;
}
#searchcontainer {
    width: 17em;
    float: right;
}
#searchcontainer input, #searchcontainer .ui-input-search {
    font-size: .9em;
}
.block {
    height: 3.5em;
}
.blockimage {
    font-size: 3em;
}
.strapline {
    font-size: 1em;
}
#recordheader {
    padding-left: 1em;
    padding-right: 1em;
}
#recordheader h1 {
    font-size: 1.2em;
}
#prevVersion .ui-select {
/*	margin: 0 0 1em 0;*/
}
#submitmenu {
}
#recordforediting .item {
    padding: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em
}
#recordforediting .item h3 {
    margin-top: 1em;
}
#recordforediting .section h2 {
    padding-top: .5em;
    padding-left: .5em;
    padding-right: .5em;
}
#recordforediting .sunrisewarning {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-bottom: 1em;
}
.buttonContainer {
    margin-top: 1em;
}
.instructions {
    width: 100%!important;
}
.section h2 {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}
.item {
    padding: 1em;
    padding-left: 2em;
    padding-right: 2em;
}
.groupblock .ui-grid-c>.ui-block-a, .groupblock .ui-grid-c>.ui-block-b, .groupblock .ui-grid-c>.ui-block-c, .groupblock .ui-grid-c>.ui-block-d {
    width: 100% !important;
}
.groupblock .ui-grid-c>.ui-block-d {
    text-align: left;
}
.groupblock .ui-select, .countryblock .ui-select {
    width: 100%;
}
#resultscount {
    display: table;
    width: 100%;
    margin-top: 0;
}
#searchResultTable th:first-child {
    min-width: 2.5em;
}
.searchedfor {
    font-size: inherit;
}
/*
.pagecontent .formPanel #loginsubmit .right {
	float:none!important;
}	
*/

}

@media (max-width: 683px) {
body {
/*	font-size: .8em;*/
}
#homepage .columns3, #myrecordspage .columns3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-rule: .2em solid lightblue;
    -moz-column-rule: .2em solid lightblue;
    column-rule: .2em solid lightblue;
    margin-bottom: 0 !important;
    padding: 0!important;
}
#LoggedIn {
    top: 3.5em;
}
#headerbar .headerBuzzline {
    margin: -4em auto 3em auto!important;
}
#headerbar .headerTitle {
    padding-top: .1em;
    height: 3em;
}
#myrecordslistpage table {
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
}
#myrecordslistpage table td .ui-table-cell-label, #myrecordslistpage table th .ui-table-cell-label {
    display: none!important;
}
#myrecordslistpage td:last-child, #myrecordslistpage th:last-child {
    text-align: left!important;
    padding-left: .5em!important;
    padding-bottom: .5em !important;
    border-bottom: none;
}
#myrecordslistpage table td {
    border-left: none!important;
    border-right: none!important;
}
tr.notesbelow td {
    border-bottom: 1px solid #e7e7e7!important;
    padding-bottom: .5em !important;
}
#myrecordslistpage table td:first-child {
    border-top: 1px solid #e7e7e7;
    background-color: #ededed;
}
#recordlisting tr button {
    float: left;
    margin-bottom: 0;
    width: 7em;
}
#recordlisting tr:hover {
    background-color: transparent!important;
}
tr.notesabove td {
    background-color: #fff !important;
    padding-top: .5em !important;
}
#myrecordslistpage td:nth-child(2) {
/*	border: none;*/
}
#searchpage table {
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
    margin-bottom: 1em;
}
#searchpage table td .ui-table-cell-label, #searchpage table th .ui-table-cell-label, #blockcontainer {
    display: none!important;
}
#searchpage td:last-child, #searchpage th:last-child {
    text-align: left!important;
    padding-left: .5em!important;
    padding-bottom: .5em !important;
    border-bottom: none;
    border-top: none;
}
#searchpage table td {
    border-left: none!important;
    border-right: none!important;
}
#searchpage td:nth-child(1) {
    background-color: #EEEEEE;
}
#searchpage td:nth-child(2), #searchpage td:nth-child(3), #searchpage td:nth-child(4), #searchpage td:nth-child(5), #searchpage td:nth-child(6) {
    border: none;
}
#submitmenu {
    float: left;
}
}
.header-nav .icon {
    display: none;
}

@media screen and (max-width: 770px) {
.header-nav {
    text-align: left;
    display: table;
}
.header-nav div.page:not(:first-child), .pageTwitter {
    display: none;
}
.header-nav a.icon {
    display: table-cell;
    width: 1em;
}
}

@media screen and (max-width: 770px) {
.header-nav.responsive {
    position: relative;
}
.header-nav.responsive .icon {
    display: table-cell;
    width: 1em;
    vertical-align: top;
    padding-top: .25em
}
.header-nav.responsive div.page, .header-nav.responsive a.pageTwitter {
    float: none;
    display: block;
    text-align: left;
    margin-bottom: .5em;
}
.header-nav.responsive a.pageTwitter {
    padding-top: .5em;
}
.header-nav .flaticon3-twitter-black-shape:before {
    margin-left: -0.2em;
}
#homepage .blocktext, #myrecordspage .blocktext, #myrecordslistpage .blocktext, #searchpage .blocktext {
    width: 100%;
    margin-top: 0;
    text-align: left;
    padding: .5em 0;
    padding-left: 5.5em;
}
#homepage .ourStatement .table-cell {
    display: table;
    border-bottom: 1px solid #83b2ba;
    border-right: none;
    padding: 1em 0 !important;
}
#homepage .ourStatement .table {
    margin: 0em 0 2em 0;
}
#aboutSitePage .table-cell {
    display: table-row;
}
#aboutSitePage .table-cell img {
    margin-bottom: 2em;
}
.pagecontent {
    min-height: -webkit-calc(100% - 11.7em);
    min-height: -moz-calc(100% - 11.7em);
    min-height: calc(100% - 11.7em);
}
#searchresults .ui-checkbox input, #searchresults .ui-radio input {
    margin: -8px 0 0 -1px;
}
}