html, table, input, select, textarea, div {
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
	font-weight: 400;
    color: #392E27;
    line-height: normal;
}
body {
    background-color: #faf2e6;
    margin: 0;
    padding: 0;
}
table {
    margin-bottom: 20px;
}
a {
    color: #002E5C;
    text-decoration: underline;
}
h1, h2, h3, p {
    vertical-align: top;
    display: block;
}
h1, h2, h3 {
    font-weight: 500;
    font-family: "Lora", Helvetica, serif;
}
h1 {
    color: #160379;
    margin: 0 0 12px;
    padding: 0;
    font-size: 28px;
}
h2 {
    color: #7793BB;
    margin: 16px 0 12px;
    padding: 6pt 0pt 0pt;
    border-top: 1px solid #E9E9E9;
    font-size: 24px;
}
h3 {
    margin: 0 0 12px;
    padding: 0;
    line-height: 160%}
p+table {
    margin-top: 20px;
}
#banner {
    font-size: 13px;
    width: 912px;
    height: 125px;
    position: relative;
    background-image: url(/cbarq/images/c-barq-logo-white-and-blue.png);
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: center;
}
#banner p {
    color: #FFF;
    margin: 0 0 6px;
}
#banner-user-details {
    display: inline;
    text-align: left;
    left: 6px;
    top: 10px;
    z-index: 100;
    height: auto;
    position: absolute;
}
#banner-options {
    position: absolute;
    top: 10px;
    text-align: right;
    z-index: 100;
    display: block;
    right: 10px;
}
#banner-navigation p, #banner-navigation-admin p {
    text-align: center;
    color: #FFF;
    margin: 0;
}
#banner a:link, #banner a:visited, #banner a:hover, #banner a:active, #banner-navigation a:link, #banner-navigation a:visited, #banner-navigation a:hover, #banner-navigation a:active, #banner-navigation-admin a:link, #banner-navigation-admin a:visited, #banner-navigation-admin a:hover, #banner-navigation-admin a:active {
    color: #FFF;
    text-decoration: underline;
    white-space: nowrap;
}
#banner-container {
    background-color: #002E5C;
    display: block;
    width: 100%}
#banner-container-admin {
    background-color: #35542F;
    display: block;
    width: 100%}
#banner-image-link {
    display: block;
    width: 900px;
    height: 125px;
}
#languages {
    display: block;
    position: absolute;
    height: auto;
    width: auto;
    top: 6px;
    right: 256px;
    text-align: right;
    padding: 3px 4px 0;
    margin: 0;
    background-color: #DBD6FE;
}
#banner-navigation, #banner-navigation-admin, #center-content, #center-content-header {
    display: block;
    height: auto;
    padding: 12px;
    margin: 0;
}
#center-content, #center-content-header {
    width: 900px;
    background-color: #FFF;
    text-align: left;
}
#banner-navigation {
    background-color: #7793BB;
}
#banner-navigation-admin {
    background-color: #b0c5ad;
}
#center-content-container {
    background-color: #ffffff;
    display: block;
    width: 100%}
#center-content-header td {
    font-size: 12px;
    margin: 0;
    padding: 10px 0 10px 0;
}
#center-content p {
    text-align: left;
    vertical-align: top;
    display: block;
    margin: 0 0 12px;
    padding: 0;
    line-height: 160%}
#center-content li {
    line-height: 160%;
    text-align: left;
    vertical-align: top;
    display: list-item;
    padding: 0;
    margin: 0 0 9px 0;
}
#center-content ol, ul {
    display: block;
    margin-bottom: 3px;
    margin-top: 0;
    text-align: left;
}
#footer {
    display: block;
    height: auto;
    width: 900px;
    position: relative;
    clear: both;
    padding: 0;
    margin: 12px 0 0 0;
}
#footer p {
    color: #666;
    text-align: center;
    vertical-align: top;
    display: block;
    text-transform: none;
}
.ResultsTitle {
    font: bold 0.7em/120%;
    color: #160379;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #BBB;
    padding: 4px 0 4px 8px;
    background-color: #ECE9FE;
}
.ResultsList {
    font: 0.7em/120%;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #BBB;
    padding: 4px 0 4px 8px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}
