/* Prevent Zoom on Category Edit Controls */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .k textarea,
  .k input[type='text'] {
    font-size: 16px;
  }
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.success-text{
    color:green;
}

.none-text{
    display:none;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #19478D !important;
}

.slicknav_nav ul {
    margin:0px !important;
}

/* Header */
#headerTopRow{
    height:36px;
    background:#19478D;
    position:sticky;
    top:0;
    z-index:10000;
}

#headerTopRow .hbr-link {
    color: #fff;
    display: block;
    width: 85px;
    text-align: center;
    padding: 3px 10px 0 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    border: thin solid #ffffff;
    float:right;
}

#headerTopMenu {
    display: none;
    position: sticky;
    z-index: 1;
    background: #19478d;
    margin:30px 0px 0px 0px;
}

#headerTopRow .slicknav_menu {
    font-size: 15px;
    background: #19478d;
}

#headerTopRow .slicknav_btn {
    background-color: #19478d;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 5px 1px;
}

#headerTopRow .slicknav_menutxt {
    text-shadow: none;
}

#headerTopRow .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background: #70b8ff;
    border-radius: 6px;
}

#headerMidRow{
    padding:5px 0px;
    overflow:hidden;  
    background:#70B8FF;
}

#headerLogo {
    max-width:255px;
    width:100%;
}

.headerSeasonalItem {
    text-align: center;
}

.headerSeasonalItem h3 {
    font-size: 13px;
    margin: 0px;
}

#headerSeasonal a div:hover {
    color: white;
}

#headerSeasonal a img:hover {
    border: white solid 2px;
    text-decoration: none;
}

#headerSeasonal img {
    border: darkblue solid 2px;
    max-width: 120px;
    width: 100%;
}

#headerSeasonal a:active {
    color: darkblue;
    text-decoration: none;
}

#headerSeasonal a:link {
    color: darkblue;
    text-decoration: none;
}

#headerSeasonal a:visited {
    color: darkblue;
    text-decoration: none;
}

#headerBottomRow {
    background: #19478d;
    position: relative;
    text-align:center;
}

#headerBottomRow div{
    border:1px solid white;
}

#headerBottomRow a:link {
    color: white;
    text-decoration: none;
}

#headerBottomRow a:active {
    color: white;
    text-decoration: none;
}

#headerBottomRow a:hover {
    color: white;
    text-decoration: none;
}

#headerBottomRow a:visited {
    color: white;
    text-decoration: none;
}

/* RecentlyAdded Category */
.recentlyAddedItem {
    text-align: center;
}

.recentlyAddedItem h5 {
    font-size: 13px;
    margin: 0px;
}

#recentlyAdded a div:hover {
    color: darkblue;
}

#recentlyAdded a img:hover {
    border: white solid 2px;
    text-decoration: none;
}

#recentlyAdded img {
    border: darkblue solid 2px;
    max-width: 120px;
    width: 100%;
}

#recentlyAdded a:active {
    color: darkblue;
    text-decoration: none;
}

#recentlyAdded a:link {
    color: darkblue;
    text-decoration: none;
}

#recentlyAdded a:visited {
    color: darkblue;
    text-decoration: none;
}

/* Footer */
#footer {
    color: white;
    background: #19478D;
    text-align: center;
    padding: 5px 0px;
}

#footer h5 {
    clear: both;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    font-size: 0.83em;
}

#footer a:link {
    color: white;
}

#footer a:active {
    color: white;
}

#footer a:hover {
    color: white;
}

#footer a:visited {
    color: white;
}

/* Home Page */
#homePage .home-img {
    width: 100%;
    max-width: 420px;
}

#homePage p {
    margin: 5px 20px 20px 10px;
}

#homeRecent a {
    text-decoration: none;
    color: #19478D;
}

#homeRecent ul {
    list-style:none;
    padding:0px;
    font-size:20px;
}

#homeRecent .recentlyAddedItem {
    border: 1px solid #19478D;
}

#homeRecent .recentlyAddedItem img{
    float:left;
}

#homeRecent .recentlyAddedItem .col-6{
    border: 1px solid #19478D;
    padding: 0px;
}

#homeRecent .recentlyAddedItem .col-6:first-child {
    border-right:none;
}

#homeRecent .recentlyAddedItem .col-6:last-child {
    border-left:none;
}

/* Dog Name Finder Control */
.dnf
{
    overflow:hidden;
    border:1px solid #6B6B6B;
    background:#F5F5F5;
}

