/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);



body {
font-family: 'Lato', Calibri, Arial, sans-serif;
}

h1.admin {margin-left:10px;background-color:white;color:#003366;font-size:20pt;}
h2.admin {margin-left:10px;background-color:white;color:#003366;font-size:18pt;}
h3.admin {margin-left:10px;background-color:white;color:#003366;font-size:14pt;}

h3.facebook {color:#000000;}


table {
    font-family: arial, sans-serif;
    border-collapse:collapse;
    width: 100%;
	
}

td, th {
    border: 1px solid #4B4949;
    text-align: left;
    padding: 4px;
	font-size: .9em;
}

tr:nth-child(even) {
    background-color: #dddddd;
}


.table_plain {
    font-family: arial, sans-serif;
    border: 1px solid white;
    width: 100%;
	max-width:290px;
}

.table_plain td, th, tr {
    border: 1px solid white;
    text-align: left;
    padding: 4px;
	font-size: .9em;
	vertical-align:top;
}

tr:nth-child(even) {
    background-color: #fff;
}


.table_one {
	
	font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
	max-width:290px;

	}
	
.table_one td, th {
    border: 1px solid #4B4949;
    text-align: left;
    padding: 4px;
	font-size: 1em;
	height:40px;
}

.table_one tr:nth-child(even) {
    background-color: #dddddd;
}	
	


.table_two {
	
	font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
	max-width:290px;

	}
	
.table_two td, th {
    border: 1px solid #003366;
    text-align: left;
    padding: 4px;
	font-size: 1em;
	height:40px;
	
}

.table_two tr:nth-child(even) {
    background-color: #B8C5E9;
}	

.table_small {
	
	font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
	
	}

.table_small td, th {
    border: 1px solid #D2D2D2;
    text-align: left;
    padding: 1px;
	font-size: .8em;
	height:15px;
	
}


.table_small th {
    font-weight: 100;
	font-size: .6em;
	
}

.table_small tr:nth-child(even) {
    background-color: #fff;
}	
	

p {
font-size: 1em;	
text-align:left;	
}


p.heading {
font-size:1.2em;
font-weight:bold;
text-align:left;	
}

p.heading2 {
font-size:1.1em;
text-align:left;	

}

p.admin  {
background-color:#ffffff;
color:#000000;
font-size: 1em;
letter-spacing: .5px;
text-align:left;
line-height:20px;
margin: 0px 10px 10px 10px;
clear:both;

}


.cd-container {
width: 100%;
height:100%;
background-color:white;
clear:both;
}

.cd-container::after {
/* clearfix */
content: '';
display: table;
clear: both;
}

.cd-top {
display: inline-block;
height: 40px;
width: 40px; 
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(232, 98, 86, 0.8) url(https://www.lbca.us/images/up_arrow.png) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}

.formBox {
width:450px;
background-color:#ffffff;
border: 1px dashed #990000;
border-radius: 5px;
padding:15px;
margin:50px 0px 50px 250px;
}

.formBox2 {
width:600px;
background-color:#ffffff;
border: 1px dashed #003366;
border-radius: 5px;
padding:15px;
margin:0px 0px 10px 25px;
float:left;
}


.subform {
  font-size: 10pt;
  background-color: #ffffff;
  color: #003366;
}

.subform p {
background-color:#ffffff;
color: #000000;
font-size:10pt;
margin-bottom:10px;
}

.subform img {
margin: 5px 0px 5px 0px;
}

.subform  label {  
  vertical-align: bottom;
  text-align: right;
  background-color:#ffffff;
  color:#003366;
  font-weight:bold;
  
    
}
.subform input[type="submit"], .subform input[type="button"] {  
  margin-left: 170px;
  padding: 2px 6px;
  font-size: 10pt;
  background-color:#ffffff;
  color:#003366;
  background: rgb(0,102,153);
  background: -webkit-linear-gradient(rgba(255,255,255,.1) 40%, rgba(255,255,255,.5));
  background: -moz-linear-gradient(rgba(255,255,255,.1) 40%, rgba(255,255,255,.5));
  background: -o-linear-gradient(rgba(255,255,255,.1) 40%, rgba(255,255,255,.5));
  background: linear-gradient(rgba(255,255,255,.1) 40%, rgba(255,255,255,.5));
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 4px black;
}

.subform input[type="submit"]:hover, input[type="button"]:hover {
  background-color:#003366;
  color: white;
}


.subform select {
	font-size: 1.2em;
	color:#003366;
	border-radius: 5px;
	border: 1px solid #000000;
	background-color:#ffffff;
	box-shadow: inset 0 0 10px rgba(255,255,255,.75);
	padding: 5px;
}
.subform input[type="text"], input[type="email"], .subform textarea , .subform input[type="password"], .subform input[type="file"] {
	font-size: 1.2em;
	color:#003366;
	border-radius: 5px;
	border: 1px solid #000000;
	background-color:#ffffff;
	box-shadow: inset 0 0 10px rgba(255,255,255,.75);
	padding: 5px;
	width:80%;
	max-width:400px;
}

.subform input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, .subform textarea:focus {
  background-color:#FFFFCC;
  color: black;
}

input.text-input-file {
font-size: 11px;
background-color: #dbdbdb;
color: #000000;
border-width: 1px;
border-color: #000000;
border-style: solid; }


select.text-input-select { 
font-size: 11px; 
background-color: #FFFFFF; 
border-width: 1px; 
border-color: #9C9C9C; 
border-style: solid; 
}


a {text-decoration: none; color:#0F2740; }
a:link {text-decoration: none; color:#0F2740; }
a:visited {text-decoration: none;  color:#0F2740; }
a:hover	{text-decoration:underline; color:#0F2740; }
a:active {text-decoration: none; color:#0F2740; }

a.page_link {text-decoration: none; color:#000000; }
a.page_link:link {text-decoration: none; color:#000000; }
a.page_link:visited {text-decoration: none;  color:#000000; }
a.page_link:hover	{text-decoration:underline; color:#000000; }
a.page_link:active {text-decoration: none; color:#000000; }


.video-container { 
position: relative; /* keeps the aspect ratio */ 
padding-bottom: 56.25%; /* fine tunes the video positioning */ 
padding-top: 30px; 
height: 0px;
overflow: hidden;
max-width:640px;
max-height:360px;
margin-left:auto;
margin-right:auto;
}

.video-container iframe,
.video-container object,
.video-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%;
}

div.small_gallery {
display:none;
}
div.gallery {
width:90%;margin-left:auto;margin-right:auto;text-align:center;
}

div.mobile {
display:none;
}

div.mobile_nav {
display:none;
}

div.desktop {
width:100%;margin-left:auto;margin-right:auto;text-align:center;
}



.adminform {
  font-size: 10pt;
  background-color: #ffffff;
  color: #003366;
}

.adminform p {
background-color:#ffffff;
color: #000000;
font-size:10pt;
margin-bottom:10px;
}

.adminform img {
margin: 5px 0px 5px 0px;
}

.adminform  label {  
  vertical-align: bottom;
  text-align: right;
  background-color:#ffffff;
  color:#003366;
  font-weight:bold;
  
    
}
.adminform input[type="submit"], .adminform input[type="button"] {  
  margin-left: 170px;
  padding: 2px 6px;
  font-size: 10pt;
  background-color:#ffffff;
  color:#003366;
  background: rgb(0,102,153);
  background: -webkit-linear-gradient(rgba(255,255,255,.1) 40%, rgba(255,255,255,.5));
  background: -moz-linear-gradient(rgba(255,255,255,.1) 40%, rgba(255,255,255,.5));
  background: -o-linear-gradient(rgba(255,255,255,.1) 40%, rgba(255,255,255,.5));
  background: linear-gradient(rgba(255,255,255,.1) 40%, rgba(255,255,255,.5));
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 4px black;
}

.adminform input[type="submit"]:hover, input[type="button"]:hover {
  background-color:#003366;
  color: white;
}


.adminform select {
	font-size: 10pt;
}
.adminform input[type="text"], .adminform textarea , .adminform input[type="password"], .adminform input[type="file"] {
	font-size: 1.2em;
	color:#003366;
	border-radius: 5px;
	border: 2px solid #000000;
	background-color:#ffffff;
	box-shadow: inset 0 0 10px rgba(255,255,255,.75);
	padding: 5px;
	width:80%;
	max-width:400px;
}

.adminform input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, .adminform textarea:focus {
  background-color:#FFFFCC;
  color: black;
}

input.text-input-file {
font-size: 11px;
background-color: #dbdbdb;
color: #000000;
border-width: 1px;
border-color: #000000;
border-style: solid; }


select.text-input-select { 
font-size: 11px; 
background-color: #FFFFFF; 
border-width: 1px; 
border-color: #9C9C9C; 
border-style: solid; 
}

td.information {
font-size:8pt;
background-color:#cccccc;
color:black;
}

td.information2{
font-size:8pt;
background-color:#ffffff;
color:black;
}

ul {
color:black;
}

ul.mainNav {
width:90%;	
max-width:180px;
list-style-type: none;
padding-left: 0px;
margin-left:auto;
margin-right:auto;	
margin-top: 30px;
}

ul.mainNav a, ul.mainNav a:visited, ul.mainNav a:active {
display: block;
width:100%;
max-width:180px;	
margin-left:auto;
margin-right:auto;
border-bottom:solid 1px #ffffff;
padding: 5px 0px 5px 20px;
background-color: #1a456f;
text-decoration: none;
color: #ffffff;
font-size:11pt;
font-weight:bold;
text-align:left;
}

ul.mainNav a:hover {
color: white;
background-color: #0F2740;
text-decoration:none;
}


div.siteheader {
width:100%;clear:both;
background-color:#ffffff;
}


header.small-header-fixed {
display:none;
}


div.control {
min-height: inherit;	
max-width:20%;
background-color:#ffffff;
text-align:center;
float:left;
}

div.content {
width:70%;
background-color:#ffffff;
text-align:left;
float:right;
padding:0px;
margin-right:20px;	
}

ul.body {
color:black;
font-size:15;
font-weight:bold;
}

div.top_add {
	height:100px;
	width:90%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

div.wrapper_ads {
text-align:center;
width:90%;
max-width:1200px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
box-sizing: border-box;
border: 2px solid #000000;
background-color:#FFFFFF;
padding-bottom:50px;
clear:both;
}

div.wrapper {
text-align:center;
width:90%;
max-width:1000px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:60px;
margin-bottom:60px;
box-sizing: border-box;
border: 2px solid #000000;
background-color:#FFFFFF;
padding-bottom:50px;
clear:both;
}


div.litter_list_header {
width:100%;
max-width:180px;	
margin-left:auto;
margin-right:auto;
padding:5px;
padding-left:10px;
margin-top:20px;	
border:solid 1px black;
	
}

div.litter_list {
width:100%;
max-width:180px;	
margin-left:auto;
margin-right:auto;
padding:5px;
padding-left:10px;	
border:solid 1px black;
border-top:none;
background-color:white;
}

div.breeder {
width:49%;
max-width:300px;
float:left;	

}

div.column_header {
background-color:#1a456f;
color:white;
font-size:.7em;
padding:2px;	
}

div.column_body {
background-color:#ffffff;
color:black;
font-size:.8em;
padding:2px;
}

div.two_column {
width:48%;
padding:5px;	
float:left;	
}

div.main_body {
background-color:#ffffff;
color:black;
text-align:center;
margin-top:10px;
max-width:90%;
}


div.divider {
width:100%;
height:1px;
clear:both;
margin:0px;
padding:0px;
}

div.photo {
width:100%;
text-align:center;
clear:both;
padding:0px;
margin:0px;
}

div.photo img {
width:90%;
max-width:450px;
margin:10px;
}


div.art_photo {
width:60%;
text-align:center;
padding:0px;
margin:0px;
float:left;	
}

div.art_photo img {
width:90%;
max-width:450px;
margin:10px;
}

div.art_detail {
width:35%;
text-align:left;
padding:0px;
margin:0px;
float:left;	
}

figure {
  float: left;
  width: 18%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border:solid 1px gray;
  border-left:none;
  border-bottom:none;
  margin: 2px;
  padding: 2px;
}

@media (max-width:900px){

	
figure {
  float: left;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border:solid 1px gray;
  border-left:none;
  border-bottom:none;
  margin: 2px;
  padding: 2px;
}	

	
}


@media (max-width:840px){
div.two_column {
width:100%;
padding:5px;	

}

div.content {
width:65%;
background-color:#ffffff;
text-align:left;
float:right;
padding:0px;
}	
	

div.art_photo {
width:50%;
text-align:center;
padding:0px;
margin:0px;
float:left;	
}

div.art_photo img {
width:90%;
max-width:450px;
margin:5px;
}

div.art_detail {
width:40%;
text-align:left;
padding:0px;
margin:0px;
float:left;	
}	
	
figure {
  float: left;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border:solid 1px gray;
  border-left:none;
  border-bottom:none;
  margin: 2px;
  padding: 2px;
}
	
	
}

@media (max-width:700px){
div.two_column {
width:100%;
padding:10px;	
	
}

	
div.content {
width:65%;
background-color:#ffffff;
text-align:left;
float:right;
padding:10px;
}	
	

div.art_photo {
width:90%;
text-align:center;
padding:0px;
clear:both;
margin-left:auto;
margin-right:auto;	
}

div.art_photo img {
width:90%;
max-width:450px;
margin:0px;
}

div.art_detail {
width:70%;
text-align:left;
padding:0px;
margin:0px;
clear:both;	
margin-left:auto;
margin-right:auto;	
}
	

figure {
  float: left;
  width: 25%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border:solid 1px gray;
  border-left:none;
  border-bottom:none;
  margin: 2px;
  padding: 2px;
}
	
	
}