.bgpicture {
     background:url('media/desktop/kitty-hd.jpg');
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: 50% 60%; 
}.dropdown-auto:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }.footer { 
 background: #23282D; 
 color:white; 
}

footer { 
background: #23282D; 
margin-top: 50px
}

footer a { 
line-height: 40px;
color:white;
}
footer a:hover { 
color:white;
}
footer a:active { 
color:white;
}
footer a:focus { 
color:white;
}

body, html { 
 margin: 0em;
 font-family: Verdana, Arial; 
 height: 100%; width: 100%;
 font-size: 14px;
 }

h1 { margin:10px; }
h2 { margin:10px; }
h3 { margin:10px; }



p { margin:0px;  padding:0px; margin-bottom:20px; }

htmlzz {
	-webkit-animation: showSlowlyElement 700ms; /* Chrome, Safari, Opera */
	animation: showSlowlyElement 700ms; /* Standard syntax */
}


.nohighlight:focus { outline:none; }
*:focus {outline: none;}

td { 
 font-family: Verdana, Arial; 
 font-size: 14px;
   }

div { 
  line-height: 1.1rem;
  font-size: 0.7rem;
  box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

.align-center {
 text-align:center;
 }.wrapper {
        max-width:1000px;
        margin:auto;
        }.sp-xs {
 margin-right: 5px;
 }
.sp-sm {
 margin-right: 10px;
 }

.sp-md {
 margin-right: 20px;
 }

.sp-lg {
 margin-right: 40px;
 }.pills {
 line-height:35px;
 }.pointer { cursor:pointer }.light{
 filter:Alpha(Opacity=50);
 opacity: 0.5;
 }

.light-2{
 filter:Alpha(Opacity=20);
 opacity: 0.2;
 }

.light-1{
 filter:Alpha(Opacity=5);
 opacity: 0.1;
 }.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}

.view-tenth:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}

				.quote span:before { 
   padding-right:5px;
margin-left: -20px;
   content: open-quote;
   color: gray;
   font: 1.0em/100% Georgia, serif
}

.quote span:after { 
   padding-left:5px;
   content: close-quote;
   color: gray;
   font: 1.0em/100% Georgia, serif
}
.cyan   { color: #35A6E8; }
.blue   { color: blue; }
.orange { color: orange; }
.green  { color: green; }
.brown  { color: brown; }
.gray   { color: gray; }
.red    { color: red; }
.success { color: #77AD3C; }



.section-close {
 cursor:pointer; 
 padding-right:5px; 
 color:#c0c0c0
}
.section{
    width: 100%;  
}


section{
    background: hsl(1, 10%, 94%); 
    max-width: 1000px;
    padding: 1rem 10% 1rem;
    }

section:nth-child(even){
    background: hsl(1, 10%, 98%); 
}



.switch_on {
 background: url('media/apps/tableman/images/switch_on.png');
 }

.switch_off {
 background: url('media/apps/tableman/images/switch_off.png');
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes showSlowlyElement {
	100%   	{ transform: scale(1); opacity: 1; }
	0% 	{ transform: scale(1.1); opacity: 0; }
}

/* Standard syntax */
@keyframes showSlowlyElement {
	100%   	{ transform: scale(1); opacity: 1; }
	0% 	{ transform: scale(1.1); opacity: 0; }
}
li.active  { background:#EEEEEE; }

ul > li a {
 font-size: 15px;
 }

.nav {
 margin:0px;
 border-radius:0px;
 border:none;
 }


.icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #fff;
  border-radius: 1px;
}div.modal div.modal-backdrop {
    z-index: 0;
}.badge {
 z-index:2;
 background: #fff;
 border:1px solid #e0e0e0;
 font-weight:normal;
 color: #808080;
 }.list-group-item {
 /** border:none; **/
 }

.input-xs {
	height: 22px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	}
@media screen and (min-width: 260px){
  html{
    font-size: 18px;
  }
}
@media screen and (min-width: 460px){
  html{
    font-size: 18px;
  }
}
@media screen and (min-width: 640px){
  html{
    font-size: 20px;
  }
}
@media screen and (min-width: 800px){
  html{
    font-size: 22px;
  }
}




.ads {
 padding-left:8px; 
 font-size:8px; 
 color:#909090;
 }