.dnf ul {
    list-style: none;
    margin: 5px auto 0px auto;
    overflow: hidden;
    padding: 0px;
    width: 300px;
}

.dnf li {
    margin: 4px 0px;
}

.dnf label {
    margin: 8px;
    display: block;
    float: left;
    width: 60px;
    text-align: right;
}

.dnf select {
    margin: 8px;
    width: 185px;
}

#homePage .dnf h2 {
    text-align: center;
    margin: 0px;
    color: white;
}

.dnf-hdr{
    background:#6B6B6B;
    height:40px;
}

.dnf-btn
{
    text-align:center;
    margin:10px 0px 15px 0px;
}

/* Home: Social Media Panel Container */
#hm-soc{
    text-align:center;
    min-height:30px;
    background:yellow;
    padding:5px 7px;
    border:1px solid #19478D;
    height:100px;
}

/* Facebook Image */
#hm-soc-fb{
    border:none;
    margin:7px 0px 7px 0px;
    width:42px;
}

/* Twitter Image */
#hm-soc-tw{
    margin:7px 0px 7px 9px;
    border:none;
    width:42px;
}

/* Home: Name of the Week Panel */
#hm-notw {
    overflow: hidden;
    height: 112px;
    border: 1px solid #CC0000;
}

/* Name of the Week Panel Header */
#hm-notw-hdr{
    min-height:30px;
    background:#CC0000;
    text-align:center;
    color:white;
    font-weight:bold;
    padding:5px 0px 0px 0px;
}

/* Name of the Week panel body */
#hm-notw-bdy{
    
    text-align:center;
    padding:12px 0px 0px 0px;
    font-size:25px;
    color:#323232;
    font-weight:bold;
}

/* Privacy Policy: Main Container*/
#priv{
    padding:10px;
    overflow:hidden;
}

#priv h1{
    margin:0px;
    background:#19478D;
    color:white;
    padding:5px 10px;
}

/* Privacy Policy: Main Paragraph */
#priv-intro{
    margin:30px 10px 0px 10px;
}

.priv-sec {
    margin: 0px 0px 0px 20px;
}

.priv-sec h2 {
    background: #19478D;
    color: white;
    padding: 2px 20px;
}

.priv-sec p {
    margin: 0px 10px 0px 10px;
}

/* Contact Page: Main Container */
#ctc-cnt {
    overflow: hidden;
}

#ctc-cnt ul {
    list-style: none;
    padding: 0px;
    margin: 0px 20px;
}

#ctc-cnt li {
    margin: 15px 0px 0px 0px;
    clear: both;
    width: 100%;
    overflow: hidden;
}

#ctc-cnt label {
    vertical-align: top;
    width: 80px;
    display: block;
}

#ctc-cnt-2 {
    overflow: hidden;
    border: 1px solid #19478D;
    margin: 15px 1% 15px 1%;
    background: #FDFDFD;
}

#ctc-hdr {
    margin: 10px 0px 15px 0px;
    color: #080D40;
    background: #FAF75C;
    text-align: center;
    margin: 0px;
    padding: 8px;
}

#ctc-hdr h1 {
    margin: 0px;
}

#ctc-txt{
    display:block; 
    margin:20px 10px;
}

#ctc-submit-btn {
    margin: 0px 10px 10px 22px;
    display: block;
    float: left;
}

#ctc-cap {
    margin: 10px 0px 10px 20px;
    display: block;
    float: left;
}

#ctc-cap .g-recaptcha {
    float: left;
}

.ctc-valid span {
    vertical-align: top;
}

.ctc-email-box{
    width:80%;
    max-width:340px;
}

.ctc-comment-box{
    width:90%;
    max-width:500px;
}

/* NameFinder Results Page */
#nfind{
    overflow:hidden;
    width:100%;
    margin:0px auto;
}

#nfind h1 {
    margin: 5px 0px 10px 22px;
    font-size: 26px;
}

#nfind ul {
    list-style: none;
    font-size: 19px;
}

.multi-column-list{
    columns:400px auto;
    list-style: none;
}

.multi-column-list li {
    break-inside: avoid-column; 
    page-break-inside: avoid; 
    -webkit-column-break-inside: avoid; 
}

/* Group Page */
#grp-main h2 {
    margin: 0px;
    background: #19478D;
    color: white;
    padding: 5px 10px;
}

#grp-main ul {
    list-style: none;
}

#grp-main p {
    margin: 15px 7px;
}

#grp-soc {
    background: yellow;
    border: thin solid black;
    height: 56px;
    width:125px;
}

