body { font-family: Arial; font-size: 1em; background-color: white; font-family: Open Sans, sans-serif; }

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, th { margin: 0; padding: 0; box-sizing: border-box; }

table { border-collapse: collapse; }

#page { margin: 0 auto; width: 100%; min-width: 320px }
a { color: inherit; text-decoration: none; }
a:hover { color: #284465; }

.max1000 { width: 100%; max-width: 1000px; margin: 0 auto; }

.validationErrors {font-weight: bold; color: red;}

/* override default styles in shared controls.css */
input[type=submit] {background-color: #FFAA32 !important; font-size: 1.15em !important}
select {font-size: 1.2em !important}

div.buttonGroupEnterResults input[type=submit] {background-color: #FFAA32 !important; margin: 30px; }
div.buttonGroupEnterResults input[type=submit]:nth-child(2) { margin-left: 80px;}
div.buttonGroupEnterResults input[type=submit]:nth-child(3) { margin-left: 80px;}
div.buttonGroupEnterResults input[type=submit].backButton { background-color: silver !important;}


#regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password] 
  { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 4px 5px; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 1.1em; }

#searchResults {margin-top: 15px;}
#searchResults .summary {font-weight: bold; margin: 10px 0; color: gray;}

.columns { clear: both; margin: 0 auto; }
  .columns .column { display: inline-block; vertical-align: top; padding: 0 1% 5px 0; margin: 4px 0 0 100px; width: auto; min-width: 240px;}
  .columns .column:first-child {margin-left: 30px;} 
    .columns .column:before { content: ""; display: inline-block; vertical-align: middle; height: 1px; } 
    .columns .column h3 { margin-top: 0; }
    .columns .column table { margin: 0 10px; }

@media all and (max-width: 870px) {
  .columns .column { margin-left: 50px;}
  .columns .column:first-child { margin-left: 0;}
}
@media all and (max-width: 750px) {
  .columns .column { width: 100% !important; max-width: 100%; margin-left: 0 !important;}
  .columns .column:last-child {padding-left: 50px;}
}


/* Region: Information boxes - warning and information */
.msgboxInformation { display: none; background: url(/images/message-boxes/message_info.jpg) no-repeat top right; color: white; background-color: #9EC933; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; }
.msgboxInformation #msgInformationToUserText { background: url(data:image/png;base64,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) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: .9em; font-weight: bold; }
.msgboxWarning { display: none; background: url(/images/message-boxes/message_warning.jpg) no-repeat top right; background-color: #FFB00B; color: white; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; }
.msgboxWarning #msgWarningToUserText { background: url(data:image/png;base64,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) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 28px; line-height: 28px; font-size: .9em; font-weight: bold; }


.autocomplete-suggestions { border: 1px solid #999; background: #FFF !important; overflow: auto; }
.autocomplete-suggestions:hover {cursor: pointer;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; font-size: 1.2em; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


#regTopMenuBar {}
#regTopMenuBar .logo { height: 135px; position: absolute; top: 0; left: calc(100% /2 - 100px); }
#regTopMenuBar .menuLinks { margin-top: 92px; width: 100%; clear: both; background-color: #284465; height: 50px; color: #fff; font-size: 1em; }
#regTopMenuBar .menuLinks div.left {float: left; padding: 13px 20px 13px 20px; font-weight: bold;}
#regTopMenuBar .menuLinks div.right {float: right; padding: 13px 20px 13px 20px; font-weight: bold;}
#regTopMenuBar .menuLinks a {color: white;}
#regTopMenuBar .menuLinks a:hover {color: #dddddd;}


#regBodyContent { background-color: #FFFFFF; font-size: 0.88em; padding: 10px 20px 22px 20px; min-height: 450px; }
  #regBodyContent h1 { margin-top: 5px; margin-bottom: 8px; font-size: 2.55em; font-weight: 700; color: #F78D2B; }
  #regBodyContent h2 { margin-top: 20px; margin-bottom: 0px; font-size: 1.65em; font-weight: 700; color: #444444 !important;}
  #regBodyContent h3 { padding-top: 20px; margin-bottom: 0px; font-size: 1.35em; font-weight: 700; color: #284465; }


#regFooter { clear: both; font-size: 0.85em; background-color: #284465; color: #aaaaaa; padding: 15px 0 15px 0; margin-top: 25px; width: 100%; overflow: hidden; text-align: center;}
#regFooter span, #regFooter div { display: inline; }
#regFooter .spanBreak {padding-left: 15px;}
  #regFooter b {color: #eaeaea}
  #regFooter a { color: #eaeaea; }
#regFooter a:hover { color: #eaeaea; }


 .cruftsEnterResults { overflow: hidden; width: 100%; margin: 0; padding: 0; }

 .cruftsEnterResults .panel { float: left; width: calc(20% - 20px); margin: 10px; padding: 0; border: 1px solid #ccc; cursor: pointer; overflow: hidden; }
 .cruftsEnterResults .panel .panelTop { width: 100%; float: left; padding: 5% 20%; position: relative; }
 .cruftsEnterResults .panel .panelTop .accInfoQty { position: absolute; bottom: -10px; right: 10px; background-color: red; color: #fff; text-align: center; min-width: 35px; padding: 10px 10px; font-weight: bold; font-size: 1.2em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
 .cruftsEnterResults .panel .panelTop img { width: 100%; }
 .cruftsEnterResults .panel .panelBot { height: 30px; color: #fff; float: left; width: 100%; background-color: #555; text-align: center; font-size: .95em; font-weight: bold; padding: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

 .cruftsEnterResults .panelWide { float: left; width: calc(50% - 20px); margin: 10px; padding: 0; border: 1px solid #ccc; cursor: pointer; overflow: hidden; }
 .cruftsEnterResults .panelWide .panelTop { width: 100%; padding: 2% 0%; height: 130px; position: relative; text-align: center;}
 .cruftsEnterResults .panelWide .panelTop img { max-height: 100%;}
 .cruftsEnterResults .panelWide .panelBot { height: 47px; color: #fff; float: left; width: 100%; background-color: #555; text-align: center; font-size: 1.1em; font-weight: bold; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.options { overflow: hidden; width: 100%; margin: 0; padding: 0; }
 .options .panel { float: left; width: calc(33% - 20px); margin: 10px; padding: 0; border: 1px solid #ccc; cursor: pointer; overflow: hidden; background-color: #eaeaea }
 .options .panel.done {background-color: #0BDA51;}
 .options .panel .panelTop { xxborder: 1px solid red; height: 55px; width: 100%; float: left; text-align: center; padding: 15px 10px; font-size: 1.7em; font-weight: bold; }
 .options .panel .panelBot { xborder: 1px solid red; height: 70px; float: left; width: 100%; text-align: center; font-size: 1.1em; font-weight: bold; padding: 5px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

 .options .panelGroupandShow { float: left; width: calc(33% - 20px); margin: 10px; padding: 0; border: 1px solid #ccc; cursor: pointer; overflow: hidden; background-color: #eaeaea }
 .options .panelGroupandShow.done {background-color: #0BDA51;}
 .options .panelGroupandShow .panelBot { xborder: 1px solid red; float: left; width: 100%; text-align: center; font-size: 1.2em; font-weight: bold; padding: 40px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

 .options .panelBreed { float: left; width: calc(33% - 20px); margin: 10px; padding: 0; border: 1px solid #ccc; cursor: pointer; overflow: hidden; background-color: #eaeaea }
 .options .panelBreed.done {background-color: #4CFF00;}
 .options .panelBreed .panelBot { xborder: 1px solid red; float: left; width: 100%; text-align: center; font-size: 1.2em; font-weight: bold; padding: 40px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


table.summary {border: 0 !important; border-collapse: separate; margin: 2px 0 5px 5%;}
table.summary tbody td {border: 0 !important; border-bottom: 1px solid #CCC !important; padding: 5px !important}
table.summary tbody td a { font-weight: bold; }
table.summary tbody > tr:first-child td {color: black; font-weight: bold; font-size: 1em}
table.summary tbody td td {vertical-align: text-top;border: 0 !important;}

table.reportsToDownload {border: 0 !important; border-collapse: separate; margin: 2px 0 5px 5%;}
table.reportsToDownload td {border: 0 !important; border-top: 1px solid #CCC !important; padding: 5px 10px !important}
table.reportsToDownload td:first-child {font-size: .9em; font-weight: bold; color: #444444}
table.reportsToDownload td input[type=submit] { font-size: .9em !important}


 table.tableData {font-size: 1.1em; border: 0 !important; border-collapse: collapse; margin: 2px 0 5px 0;}
 table.tableData tr:first-child td {background-color: #dadada;}
  table.tableData tr td {padding: 7px 5px 7px 10px!important; font-size: .95em; font-weight: bold; color: #333333 !important; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-left: none; border-right: none;}

 
 @media only screen and (max-width: 1000px) {
  .cruftsEnterResults .panel { width: calc(25% - 20px); }
 }
 @media only screen and (max-width: 700px) {
  .cruftsEnterResults .panel { width: calc(33.3333% - 20px); }
  .cruftsEnterResults .panelWide { width: calc(100% - 20px); }
 }
 @media only screen and (max-width: 550px) {
  .cruftsEnterResults .panel { width: calc(50% - 20px); }
 }
 @media only screen and (max-width: 400px) {
  .cruftsEnterResults .panel { width: calc(100% - 20px); }
  .cruftsEnterResults .panel .panelTop { padding: 2% 35%; }
 }