@charset "utf-8";

body{
    background:#fff url(/static/img/background.jpg) repeat-x 0 0;
    color:#000;
    padding:0;
    margin:0;
    font-family: Tahoma,Arial,MS Sans-Serif;
    font-size:13px;
    text-align:center;
}
table td{font-size:13px;}

hr {
    border-top: #aaa solid 1px;
    border-bottom: #ccc solid 1px;
    border-right: 0;
    border-left: 0;
}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a {
    font-weight:bold;
    color:#036b8b;
    margin:10px 0 5px 0;
    padding:0;
    text-align:left;
    text-decoration:none !important;
}

h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration:underline !important;
}

h5 {
    margin: 5px 0;
}

ul.errorlist{
    margin:5px 0;
    padding:4px 6px;
    text-align:center;
}

ul.errorlist li{
    display:block;
}

.ok_box, .err_box{
  margin:5px 100px;
  padding:10px;
  text-align:center;
}

.err_box, ul.errorlist{
  border:1px solid #bb6c6c;
  background:#f7d7d7;
}
.err_box h3{color:#bb6c6c;}
.ok_box{
  border:1px solid #669768;
  background:#caebcb;
}

.button, .button:hover,.button:focus {
    border:#999 solid 1px;
    background:#0084a5;
    color:#fff;
    cursor:pointer;
}

input, textarea{
    border:#c0b6a9 solid 1px;
    background:#fff;
    padding:2px 3px;
}

input:focus, textarea:focus {
    border:#000 solid 1px;
    background:#f8f8f7;
}

.submit, .submit:focus{
    background:#86735e;
    padding:2px;
    color:#fff;
    cursor:pointer;
}

.center-bottom{
    text-align:center;
}

.align_left{
    text-align:left;
}
.align_right{
    text-align:right;
}

.center-form{
    margin:0 auto;
}
label{cursor:pointer;}
h1{margin:0 0 10px 0;font-size:19px;}
h2{font-size:17px;}
h3, .h3{font-size:15px;}
h4{font-size:13px;}
h5{font-size:11px;}


.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.center{text-align:center;}
a{color:#000; text-decoration:underline;}
a:hover{color:#036b8b; text-decoration:none;}
#header a:hover{color:#fff; text-decoration:none;}
img{border:0;}
.small{font-size: 10px;color:#036b8b !important;}
p{margin:4px 0;}
a img{border:0;text-decoration:none;}

#main{
    width:983px;
    background:#fff;
    margin:0 auto;
    border:2px solid #ccc;
    text-align:left;
}

#header{
    height:156px;
    background:#fff url(/static/img/bg_header.jpg) repeat-x 0 0;
}

#logo{
    float:left;
    width: 543px;
    height: 156px;
}

#top-right{
    float:right;
    width: 400px;
    text-align: right;
}

#user_data{
    padding:10px;
    height:50px;
}

#user_data, #user_data a {
    color: #fff;
}

#user_data a:hover {
    color: #aaa;
}

#species_links{
    margin-top:45px;
    float:right;
}

.search_button,.search_button:focus {
    width:74px;
    height:27px;
    border:none;
    cursor:pointer;
    padding:0;
    background:#fff url(/static/img/search_button.jpg) no-repeat -74px 0px;
}

.search_button:hover {
    border:none;
    background:#fff url(/static/img/search_button.jpg) no-repeat 0 0px;
}

#search_bg{
    width:164px;
    height:34px;
    float:right;
    margin:12px 0;
    padding:0;
    background:#fff url(/static/img/search_input.jpg) no-repeat 0 0px;
    text-align:left;
}

#search_bg input.text{
    border:none;
    background:none;
    padding:2px 0;
    width:120px;
    margin:7px 0 0 10px;
}

.search_button2,.search_button2:focus, .search_button2:hover {
    width:20px;
    height:22px;
    border:none;
    cursor:pointer;
    padding:0;
    margin:5px 0 0;
    background:#fff url(/static/img/search_glass.jpg) no-repeat 0px 0px;
}

a#link_dog,a#link_cat,a#link_other{
    float:left;
    display:block;
    height:31px;
    margin:0 10px;
    width:80px;
    background:#fff url(/static/img/links.jpg) no-repeat;
} 

a#link_dog{
    background-position: 0 -31px;
    width:58px;
}

a#link_cat{
    background-position: -86px -31px;
    width:52px;
}

a#link_other{
    background-position: -163px -31px;
    width:68px;
}

a#link_dog:hover   { background-position: 0 0; }
a#link_cat:hover   { background-position: -86px 0; }
a#link_other:hover { background-position: -163px 0; }

a#link_dog.active  { background-position: 0 -62px; }
a#link_cat.active  { background-position: -86px -62px; }
a#link_other.active{ background-position: -163px -62px; }

.toolbar{
    margin:15px 0;
}