#grp-fb {
    border: none;
    margin: 7px 0px 7px 0px;
    width: 42px;
}

#grp-tw {
    margin: 7px 0px 7px 9px;
    border: none;
    width: 42px;
}

#groupRecent a {
    text-decoration: none;
    color: #19478D;
}

#groupRecent ul {
    list-style: none;
    padding: 0px;
    font-size: 20px;
}

.recentlyAddedNewsItem {
    text-align:center;
}

#groupRecent .recentlyAddedNewsItem {
    border: 1px solid #19478D;
}

#groupRecent .recentlyAddedNewsItem img {
    float: left;
}

#groupRecent .recentlyAddedNewsItem .col-6 {
    border: 1px solid #19478D;
    padding: 0px;
}

#groupRecent .recentlyAddedNewsItem .col-6:first-child {
    border-right: none;
}

#groupRecent .recentlyAddedNewsItem .col-6:last-child {
    border-left: none;
}

.subgroupLink, .subgroupLink:hover, .subgroupLink:visited, .subgroupLink:active {
    text-decoration: none;
    color: white;
}

#groupLinks ul{
    min-height:500px;
}

#groupLinks li {
    margin:5px 0px 0px 0px;
}

/* Category Page */

#top {
    scroll-margin-top: 40px;
}

#full {
    scroll-margin-top: 40px;
}

#group {
    scroll-margin-top: 40px;
}

#img {
    scroll-margin-top: 40px;
}

#user {
    scroll-margin-top: 40px;
}

#cat {
    overflow:clip;
}

#cat table{
    border-collapse:collapse;
    border:1px solid #000000;
}

#cat th{
    background:#70B8FF;
    margin: 10px 5px;
    font-weight: bold;
    font-size: 18px;   
}

#cat table, th, td{
    margin:15px 0px;
    border:1px solid black !important;
}

#cat td{
    padding:2px 10px;
}

#cat th{
    padding:5px;
}

/* MyDogNameIs Panel */
#my-dog-hdr {
    padding: 5px 0px 5px 0px;
    color: white;
    background: #CC0000;
    float: left;
    text-align: center;
    font-weight: bold;
    width: 100%;
    border: 1px solid #CC0000;
    height:100%;
}

#my-dog-bdy {
    background: #EEEEEE;
    border: 1px solid #CC0000;
    text-align:center;
    height:100%;
}

#my-dog-box {
    margin: 2px 0px 2px 5px;
    width: 50%;
}

#my-dog-btn {
    margin: 0px 1% 0px 0px;
}

/* Category Page: Internal Path Link */
#cat-path {
    margin: 0px 0px 0px 5px;
    font-size: 12px;
}

/* Category Page: Image Social Panel */
#cat-imgsoc {
    background: lightblue;
    padding: 2%;
    border: 1px solid #19478D;
    margin: 0px 10px 0px 0px;
    max-width: 375px;
}

/* Category Page: Image Social Panel Main Image*/
#cat-img {
    margin: 0px 6% 10px 0px;
    display: block;
    float: left;
    max-width:278px;
    width:80%;
}

/* Category Page: Social Container */
#cat-soc {
    overflow: hidden;
}

#cat-soc img {
    max-width:40px;
    width:100%;
}

#cat-soc a {
    display: block;
    text-decoration: none;
    margin: 0px 0px 5px 0px;
}

#cat-name{
    font-weight:bold;
}

#cat-update{
    font-style:italic;
    font-weight:bold;
}

/* Category Quick Nav Menu */
#quick-nav {
    overflow: hidden;
    width:250px;
    position: fixed;
    top: 0;
    padding:0;
}

#quick-nav a {
    background: #25b342;
    color: white;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 2px 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    height:35px;
    vertical-align:middle;
    line-height:30px;
}

#quick-nav.fixed {
    position: fixed;
    top: 0;
}

#quick-nav a.active {
    background: #116623;
}

/* Category Page: Names Table */
#nt-footer{
    background:#70B8FF;
    height:60px;
    vertical-align:top;
}

#nt-footer input{
    margin:5px 0px 0px 0px;
}

#nt-suggest-box {
    width: 5em;
}

#nt-suggest-cnt {
    margin: 0px 5px 0px 0px;
    font-size: 16px;
}

#nt-submit-cnt {
    overflow: hidden;
}

#nt-submitted{
    display:none;
    color:green;
}

#nt-page {
    padding: 4px;
}

#nt-page a {
    margin: 0px 1px;
}

/* MyName Page */
#myname-cnt{
    color:#2B2B2B;
    overflow:hidden;
}