table.Results {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #BBB;
    border-bottom-color: #BBB;
    border-left-color: #BBB;
    margin-bottom: 12px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
blockquote {
    background-color: #FFE066;
    font-weight: 700;
    padding: 12px 12px 3px;
    margin: 0 0 20px;
}
div.AdminSidebar {
    padding: 12px;
    background-color: #CDDACB;
    border: 1px solid #436A3D;
}
#DogSnapshot-container {
    overflow: hidden;
}
div.DogSnapshot {
    position: relative;
    width: 43.5%;
    height: 325px;
    display: block;
    float: left;
    margin: 0 2% 2% 0;
    padding: 20px;
    /* border: 0 solid #BCBCBC;
    border-radius: 15px;
    -moz-border-radius: 15px; */
    background: #b7e8f8;
    /* background: -webkit-linear-gradient(rgba(230, 234, 239, 1), rgba(230, 234, 239, .6));
    background: -o-linear-gradient(rgba(230, 234, 239, 1), rgba(230, 234, 239, .6));
    background: -moz-linear-gradient(rgba(230, 234, 239, 1), rgba(230, 234, 239, .6));
    background: linear-gradient(rgba(230, 234, 239, 1), rgba(230, 234, 239, .6)); */
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
div.DogSnapshot:hover {
    background: #FFE791;
    /* background: -webkit-linear-gradient(rgba(255, 231, 145, 1), rgba(255, 231, 145, .6));
    background: -o-linear-gradient(rgba(255, 231, 145, 1), rgba(255, 231, 145, .6));
    background: -moz-linear-gradient(rgba(255, 231, 145, 1), rgba(255, 231, 145, .6));
    background: linear-gradient(rgba(255, 231, 145, 1), rgba(255, 231, 145, .6)); */
}
.AddADog a {
    font-size: 36px;
	font-weight: 600;
    line-height: 310px;
    text-decoration: none;
}
div.DogSnapshot h3 {
    font-size: 16px;
}
span.DogSnapshotBottomLeft, span.DogSnapshotBottomRight {
    font-size: 12px;
    position: absolute;
    bottom: 10px;
}
span.DogSnapshotBottomLeft {
    left: 10px;
}
span.DogSnapshotBottomRight {
    right: 10px;
}
form {
    margin: 0;
}
textarea {
    height: 100px;
    resize: none;
    width: 95%}
input, select, textarea {
    margin-bottom: 24px;
    padding: 4px;
}
input[type=checkbox] {
    margin: 4px 10px 10px 0;
    text-align: left;
    vertical-align: middle;
    width: auto;
}
input[type=radio] {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
label {
    color: #160379;
    padding: 0;
    vertical-align: top;
    display: block;
    font-weight: 700;
    line-height: 130%;
    margin: 0 0 6px;
    text-align: left;
}
label.InlineLabel {
    padding: 0;
    vertical-align: top;
    display: inline;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    text-align: left;
}
span.InlineLabel {
    padding: 0;
    vertical-align: middle;
    display: inline;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    text-align: left;
}
.LabelFinePrint {
    font-weight: 400;
    font-size: 90%}
.TextBoxCaption {
    font-size: .75em;
    display: inline;
    padding-right: 20px;
    padding-left: 4px;
    line-height: normal;
    font-size: .75em;
    vertical-align: top;
}
input.RadioButtons {
    margin-bottom: 8px;
}
input.FixAnswer, select.FixAnswer, textarea.FixAnswer, div.FixAnswer {
    color: red;
    background-color: #FFD9FF;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.FormTable {
    clear: both;
    padding: 0;
    margin: 0 0 20px;
    zoom: 1;
}
.FormTable:before, .FormTable:after {
    content: "";
    display: table;
}
.FormTable:after, .FormTable1stCol {
    clear: both;
}
.FormTableFull, .FormTableHalf, .FormTableThird {
    display: block;
    float: left;
    vertical-align: top;
}
.FormTableFull {
    width: 100%}
.FormTableHalf {
    width: 50%}
.FormTableThird {
    width: 33.3%}
.HiddenText {
    display: none;
    visibility: hidden;
    height: 0;
}
.VisibleText {
    visibility: visible;
    height: auto;
    line-height: auto;
    color: #000;
}
div.VisibleText {
    display: block;
    padding-bottom: 36px;
}
span.VisibleText {
    display: inline;
}
.material-icons.md-18 {
    font-size: 18px;
}
.material-icons.md-24 {
    font-size: 24px;
}
.material-icons.md-36 {
    font-size: 36px;
}
.material-icons.md-48 {
    font-size: 48px;
}
.material-icons.red {
    vertical-align: -6px;
    margin-left: 6px;
    color: red;
}
.material-icons.green {
    vertical-align: -6px;
    margin-left: 6px;
    color: #20B455;
}
.material-icons.gray {
    vertical-align: -6px;
    margin-left: 6px;
    color: #aaa;
}
.material-icons.gold {
    vertical-align: -6px;
    margin-left: 6px;
    color: #FFD700;
}
.buttonGreen, .buttonGray, .buttonAction {
    border: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    color: #fff!important;
    cursor: pointer!important;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 12px 30px;
	white-space: nowrap;
}
.buttonGreen {
    background: #456e3e;
}
.buttonGreen:hover {
    background: #2b4426;
}
.buttonGray {
    background: #bababa;
}
.buttonGray:hover {
    background: #9a9a9a;
}
.buttonAction {
    background: #ffad0d;
}
.buttonAction:hover {
    background: #E8800C;
}
.buttonGreenNarrow, .buttonGrayNarrow, .buttonActionNarrow {
    width: 100px;
}
a.buttonGreen, a.buttonGray, a.buttonAction {
    /* line-height: 38px; */
    text-decoration: none;
}
a.buttonForIcons, span.buttonForIcons {
    line-height: 30px;
    padding: 4px 4px 4px 0;
}
span.buttonForIcons {
    cursor: not-allowed!important;
}
.buttonGreen>i, .buttonGray>i, .buttonAction>i {
    vertical-align: text-bottom;
    padding-left: 4px;
}
.BoldFace {
    font-weight: 700;
}
.LightFace {
    font-weight: 400;
}
.CenterText {
    text-align: center;
}
.RightText {
    text-align: right;
}
.LeftText {
    text-align: left;
}
.TopText {
    vertical-align: top;
}
.BottomText {
    vertical-align: bottom;
}
.Lowercase {
    text-transform: lowercase;
}
.Uppercase {
    text-transform: uppercase;
}
.SmallText {
    font-size: 90%}
.SmallerText {
    font-size: 70%}
.SmallestText {
    font-size: 50%}
.InverseText {
    color: #fff;
}
.ExtraMargin {
    margin: 20px;
}
.ExtraMarginTop {
    margin-top: 20px;
}
.ExtraMarginRight {
    margin-right: 20px;
}
.ExtraMarginBottom {
    margin-bottom: 20px;
}
.ExtraMarginLeft {
    margin-left: 20px;
}
.ExtraMarginHorizontal {
    margin-left: 20px;
    margin-right: 20px;
}
.ExtraMarginVertical {
    margin-top: 20px;
    margin-bottom: 20px;
}
.ZeroMargin {
    margin: 0;
}
.ZeroMarginTop {
    margin-top: 0;
}
.ZeroMarginRight {
    margin-right: 0;
}
.ZeroMarginBottom {
    margin-bottom: 0;
}
.ZeroMarginLeft {
    margin-left: 0;
}
.ZeroMarginHorizontal {
    margin-left: 0;
    margin-right: 0;
}
.ZeroMarginVertical {
    margin-top: 0;
    margin-bottom: 0;
}
.ExtraPadding {
    padding: 20px;
}
.ExtraPaddingTop {
    padding-top: 20px;
}
.ExtraPaddingRight {
    padding-right: 20px;
}
.ExtraPaddingBottom {
    padding-bottom: 20px;
}
.ExtraPaddingLeft {
    padding-left: 20px;
}
.ExtraPaddingHorizontal {
    padding-left: 20px;
    padding-right: 20px;
}
.ExtraPaddingVertical {
    padding-top: 20px;
    padding-bottom: 20px;
}
.ZeroPadding {
    padding: 0;
}
.ZeroPaddingTop {
    padding-top: 0;
}
.ZeroPaddingRight {
    padding-right: 0;
}
.ZeroPaddingBottom {
    padding-bottom: 0;
}
.ZeroPaddingLeft {
    padding-left: 0;
}
.ZeroPaddingHorizontal {
    padding-left: 0;
    padding-right: 0;
}
.ZeroPaddingVertical {
    padding-top: 0;
    padding-bottom: 0;
}
.ClearBoth {
    clear: both;
}
.TableContainer {
    display: table;
    width: 100%;
    margin: 20px 0;
}
.TableHeader {
    display: table-header-group;
}
.TableCell {
    display: table-cell;
    vertical-align: middle;
}
.TableCellNarrow {
    width: 8%}
.TableCellNarrow:last-child {
    border-left: 2px solid gray;
    text-align: center;
}
.TableCellWide {
    width: 52%}
.TableCell50Pct {
    width: 50%}
.TableCell25Pct {
    width: 25%}
.TableCell10Pct {
    width: 10%}
.TableCell input {
    vertical-align: middle;
    margin: 0;
}
.TableCellPadding {
    padding: 14px;
}
.TableCellPadding0Left {
    padding: 14px 14px 14px 0;
}
.TableCellPaddingLight {
    padding: 4px;
}
.TableCellPaddingLight0Left {
    padding: 4px 4px 4px 0;
}
.TableHeader .TableCell {
    background-color: #002E5C;
    color: #FFF;
    font-weight: 700;
}
.TableCellDescriptor {
    display: none;
    visibility: hidden;
}
.BackToTop {
    display: none;
    visibility: hidden;
}
.RadioButtonLabel {
    display: none;
    visibility: hidden;
}
.NoWrap {
    white-space: nowrap;
}
.TableRow {
    display: table-row;
    width: 100%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.TableRow:hover {
    background: #FFE791;
}
.TableRuleTop {
    border-top: 1px solid #BBB;
}
.TableRuleTopLeft {
    border-top: 1px solid #BBB;
    border-left: 1px solid #BBB;
}
.TableRuleBottomRight {
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
}
.TableCellAltRow {
    background: #E6EAEF;
}
.ProgressBarContainer {
    display: block;
    background: #E6EAEF;
    width: 70%;
    float: right;
}
.ProgressBarColor {
    background-color: #20B455;
}
.ProgressBarText {
    padding: 4px 6px;
}
#center-content ol.ProgressBarIconSet {
    display: inline-block;
    float: right;
    margin: 4px 0;
}
#center-content li.ProgressBarIcon {
    display: inline-block;
    text-align: center;
    line-height: 25px;
    width: 25px;
    height: 25px;
    background-color: #ccc;
    border-radius: 50%;
    margin-right: .25em;
    margin-bottom: .25em;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
#center-content li.ProgressBarColor {
    background-color: #20B455;
}
#homepage-banner {
    background-color: #002E5C;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
#homepage-banner-container {
    display: block;
    margin: 0 auto;
    width: 1020px;
    padding: 0 0 0 20px;
    height: 375px;
    background-image: url(/cbarq/images/cbarq-homepage-banner-dog.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
#homepage-banner-container h1 {
    font-size: 46px;
    font-weight: 400;
    color: #fff;
    width: 58%;
    text-align: left;
    line-height: 100%}
#homepage-banner-container p {
    font-size: 20px;
    font-weight: 400;
    color: #c7d3e5;
    width: 55%;
    text-align: left;
}
#homepage-login {
    background-color: #ECECE6;
    color: #1C391F;
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 0 auto;
}
#homepage-notice {
    background-color: #ECECE6;
    color: #1C391F;
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 0 auto;
}
#homepage-login h2, #homepage-notice h2 {
    color: #160379;
    font-size: 24px;
    margin: 0;
    padding: 0;
    border: none;
}
#homepage-login-container, #homepage-footer-container {
    display: block;
    margin: 0 auto;
    width: 1020px;
    padding: 0 0 0 20px;
    height: 225px;
}
#homepage-login-new-users {
    display: inline;
    width: 210px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    height: 100px;
    border: 0 0;
}
#homepage-login-returning-users {
    display: inline;
    width: 430px;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 0 20px;
    text-align: left;
    height: 175px;
    border-right: 2px solid #DADACD;
    border-left: 2px solid #DADACD;
}
#homepage-login-register-groups, #homepage-login-febarq-ad {
    display: inline;
    width: 320px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
}
#homepage-donate {
    background-color: #FFE26F;
    text-align: center;
    display: block;
    margin: 0;
    padding: 10px;
    clear: both;
}
#homepage-donate p {
    font-size: 18px;
    font-weight: 700;
}
#homepage-footer {
    color: #1C391F;
    text-align: center;
    display: block;
    margin: 0;
    padding: 20px;
    clear: both;
}
#homepage-footer h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
}
#homepage-footer-container .homepage-block:first-child {
    text-align: left;
}
#homepage-login p, #homepage-footer p {
    display: block;
    margin: 0 0 10px 0;
    line-height: 160%}
