body {
    padding-top: 100px;

}

a {text-decoration:none;}
a:hover {text-decoration:underline;}


.topbar {
	background-image:url(/public/images/headerbg.jpg); background-repeat:repeat-x; background-position:bottom;
	height:80px; font-size:1.2em; width:100%; overflow:visible;  
}

#backdrop {
	height:99.5%;
	left:0;	margin:0px 0; overflow:hidden; padding:0;
	position:fixed; top:80px; width:100%; z-index:-1;}

footer {
    position:fixed; width:100%; bottom:0; left:0; text-align:center; border:none;
    border-top:3px solid #B4997C; padding-top:0px;
}

.centered {
    text-align:center;
}

.clearer {clear:both;}

form span.error {
    margin-left: 20px;
    color: red;
    line-height: 30px;
}

.container {
    zoom:1.03;
}
/* shading and fonts*/
.container p, .container ul, .container ol, .container table, .tradform {
    background-image:url(/public/images/bg80pct.png);
    font-family:verdana, sans-serif;
    font-size: 13px;
    line-height: 1.5rem;
}


div.alert-message p{
    background-image: none;
}

.container p img {
    background-color:#fff;
}
h1,h2, h3 {background-color:#fff;padding:10px 20px; font-weight:bold;
border-top:1px solid #ccc;}

h1 {font-size: 15px; line-height: 20px; margin-bottom: 0; }
h2 {font-size: 13px; line-height: 30px; }
h3 {font-size: 12px; line-height: 18px; color: #6495ed; }
    /* h4 introduces a gap in blocks */
h4 {background-image:url(/public/images/bg0pct.png); border-bottom:1px solid #ccc;}


.container p {
    margin:0px;
    padding: 5px 20px;
}

.lbcontainer p img {
    float: left;
    padding: 2px;
    margin: 2px 4px 2px 0px;
    border: 1px solid white;
}
.lbcontainer.nofloat img{float:none;}
.lbcontainer p img:hover {
    border: 1px solid #b49c80;
}
.container a {color:#00e; text-decoration:none;}
.container a:visited {color:#551A8B;}
.container a:hover{text-decoration: underline;}

.container ul.nav {
    background-color: #ffffff;
    background-image:none;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.topbar div > ul, .nav {
    margin:30px 4px 0 0
    
}
.topbar div > ul > li, .nav > li {
    margin-right: 2px;
}

.topbar div > ul a, .nav a {
    padding: 5px 10px 5px;
    line-height: 19px;
    text-decoration: none;
    border: 1px solid #B4997C;
    color: #733E2C;
    font-weight: bold;
    font-size: 12px;
}
.topbar a {
    text-shadow:none;
    text-decoration: none;
}
.topbar a:visited {
    color:inherit;
    color: #733E2C;
}
.topbar a:hover, .topbar .container .nav .dropdown-toggle:hover{
    color: #733E2C;
    background-color: #DDCFC2;
}

.menu-dropdown, .topbar div ul .dropdown-menu {
    top:31px;
    background-color:#fff;
    background-image:none;
    padding:6px 3px 3px 3px;
    border:none;
    border-radius:none;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}
.dropdown-menu li {
    margin-top:2px;
}

.topbar div ul .dropdown-menu li a{
    color: #733E2C;
    text-shadow:none;
    font-weight:bold;
}
.topbar div ul .dropdown-menu li a:hover{
    background-color:#DDCFC2;
}

.dropdown.open{
    background: #DDCFC2;
}
.dropdown.open .dropdown-toggle {
    color: #733E2C;
}


body.home .topbar div > ul a.home, 
body.news .topbar div > ul a.news,
body.dogs .topbar div > ul a.dogs,
body.shows .topbar div > ul a.shows, 
body.owshow .topbar div > ul a.owshow, 
body.leagues .topbar div > ul a.leagues, 
body.cbshow .topbar div > ul a.cbshow, 
body.extra .topbar div > ul a.extra, 
body.welfare .topbar div > ul a.welfare, 
body.phototerms .topbar div > ul a.phototerms, 
body.supporter .topbar div > ul a.supporter, 
body.finding .topbar div > ul a.finding, 
body.links .topbar div > ul a.links,
body.contact .topbar div > ul a.contact {
    border-bottom: 2px solid #733E2C;
}

.column{
    position:absolute; height:90%; overflow:auto; border-top: 1px solid #ccc; top:0px;
}

div.row.last {margin-bottom: 60px;}

.container ul.inPageMenu {
    padding:10px 10px 30px 10px;
    text-align:center;
    margin:0;
}
.container ul.inPageMenu li {list-style-type:none; font-size:1.3em; width:350px; margin:8px auto;}
.container ul.inPageMenu li a {
		font-size:14px;
        text-decoration:none; color: #733e2c; font-weight:bold; font-family: Arial, sans-serif;
		display:block; padding:8px 16px; background-color:#fff; 
		border: 1px solid #444; text-align:center;}

ul.inPageMenu li a:hover {background-color:#ddcfc2;}

.container .group {
    margin:3px 0px;
}

div.duff {
    padding:10px;
    background-image:url(/public/images/bg50pct.png);
}

/* duff */
.duff table {
    margin:10px 0px;
    font-size:11px;
}

.duff table th, .duff table td {
    padding: 5px 20px 5px;
    line-height: 1.2em;
    text-align: left;
    border-collapse: separate;
    background-color:#ffffff;
}

.duff table th {
    background-color:#ebe7de;
    border: none;
}

/*.duff table tr.top td {
    border-top-style: solid;
    border-top-width:1px;
    border-top-color: #aaa;
}*/

.duff table td {
    border-style:solid;
    border-width:1px;
    border-color: #aaa;
}

.duff table.small {
    font-size:10px;
}

.duff table.nowrap td, .duff table.compact th, td.nowrap{
    white-space: nowrap;
}
.duff table.compact td, .duff table.compact th{
    padding:4px 5px 4px 5px;
}

.duff table.nowrap-compact td, .duff table.nowrap-compact th{
    white-space: nowrap;
    padding:4px 5px 4px 5px;
}
.duff table.nowrap-compact-centered td, .duff table.nowrap-compact-centered th{
    text-align:center;
    white-space: nowrap;
    padding:2px 5px 1px 5px;
}


/* forms */
input,
textarea,
select,
.uneditable-input {
    color: #2f4f4f;
}
.uneditable-input {
    display: inline-block;
}

.input .label a {
    text-decoration:none;
    font-weight: normal;
    color: #5E5150;
}
.input .collapsed {height:18px;
    transition: height 0.4s;
    -moz-transition: height 0.4s; /* Firefox 4 */
    -webkit-transition: height 0.4s; /* Safari and Chrome */
    -o-transition: height 0.4s; /* Opera */
}
.input .collapsed:focus {height:240px;}

.input .label { margin: 0px 3px; padding:8px 5px 6px 5px ;border:1px solid #f8f8f8;}
.input .label:hover { border:1px solid #888;}

.actions {padding-left:92px;}

form .clearfix {
    margin-bottom: 5px;
}
select.large {
width: 220px;
}

/* auto suggest fields */
.ac_results {background-color:white;border:1px solid gray;display:none;list-style-image:none;list-style-position:outside;
				list-style-type:none;margin:0;padding:0;position:absolute;z-index:10000;/* width:250px;*/
				font-family:consolas,courier,arial;font-size:12px;}
.ac_results li {color:888;padding:1px 3px;text-align:left;white-space:nowrap;border-bottom:1px solid #ddd;}
.ac_over {background-color:#F0F0B8;	cursor:pointer;}
.ac_match {color:#0080c0;	font-weight:bold;}

.ui-autocomplete {
	max-height: 140px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
	height: 140px;
}

/*
 * jQuery UI Datepicker 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url(border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
    border: 1px dashed white;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}

.sitebrown{color:rgb(73,34,0);}

div.ancestors {padding:10px;background-image:url(/public/images/bg80pct.png);margin-bottom:18px;}
table.ancestors {width:100%;}
table.ancestors td {vertical-align: middle; padding:4px; }
table.ancestors td.divider {border-top:1px solid gray;}
table.ancestors td.m1 {background-color:#ffe0e0;}
table.ancestors td.m2 {background-color:#e0ffe0;}
table.ancestors td.m3 {background-color:#e0e0ff;}
table.ancestors td.m4 {background-color:#d0ffff;}
table.ancestors td.m5 {background-color:#ffd0ff;}
table.ancestors td.m6 {background-color:#ffffd0;}
table.ancestors td.m7 {background-color:#d0d0ff;}
table.ancestors td.m8 {background-color:#ffd0d0;}
table.ancestors td.m9 {background-color:#ffa0a0;}

/*  form fields where its in a table */
form.InTableForm div {margin-left:0px;}
form.InTableForm label {display:none;}

/* for the shows page, make non-form labels of a certain width with a span*/
span.lab50, span.lab100, span.lab150 {width:50px;font-weight:bold;display:inline-block;}
span.lab100 {width:100px;}
span.lab150 {width:150px;}

p.critique_head {padding-bottom:0px;padding-left:70px;}
p.winner_head   {padding-bottom:0px;padding-left:170px;}
div.critique p {padding:0px 5px 0px 70px;}

p.critique_head span.lab50 {margin-left:-50px;}
p.winner_head span.lab150 {margin-left:-150px;}

p.minLR {padding-left:10px; padding-right:5px}
.lowerGap {margin-bottom:20px;}

/* overtype for the edit fields */
.overtype {background-color:#ccffcc; font-weight:bold; color:black;}
.hidden  {display:none;}
.nomatch {color:red;}
.matched {color:green;}

/* scroller is for individually scrolling columns on the shows page */
.scroller {max-height:75%; overflow: auto; position:absolute;}

#theshow {font-weight:bold;}

.attributes {
    padding:20px 20px;
    background-image:url(/public/images/bg80pct.png);
    overflow:auto;

}

.attributes .info {
  font-family:arial; 
  font-size:12px; 
  line-height:1.3em;
  border:1px solid #aaa;
  overflow:auto;
  border-radius:5px;
  float:left;
  margin-right:10px;
}

.attributes .lab {
  border-right:1px solid #aaa;
  float:left;
  padding:5px;
}
.attributes .data {
  font-weight:bold;
  float:left;
  padding:5px;
  color:#ff6633;
}

/* stuff associated with display of images */

.thumbnail{
    border: 3px solid white;
    /*border-radius: 5px;*/
    margin: 10px 0 6px 6px;
}
div.photoCont {
    float:left;
    width:230px;
    position:relative;
}

.deleteButton, .addButton {
    padding: 4px;
    position: absolute;
    top: 12px;
    left: 8px;
    background-image: url(/public/images/bg60pct.png);
    border-radius: 0px 0px 5px 0px;
}

div.bg50{
    background-image:url(/public/images/bg50pct.png);
}
div.bg80{
    background-image:url(/public/images/bg80pct.png);
}
div.bg100{
    background-color:#ffffff;
}

/* icon decorators */
.headerBadge {
    margin-left:-10px;
    padding-right:10px;
    vertical-align:middle;
}


/* tasks */
.click, .flag {cursor:pointer;}
tr.done td.flag {cursor:not-allowed;}
tr.done td, tr.done td a, tr.done td a:visited{ color:#aaa; }
tr.done td.activity { text-decoration:line-through; }
td.activity a.notImp, td.activity a.notImp:hover { text-decoration:none; cursor:not-allowed;}
td i.fa-flag {color:#d22;}
tr.done td i.fa-flag {color:#a88;}

/* winners images */
div.thumbnails {
}
.thumbnails img {
    width:87.5px;
    height:67px;
    border:1px solid white;
    margin-right:-1px;
}
.thumbnails div {
    float:left; text-align: center; font-size:11px; line-height: 11px; color:#777;
}
.tinythumb {
    width:42px;
    border:1px solid white;
    vertical-align: middle;
}

.leftgapsm {margin-left:20px;}

.formAlign {padding-left:150px;}

div.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*dog profile title bar*/
.profileTitle h1 {width:40%; float:left;}
.profileTitle div {float:right;}
.profileTitle{margin-bottom:18px;}

.profile {
    margin-bottom:0px;
}

.profile td.pdata{
    font-size:13px;
    border:none;
    width:40%;
    padding:0px 10px;
}
.profile .pdata span {
    margin: 3px 10px;
    padding: 5px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    width: 270px;
    display: inline-block;
    background-color: #fff;
}

.profile td.plabel{
    text-align:right;
    font-size:13px;
    border:none;
    width:60%;
}

/*In page navigation*/
.inPageNav {
    margin-top:6px;
}
.inPageNav a, .inPageNav a:visited {
    color: #733E2C;
}

.inPageNav a:hover {
    background-color: #DDCFC2;
    text-decoration:none;
    color: #733E2C;
}
.inPageNav li.active {
    border-bottom: 2px solid #733E2C;
}

/*fixes to colorbox formatting for critiques */
#cboxLoadedContent p {margin:10px 20px;}

/* footer link to supporters page */
.container footer p {font-size: 12px; line-height:2em;}
.container footer span.supporter {margin-left:40px;}
.container footer a.donate {
    background-color: #ffab2a;
    padding: 6px 80px;
    border-radius: 6px;
    margin: 1px 1px 1px 1px;
    border: 1px solid;
    border-color: #ff9933;
    font-weight:bold;
    font-style: italic;
    color: #003366;
}

#donatelink:visited {display:none !important;}

.container footer a.donate:hover {
    text-decoration:none;
    /*color:#fff;*/
    background-color: #fee4b0;
}

p.newsDonate {
    padding: 30px 20px 20px 20px;
    font-weight: 600 !important;
}

p.newsDonate span {
    display:block;
    background-color: #ffab2a;
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ff9933;
    text-align: center;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    /* box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); */
}


p.newsDonate a {

    /*font-weight:bold;*/
    /* font-style: italic; */
    color: #444;
    margin-bottom:8px;
    display:block;
    border:1px solid #fee2c6;
}

p.newsDonate a:visited{ color:#444;}
p.newsDonate a:hover{
    color:#444; 
    background-color:#fee2c6;
    text-decoration: none;
    border-radius: 4px;
}


/* Paypal inserted button */
div.paypal {margin-top:20px;}
div.paypal table td {border:0px;}
div.paypal input {
    height:auto;
    margin-left:30px;
    width:auto;
    border:0px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;

}

/* Data tables overrides */
div.dataTables_wrapper label {
    width:300px;
    padding-bottom:10px;
    padding-right:10px;
}
#dogs_length label{
    width:160px;
}

#dogs_length select{
    width:60px;
}
div.dataTables_wrapper  .dataTables_info {padding-left:20px;}

/* buttons for use on a heading bar */
.toolbar-button {
    float: right;
    border: 1px solid #5e5150;
    padding: 1px 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 3px 0px #5e5150;
    -moz-box-shadow:    2px 2px 3px 0px #5e5150;
    box-shadow:         2px 2px 3px 0px #5e5150;

}

#photoswitch{
    float:right;
    margin-left:10px;
    color:#888;
}
#photoswitch:hover{
    cursor: pointer;
    color:#000;
}

.photohide {
    display:none;
}

#printModal .modal-footer {
    text-align:center;
}
#printModal .btn {
    float:none;
}
/*inline forms*/
.inline {display:inline;float:right; margin-top:-5px; margin-bottom:10px;}
#waitPlease {vertical-align: middle;display:none;}
.inline select {width:150px;}

/* League tables presentation */
table.league {border:10px solid #fff; background-image:url(/public/images/bg80pct.png); background-color:rgba(255,255,255,0.70);}
table.league td:nth-of-type(odd){background-color:rgba(255,255,255,0.8);}
table.league td,table.league th  {text-align:center; padding:0 4px;}
table.league .name {width:38%;}
table.league .left {text-align:left;}
table.league .right {text-align:right;}
table.league a{color:rgb(64,64,128);}

/* back button */
a.backbutton, a.backbutton:visited{
    border: 1px solid #888;
    padding: 0 3px 2px;
    border-radius: 4px;
    vertical-align: top;
    color: #888;
}
a.backbutton:hover {
        border: 1px solid #22f;
        color: #22f;
}

input::placeholder {
    color:#888;
}

.expands {
    padding:0px 3px;
}

.expands > img {
    width:20px;
    height:20px;
    margin:5px;
}

.no-select {
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE/Edge */
  }