#myname-img{
    margin:5px 5%;
    max-width:300px;
    width:90%;
}

#myname-form-cnt{
    overflow:hidden;
    margin:5px 0px 25px 0px;
    padding:5px;
    background:#EEEEEE;
    border:solid thin grey;
}

#myname-form-cnt h2 {
    color: Black;
    margin: 0px;
}

#myname-share-btn {
    margin: 10px 0px 30px 15px;
}

#myname-formctrl-cnt{
    margin:5px 0px 15px 10px;
}

#myname-rchar-cnt{
    float:right;
    margin:0px 15px 0px 0px;
}

#myname-cmt-cnt{
    margin:10px 0px 10px 0px
}

/* MyNameAdded Page */
#mna-cnt{
    color:#2B2B2B;
    overflow:hidden;
}

#mna-img{
    margin:5px 5%;
    max-width:300px;
    width:90%; 
    border: 1px solid darkblue;
}

#mna-ty-cnt{
    overflow:hidden;
    margin:15px 0px 60px 0px;
    padding:0px 10px 10px 10px;
    background:#EEEEEE;
    border:solid thin grey;
}

/* Subcategory: Names Table */
#sc-cnt h4 {
    margin: 15px 0px 5px 0px;
}

.sc-rec-cnt {
    border: 1px solid #4c93d8;
    margin: 20px 0px;
}

.sc-rec-cnt h3 {
    color: white;
    background: #4c93d8;
    font-weight: bold;
    font-size: 20px;
    padding: 3px 0px 0px 6px;
    margin: 0px 0px 6px 0px;
}

.sc-rec-bdy {
    margin: 0px;
    padding: 5px;
    color: #323232;
}

.sc-rec-suggest-cnt {
    margin: 10px;
}

.sc-rec-suggest-cnt .uname-rec-lbl {
    display: block;
}

.sc-rec-suggest-cnt .uname-ctrl-cnt {
    margin: 6px 0px;
}

#sc-rec-input {
    margin: 5px 0px;
}

#sc-nt-ftr{
    background:#70B8FF;
    height:60px;
    vertical-align:top;
}

#sc-nt-ftr input {
    margin: 5px 0px 0px 0px;
}

#sc-nt-suggest-cnt{
    margin:0px 5px 0px 0px;
    font-size:16px;
}

#sc-nt-submit-cnt{
    overflow:hidden;
}

.sc-nt-result {
    display: none;
    color: green;
}

.sc-nt-input {
    width: 5em;
}

#sc-help-cnt {
    background: #70B8FF;
    border: solid 1px black;
    padding: 5px;
}

#sc-help-hdr {
    float: left;
    margin-right: 5px;
}

#sc-help-submitted {
    display: none;
    color: green;
}

/* Category: User Images */
#uimg-cnt td {
    padding: 0px;
    text-align: center;
}

#uimg-submit-btn {
    margin: 0px 20px;
}

#uimg-form-cnt h4 {
    margin: 0px 0px 15px 0px;
}

#uimg-ctrl-cnt {
    margin: 5px 0px 15px 10px;
}

.uimg-form-lbl {
    display: block;
    width: 100px;
    float: left;
}

.uimg-ctrl {
    margin: 5px 0px;
}

.uimg-outer-cnt {
    margin: 0px;
    padding: 5px;
    color: #323232;
    background: #70B8FF;
}

.uimg-user-image {
    display: block;
    margin: 0px auto;
}

#cat-main-cnt{
    font-size:19px;
}

#uname-submitted{
    display:none;
    color:green;
}

#cat-link-cnt ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.user-ta{
    height:6em;
}

.sc-nt-page-cnt {
    color: #19478D;
    list-style: none;
    font-weight: bold;
    margin: 5px;
}

.uname-rec-hdr {
    font-weight: bold;
}


.uname-rec-cnt {
    background: #70B8FF;
    border: solid 1px black;
    padding: 5px 15px;
}

.uname-rec-cnt .uname-rec-lbl {
    display: block;
}

.uname-rec-cnt .uname-ctrl-cnt {
    margin: 6px 0px;
}



.uimage-suggested-col {
    font-weight: bold;
}

.cat-story {
    margin: 0px 20px;
}

.cat-intro {
}

#adHdr{
    min-height:250px;
}

#side-menu{
    border-bottom:1px solid #19478d;
    margin:0 0 10px 0;
}

#side-menu a{
    color:#19478d;
    display:block;
    height:30px;
    padding:5px 0 0 3px;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    font-size:15px;
    border-top:1px solid #19478d;
}