.homepage-block {
    border-left: 2px solid #ABABAB;
    display: inline;
    float: left;
    min-height: 150px;
    padding: 1.5%;
    vertical-align: top;
    width: 30%}
.homepage-block:first-child {
    padding-left: 0;
    border-left: none;
}
#homepage-login-returning-users label {
    display: block;
    margin: 0 0 6px 0;
    font-weight: 700;
}
#homepage-login-returning-users-username, #homepage-login-returning-users-pwd, #homepage-login-returning-users-button {
    float: left;
    display: inline;
    padding: 0 12px 0 0;
}
#homepage-login-returning-users-button {
    margin: 18px 0 0 0;
}
#homepage-login-returning-users-text {
    clear: both;
    display: block;
    float: none;
    margin-top: 12px;
}
.sticky {
    position: fixed;
    top: 0;
    width: 900px;
    background-color: #fff;
    padding: 12px 0;
    z-index: 1000;
}
.sticky+.TableContainer {
    padding-top: 60px;
}
#devBanner {
    background-color: #FFE066;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 6px;
    text-align: center;
}
@media screen and (max-width:1023px) {
    div.DogSnapshot {
    width: auto;
    float: none;
    margin: 10px auto;
}
input[type=text] {
    width: 97%}
input[type=number] {
    width: 97%}
select {
    width: 100%}
select.SmallMenus {
    width: auto;
}
/* }@media screen and (min-width:480px) and (max-width:1023px) {
    div.DogSnapshot {
    width: 43.5%} */
}@media screen and (max-width:1023px) {
    html, body {
    width: 100%}
#homepage-banner, #banner {
    width: 100%;
    height: 75px;
    background-image: url(/cbarq/images/c-barq-logo-white-and-blue.png);
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center;
}
#banner-image-link {
    display: block;
    width: 100%;
    height: 75px;
}
#homepage-login, #homepage-footer, #footer {
    padding: 20px;
}
#homepage-login-container, #homepage-login-new-users, #homepage-login-returning-users, #homepage-login-returning-users label, #homepage-login-register-groups, #homepage-login-returning-users-username, #homepage-login-returning-users-pwd, #homepage-login-returning-users-button, #center-content-container, #DogSnapshot-container, #homepage-footer-container, .homepage-block {
    display: block;
    float: none;
    text-align: center;
    width: 100%;
    height: auto;
    min-height: auto;
}
#homepage-login-new-users, #homepage-login-returning-users, .homepage-block {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #ABABAB transparent;
    border-style: none none solid none;
}
#homepage-login-container, #homepage-login-returning-users-username, #homepage-login-returning-users-pwd, #homepage-login-returning-users-button, #homepage-login-returning-users-text, #homepage-footer-container {
    padding: 0;
    margin: 0;
}
#homepage-banner-container, #banner-user-details, #banner-options, #homepage-login-febarq-ad {
    display: none;
    visibility: hidden;
}
#homepage-footer-container .homepage-block:first-child {
    text-align: center;
}
#banner-navigation, #banner-navigation-admin, #center-content, #center-content-header, #footer {
    width: auto;
    border: none;
    margin: 0 auto;
}
.FormTableHalf, .FormTableThird {
    display: block;
    width: 100%}
.FormTable1stCol {
    float: none;
    clear: none;
}
.BackToTop {
    display: block;
    visibility: visible;
}
.TableCell {
    display: block;
    vertical-align: middle;
}
.TableCellNarrow, .TableCellWide, .TableCell50Pct, .TableCell25Pct, .TableCell10Pct {
    width: auto;
}
.TableCellNarrow:last-child {
    border: none;
    text-align: inherit;
}
.TableCellDescriptor {
    display: inline;
    visibility: visible;
    font-weight: 700;
}
.TableRow {
    display: block;
    border-bottom: 1px solid #999;
}
.TableRow:first-child {
    border-top: 1px solid #999;
}
.RadioButtonLabel {
    color: #333;
    display: inline;
    font-weight: 400;
    line-height: 160%;
    margin-left: 6px;
    visibility: visible;
}
.HideOnDevices, .cfdebug {
    display: none;
    visibility: hidden;
}
.StatusMessages {
	display: block;
	margin: -15px 0 20px;
}
.buttonGreen, .buttonGray, .buttonAction {
	line-height: auto;
	display: block;
}
}