/*---------------------------------------------
This CSS file is only for use at cuddlebug.dyndns.org and cuddlebugchinchillas.com.
The CSS may not be used or recreated on any other site.
Copyright 2013-2016 Stephan Kern.
----------------------------------------------*/
/*New CSS*/
a a:link{color: #00004f;}
a a:active{color: #ae0000;}
a a:visited{color: #0000ae;}
body{background-color: #000000; width: 100%; height: 100%; margin: 0px; font-size: 1.2em;}
h1{color:#0000ae; font-family: 'comic sans ms', 'sans serif'; font-size: 1.55em; text-align: center;}

/*Old CSS*/
h6{font-size: 1em; font-family: 'comic sans ms', 'sans serif'; text-align: center; margin: 0 0;}/*Used to set quarantine also used for pagination*/
h4{color: #ff0000; font-size: 1.2em; clear: both; text-align: center;}
h7{font-style: bold; clear: both;}
img{display: block;}
sup{font-size: .5em}
table{text-align: left; width: auto; border-spacing: 0px;}
td,th{padding: 0px 10px 0px 10px; text-align: left; vertical-align: bottom;}
th{background-color: white;}
tr{background-color: white;}
main{padding: 1em;}
.coltitle{text-align: center;}
.floattable{float: left;}
select{width: 150px;}
phead{display: block; width: 100%; font-weight: bold;}
figure{width: min-content; width: -moz-min-content; width: -webkit-min-content;}
figcaption{padding: 5px; text-align: justify;}
#badwheels{margin: 0 auto; text-align: center; width: 650px; height: 250px; clear: both;}
#badwheelsdesc{text-align: center; width: auto; font-style: italic; font-size: .8em; clear: both;}
#chinbreeders{height: 139px; float: right}
#chinclub{float: left;}
#img404{margin: 0 auto;}
#main{position: relative; width:auto; margin: 0; font-family: 'times new roman'; font-size: 1.0em; text-align: justify; padding: 15px;}
#ribbonleft{float: left; margin: 10px 0px;}
#ribbonright{float: right; margin: 10px 0px;}
#img-left{padding-right: 15px; float: left; text-align: center; font-style: italic; font-size: 16px; margin-left: 275px}
#img-right{padding-left: 15px; float: right; text-align: center; font-style: italic; font-size: 16px; margin-right: 275px; margin-bottom: 25px; }
#pusher{width: 100%; height: 5px; clear: both;}
#chinDataTable{width: calc(100% - 30px); font-size: 1.2em; background-color: none;}
#chinDataTable tr{background-color: transparent;}
.a{font-size: .8em;}
	.a a {text-decoration: none;}
.addright{float: left;}
.addleft{float: left;}
.babypicture{width: 350px; height: 350px; border: 0px; float: left; margin: 15px; clear: left; text-align: center; font-size: .7em;}
.babypicture a:link{text-decoration: none;}
.babypicture img{width: 350px; height: 350px; border: 0px;}
.bloatimgs{height: 230px; width: 33%; float: left; text-align: center; font-size: .79em; font-style: italic;}
	.bloatimgs img{height: 200px; margin: 0 auto;}
.box{margin: 0 auto; height: 265px; width:80%; display: block; padding-left: 50px;}
.chininfo{font-family: 'Comic Sans MS'; font-weight: bold; font-size: 32px;}
.chininfo-bl{
  float: right;
  min-width: 200px;
}
.chininfo-br{
  float: right;
  clear: right;
  padding-right: 15px;
  min-width: 340px;
}
.chininfo-tl{margin-top: 1em; float: right; min-width: 200px;}
.chininfo-tr{margin-top: 1em; float: right; padding-right: 15px; min-width: 340px;}
.chininfo-tr input[type=text]{
	width: 150px;
}
.chinpicture{width: 350px; height: 350px; border: 0px; float: left; margin: 15px; clear: left; text-align: center; font-size: .7em;}
.chinpicture a:link{text-decoration: none;}
.chinpicture img{width: 350px; height: 350px; border: 0px;}
.cagesimg{font-size: .9em; float: left; width: 33%; display: block; margin: auto 0; position: relative;}
.cagesforsale3{margin: 0 auto; width: 640px; display: block; clear: both; text-align: center;}
	.cagesforsale3 img{width: 200px; margin: 5px; float: left;}
.cagesforsale2{margin: 0 auto; width: 430px; display: block; clear: both; text-align: center;}
	.cagesforsale2 img{width: 200px; margin: 5px; float: left;}
.container{position: relative; width: 95%; min-width: 1040px; max-width: 1250px; min-height: 100%; height: auto; margin: 35px auto 0px auto; background-color:white;}
.copy{font-size: .8em;}
.desc{text-align: center; font-family: 'times new roman'; font-size: 18px; font-weight: normal; width: auto; margin: 2px auto;}
.desc a:link{text-decoration: none; color: #000000;}
.desc a:visited{text-decoration: none; color: #000000;}
.desc a:hover{text-decoration: underline;color: #0000ae;}
.desc1{text-align: center; font-family: 'comic sans ms'; font-size: 1.1EM; font-weight: bold; color: #0000ae; font-weight: bold; width: auto; margin: 2px auto;}
.desc1 a:hover{text-decoration: underline;color: #0000ae;}
.desc1 a:link{text-decoration: underline; color: #0000ae;}
.desc1 a:visited{text-decoration: underline; color: #000000;}
.diarrhea{display: block; margin: 0 auto; background: #ffffff; width: 100%;}
.err{font-family: 'Times new Roman'; font-size: .7em; color: red; vertical-align: middle; padding: 2px 5px 0px 5px;}
.feedsleft{float: left; width: 35%; text-align: left;}
.feedsright{float: left; width: 65%; margin-bottom: 18px; text-align: left; clear: right;}
.footer{text-align: center; margin: 0px 120px 20px 120px; font-family: 'Comic Sans MS'; font-weight: bold; color: #0000af;}
.firstaidimgdiv{float:right; width: 200px;}
.googlebar{position: absolute; top: 10%;  right: 10px;}
	.googlebar img {display: inline-block; vertical-align: bottom;}
.header{width: 100%; margin-bottom: 0px;}
.herdinfo{min-width: 540px; max-width: 58%; font-weight: normal; font-size: .8em; margin: 25px 20px 15px 20px; float: right; text-align: justify;}
.herdinfo img{display: none;}
.holder{height: 258px; clear: both;}
.img{margin: 5px; height: auto; width: auto; float: left; text-align: center;}
.img a:active img{opacity:0.4;}
.img a:hover img{border: 3px solid #0000ae;}
.img img{display: inline; margin: 5px; border: 3px solid #000000;}
.img1{margin: 5px; height: auto; width: auto; float: left; text-align: center;}
.img1 img{display: inline; margin: 5px; border: 3px solid #000000; height: 100px; width: 100px; transition:width 2s, height 2s; -webkit-transition: width 2s, height 2s;/* Safari */}
.img1 a:active img{opacity:0.4; }
.img1 a:hover img{border: 3px solid #0000ae; width: 200px; height: 200px;}
.img-chinteeth-left{float: left; font-size: .79em; font-style: italic; text-align: center; margin-left: 175px;}
.img-chinteeth-right{float: right; font-size: .79em; font-style: italic; text-align: center; margin-right: 175px;}
.img-index{text-align: center; font-size: .8em; margin-top: 15px;}
	.img-index img{margin: 0 auto; padding: 0;}
.img-right{float: right; font-size: .79em; font-style: italic; text-align: center; margin-left: 15px;}
.img-left{float: left; font-size: .79em; font-style: italic; text-align: center; margin-right: 15px;}
.img-left1{margin-left: 40px; padding-right: 15px; float: left; text-align: center; font-style: italic; font-size: 16px; margin-bottom: 15px;}
.img-left2{margin-left: 35px; padding-right: 15px; float: left; text-align: center; font-style: italic; font-size: 16px; margin-bottom: 15px;}
.img-left3{margin-left: 50px; clear: right; padding-right: 15px; float: left; text-align: center; font-style: italic; font-size: 16px; margin-bottom: 15px;}
.img-diarrhea{float: left; font-size: .79em; font-style: italic; text-align: center; margin: 0px 15px 15px 15px;}
.img-center{margin: 0 auto; font-size: .79em; font-style: italic; text-align: center; display: block;}
 .img-center img{margin: 0 auto;}
 .img-center a{text-decoration: none;}
.imggallery{display: block; margin: 0 auto; width: auto; padding-bottom: 30px; height: 235px; text-align: center; clear: both;}
.imggallery2{margin-left: 5px; margin-bottom: 15px; height: 290px; width: 606px; float: left; text-align: center;  clear: both;}
.imggallerycenter1{display: block; margin: 0 auto; height: auto; width: 206px; text-align: center;}
.imggallerycenter1 img{width: 200px; height: 200px;}
.imggallerycenter2{display: block; margin: 0 auto; height: auto; width: 452px; text-align: center;}
.imggallerycenter2 img{width: 200px; height: 200px;}
.imggallerycenter3{display: block; margin: 0 auto; height: auto; width: 678px; text-align: center;}
.imggallerycenter3 img{width: 200px; height: 200px;}
.imggallerycenter4{
  display: block;
  margin: 0 auto;
  height: auto;
  width: 904px;
  text-align: center;
  clear: both;
}
.imggallerycenter4 h2 {
  position:  relative;
  width: 100%;
}
.imggallerycenter4 h2:nth-child(1):after{
  content: "Click picture for more info";
  position: absolute;
  right: calc(50% - 5.9em);
  top: 2.5em;
  font-size: .5em
}
.imggallerycenter4 img{width: 200px; height: 200px;}
.imggallerycenter5{display: block; margin: 0 auto; height: auto; width: 1130px; text-align: center;}
.imggallerycenter5 img{width: 200px; height: 200px;}
.imggalleryherd{display: block; margin: 0 auto; height: auto; width: 904px; text-align: center;}
.imggalleryherd img{width: 200px; height: 200px;}
.left{float: left; margin: 20px 0px 20px 0px; text-align: left; width:20%;}
.leftfeedchart{width: 10%; float: left;}
.line{height: 4px; width: 100%;}
.linksleft{float: left; width: 30%; margin-bottom: 15px;}
.linksright{float: left; width: 70%; margin-bottom: 25px; clear: right;}
.list-alpha-lower{list-style-type: lower-alpha;}
.list-alpha-upper{list-style-type: upper-alpha;}
.list-numbered{list-style-type: decimal; color: black;}
.list-roman{list-style-type: upper-roman;}
.littersleft{border-right: 1px solid; padding-bottom: 15px; margin-left: 0px; height: 1517px; width: 49.7%; float: left;}
.littersright{border-left: 1px solid; margin-left: 0px; padding-bottom: 15px; height: 1517px; width: 49.7%; float: left;}
.in{float: right; padding-right: 5px;}
.mvfcontainer{height:325px; margin: 0px 100px;}
.number{float: right;}
.ohc{height: 320px; width: 953px; display: block; margin: 0px auto;}
.ohc img{height: 300px; margin: 0px 15px;}
.paypal{background: none;}
.paypalc{width: 227px; margin: 15px auto; display: block; text-align: justify; font-size: .9em;}
.paypall{width: 227px; margin: 15px; float: left; display: block; text-align: justify;}
.paypalr{width: 227px; margin: 15px; display: block; float: right; text-align: justify;}
.red{color: #ff0000;}
.rright{float: left; margin: 20px 0px; text-align: left; width: 80%;}
.rightfeedchart{width: 90%; text-align: left; float: left; clear: right; margin-bottom: 15px;}
.showsregl{float: left; width: 130px;}
.showsregr{float: left;}
.showscontactl{float: left; width: 130px;}
.showscontactm{float: left; width: 200px;}
.showscontactr{float: left;}
.showsjudgel{float: left; width: 130px;}
.showsjudger{float: left;}
.showscontainer{float: left; width: 100%; min-width: 1010px; max-width: 1220px; margin: 0px 0px 20px 40px; text-align: left}
.supplies2imgdiv{width: 830px; margin: 0 auto; text-align: center;}
.supplies2imgdiv  a:active{color: black; text-decoration: none; font-size: .95em;}
.supplies2imgdiv  a:link{color: black; text-decoration: none; font-size: .95em;}
.supplies2imgdiv  a:visited{color: black; text-decoration: none; font-size: .95em;}
.supplies2imgdiv img{margin: 0px 7px; display: inline; float: left;}
.supplies1imgdiv{width: 414px; margin: 0 auto; text-align: center;}
.supplies1imgdiv  a:active{color: black; text-decoration: none; font-size: .95em;}
.supplies1imgdiv  a:link{color: black; text-decoration: none; font-size: .95em;}
.supplies1imgdiv  a:visited{color: black; text-decoration: none; font-size: .95em;}
.supplies1imgdiv img{margin: 0px 7px; display: inline; float: left;}
.text_line{clear: both;}
.tralt{background-color: #dddddd;}
.troops{font-size: 1.6em;}
.ulfirstaid{list-style-type: square; margin-left: 40px;}
.warn{color:#ff0000; font-family: 'times new roman'; font-size: 1.15em; text-align: center; width: 100%; font-weight: bold;}
.ween{background-color:#ff8800;}
.eval{background-color:#8888ff;}
.weighalt{background-color:#bbbb00;}
.alt{background-color:#999999;}
/*------
CCS for the menus
Inspired by and based off, prodropdown2 CSS by Stu Nicholas
------*/
.preload1{background: url(/files/images/buttonh.gif);}
.preload2{background: url(/files/images/buttonha.gif);}

#menu{
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style:none;
  width:100%;
  height:35px;
  background:#ccc;
  z-index:500;
  font-family: sans-serif;
}
#menu li a {
  text-decoration: none;
  width: 140px;
}
#menu li.top{
  display:block;
  float:left;
  height:35px;
  font-size: .8em;
  color: #008;
  padding: .5em;
}
#menu li.hasSubMenu {

}
/*#menu li .menu_link{display:block; float:left; height:35px; line-height:35px; color:#008; text-decoration:none; font-size:15px; font-weight:bold; padding:0 0px 0 5px; cursor:pointer;background: url(/files/images/background.gif);}
#menu li .menu_link span{float:left; display:block; padding:0 17px 0 12px; height:35px; background: url(/files/images/background.gif) right top no-repeat;}
#menu li .menu_link span.submenus{float:left; display:block; padding:0 17px 0 12px; height:35px; background: url(/files/images/button.gif) no-repeat right top;}
*/
/* #menu li:hover a.menu_link{color:#fff; background: url(/files/images/buttonh.gif) no-repeat;}
#menu li:hover a.menu_link span{color:#66f; background:url(/files/images/buttonh.gif) no-repeat right top;}
#menu li:hover a.menu_link span.submenus{color:#66f; background:url(/files/images/buttonha.gif) no-repeat right top;}

#menu li:active a.menu_link{color:#fff; background: url(/files/images/buttonp.gif) no-repeat;}
#menu li:active a.menu_link span{color:#66f; background:url(/files/images/buttonp.gif) no-repeat right top;}
#menu li:active a.menu_link span.submenus{color:#66f; background:url(/files/images/buttonpa.gif) no-repeat right top;}
 */
#menu li:hover{position:relative; z-index:200;}

#menu li:hover ul.below {
  left:1px; top:35px; background: #c9c9c9;
  padding:3px; border:1px solid #000;
  white-space:nowrap; width:150px; height:auto;
  z-index:300;}
#menu li:hover ul.below li {
  display:block; height:20px; position:relative;
  float:left; width:150px; font-weight:normal;
}
#menu li:hover ul.below li {
  display:block; font-size:12px; height:18px;
  width:150px; line-height:18px; text-indent:5px;
  color:#000; text-decoration:none;
  border:1px solid #c9c9c9;
}
#menu li ul.below li .right
{background:#c9c9c9 url(/files/images/arrow.gif) 140px 6px no-repeat;}
#menu li:hover ul.below li:hover
{background:#c9c9c9; color:#fff; border-color:#fff;}
#menu li:hover ul.below li right:hover
{background:#c9c9c9 url(/files/images/arrow_over.gif) 140px 6px no-repeat; color:#fff;}


#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul
{left:145px; top:0px; background: #c9c9c9; padding:2px; border:1px solid #000; white-space:nowrap; width:150px; z-index:400; height:auto;}

#menu ul,
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu li:hover li:hover a.right,
#menu li:hover li:hover li:hover a.right,
#menu li:hover li:hover li:hover li:hover a.right,
#menu li:hover li:hover li:hover li:hover li:hover a.right
{background:#c9c9c9 url(/files/images/arrow_over.gif) 140px 6px no-repeat; color:#fff; border-color:#fff;}

#menu li:hover li:hover li a.right,
#menu li:hover li:hover li:hover li a.right,
#menu li:hover li:hover li:hover li:hover li a.right
{background:#c9c9c9 url(/files/images/arrow.gif) 140px 6px no-repeat; color:#000; border-color:#c9c9c9;}

/*
New CSS to be used on the new build.
*/
.showsBlocks {
  float: left;
  min-width: 160px;
  font-size: .7em;
  padding: 10px;
  width: 15%;
}
.showsBlocks  input{
  width: 96%;
}
.showsBlocks input[type=checkbox] {
  width: auto;
}
.showsBlocks textarea {
  margin-top: 6px;
  height: 50px;
  transition: height 1s;
  width: 96%;
  resize: none;
}
.subFields {
  padding-left: 10px;
}
.addButton {
  padding: 0px;
  float: right;
  margin-top: 5px;
}
.pop{
  display: none;
  pointer-events: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0,0,0,.5);
}
.pop div {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  margin: 15% auto;
  background-color: rgba(200,200,220,1);
  padding: 10px;
  position: relative;
}
.pop h2{
  padding: 0px;
  margin: 0px 5px 0 0;
}
.pop span {
  font-size: .8em;
  position: absolute;
  top: 0px;
  right: 0px;
  border: 1px black solid;
}
.pop input {
  float: right;
}
#weighTable tbody tr:nth-child(2n+3){
  background-color: rgba(100,100,100,.3);
}
.weigh{
  background-color: rgba(255,0,0,.25);
  border: 4px outset black;
}

#saleinfo {
	font-family: 'comic sans ms', 'sans serif';
	font-size: 1.05em;
}
#banner {
	margin: 0;
	padding: 0;
}
#banner h1 {
	color: red;
	margin: 2px;
	padding: 0px;
	background-color: white;
}
#banner h1:hover {
	color: blue;
}
#banner a {
	text-decoration: none;
	color: red;
}