#toolbar{
    height:49px;
    background:#fff url(/static/img/bg_tolbar.jpg) repeat-x 0 0;
    text-align:right;
    padding:0 15px;
}

#top{
    height:8px;
    background:#fff url(/static/img/bg_top.jpg) repeat-x 0 0;
    font-size:6px;
}

#tabs ul li a, #tabs ul li span{
    display:block;
    float:left;
    width:163px;
    height: 18px;
    font-size:15px;
    padding:9px 0 8px 35px;
    background: url(/static/img/tabs.jpg) no-repeat 0 -35px;
    text-decoration:none;
}

#tabs ul li span{
    font-weight:bold;
    background: url(/static/img/tabs.jpg) no-repeat 0 -70px;
}

#tabs ul li a:hover {
    color:#0d3c4a;
    background: url(/static/img/tabs.jpg) no-repeat 0 0;
    text-decoration:none;
}

#tabs{
    padding:0 2px;
}

#menu{
    float:left;
    width:172px;
    min-height:500px;
    margin-left:4px;
    
}

#content_main2{
    float:left;
    width:600px;
    margin:0 4px;
}

#content{
    padding:10px;
    min-height:500px;
    border-left:2px solid #c3c3c3;
    border-right:2px solid #c3c3c3;
}

#content_top{
    font-size:0px;
    height:18px;
    margin:0;
    background:url(/static/img/content_top.png) no-repeat;
}

#content_bottom{
    font-size:0px;
    height:15px;
    margin:0;
    background:url(/static/img/content_bottom.png) no-repeat;

}

#advertisement{
    float:right;
    width:185px;
    margin-right:3px;
}

#advertisement_content{
    text-align:center;
    padding:8px 0;
    min-height:500px;
    border-left:2px solid #c3c3c3;
    border-right:2px solid #c3c3c3;
}

#advertisement_top{
    font-size:0;
    background:url(/static/img/right_top.png) no-repeat;
    height:15px;
    margin:0;
}

#advertisement_bottom{
    font-size:0;
    background:url(/static/img/right_bottom.png) no-repeat;
    height:15px;
    margin:0;
}

.content_with_ads {
    float: right;
    width: 790px;
    margin-right:5px;
    border:2px solid #c3c3c3;
    padding: 5px 2px 10px;
}

#footer{
    border-top:#797979 solid 3px;
    margin:30px 30px 0 30px;
    padding:10px
}

#footer ul{
    margin:0;
    padding:0;
    text-align:center;
}

#footer ul li{
    margin:0;
    padding:0;
    display:inline;
}

.breed{
    margin:16px 40px 0 0 ;
}

/* LIST */
.list-item {
    padding: 10px;
    margin: 10px;
    border: #86735E solid;
    border-width: 1px 1px 3px;
}

.list-item .img {
    float: left;
    padding-right: 20px;
    width: 64px;
    height: 64px;
}
.item-content, a.item-content {
    text-decoration: none;
    width: 450px;
    display: block;
    float: right;
}

div.item-title, a.item-title {
    font-size: 15px;
    text-decoration: none;
    display: block;
    color:#036b8b;
}
.item-head {
    font-size: 11px;
    color: #444;
}

.item-sep {
    margin: 0 5px;
}

/* BIG BUTTON */
.big-button, .big-button:hover {
    text-decoration:none;
}

.big-button span {
    background-image: url(/static/img/big_button.gif);
    background-position:0 0;
    display: block;
    color: white;
    border: 0;
    float: left;
    font-size: 14px;
}

.big-button:hover span {
    background-image: url(/static/img/big_button.gif);
    background-position:0 -35px;
}

.big-button-start {
    padding: 8px 0 0 20px;
    height: 27px;
    background-position:left  top!important;
}

.big-button-end {
    width: 20px;
    height: 35px;
    background-position:right top!important;
}

.big-button:hover .big-button-start {
    padding: 8px 0 0 20px;
    height: 27px;
    background-position:left  bottom!important;
}

.big-button:hover .big-button-end {
    width: 20px;
    height: 35px;
    background-position:right bottom!important;
}

/*
.box {
    border: 1px solid #25c3c9;
    background: #e5feff;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
*/
.box{
    background:url(/static/img/brown_box_small.jpg) no-repeat top center;
    margin-top:10px;
    padding:30px 10px 10px;
    width:556px;
    height:auto!important;
    height:70px;
    min-height:70px;
}

.box_brown{
    background:url(/static/img/box_bg.jpg) no-repeat top center;
    margin-top:10px;
    padding:30px 10px 10px;
    width:556px;
    height:auto!important;
    height:190px;
    min-height:190px;
}

.box h1,.box h2,.box h3,.box h4, h1.brown,h2.brown,h3.brown,h4.brown {
    color:#63533d;
}

.help_text {
    font-size: 80%;
    color: #444;
}