﻿
/* HTML tags : start */
html, body, p, h1, h2, h3, a, img, form, table, tr, td {
        margin: 0;
        padding: 0;
        border: 0}
html {height:100%;}
body{width:998px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;color:#000;font-size:12px;min-height:100%;position:relative}
*html body{height:100%}
body{behavior:url("/includes/templates/css/csshover.htc"); }

/* HTML tags */
h1{color:#999;font-size:24px;font-weight:normal}
h1 a{color:#3399cc;font-size:12px;float:right;margin-top:5px}


a{color:#3399cc}
a:hover{text-decoration:none}
input{font-family:Arial, Helvetica, sans-serif;}
select{font-family:Arial, Helvetica, sans-serif;}

.tajust{padding-bottom:25px}

tr.td01 td{background-color:#FFFFCC;border-bottom:1px solid #fff}
tr.td02 td{background-color:#FBFBFB;border-bottom:1px solid #fff}

/* Styles for Main */
#topbox {border-collapse:collapse;}
#topbox td{}
#topbox td div{height:198px;position:absolute;}
*html #topbox td div{position:relative}
*+html #topbox td div{position:absolute;left:0}
#topbox td:hover div{background:url(/includes/templates/images/ramka_top.gif) top left no-repeat;width:100%}
#topbox td:hover div div{height:198px;background:url(/includes/templates/images/ramka_bot.gif) bottom right no-repeat;width:100%}
#topbox ul{margin:0;padding:0;list-style-type:none;}


#topbox ul li{float:left;}
#topbox ul li img{float:left;}
*html #topbox ul li img{margin-top:-198px}
#topbox ul li.tooltip i {display:none;background:#fff;}
#topbox ul li.tooltip:hover {position:relative; z-index:5;}
#topbox ul li.tooltip:hover i{display:block;position:absolute;top:150px;right:10px;color:#fff;padding:4px 10px 4px 5px;font-style:normal}
#topbox ul li.tooltip:hover i img{border:0;width:15px;height:12px;margin:0 3px 0 5px;float:none;vertical-align:middle}
#topbox ul li.tooltip:hover i a{color:#3399cc;font-size:11px}

.main-header{background:url(/includes/templates/images/header_bg3.gif);width:948px;height:60px;padding:20px 25px 0 25px;margin:0 auto;z-index:100;position:relative;top:0;}
.mleft{float:left;width:250px; margin-top: -17px;}

.mright{float:right;width:150px;color:#000;padding-top:10px}

.enter_text{margin:0 5px;padding:5px}

.enter{margin:0 5px;padding:5px}
.enter span{width:150px;display:none}
.enterform{width:130px;margin:0 auto;text-align:center}
.enterform input{width:130px;font-family:Arial;margin-bottom:10px}
.enterform input.txt{font-size:11px;color:#666666;text-align:left;width:124px !important}

.enter_act {margin:0 5px;padding:5px; position:relative;z-index:10px;text-decoration:none;background:#fff;border:1px solid #ccc}
.enter_act span{display:block;position:absolute;top:24px;left:-1px;width:150px;background:#fff;padding:10px 0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
*html .enter_act span{left:5px}


.reg{margin:0 5px;padding:5px;}
.reg span{width:150px;display:none;}
.regform{width:130px;margin:0 auto;text-align:center}
.regform input{width:130px;font-family:Arial;margin-bottom:10px}
.regform input.txt{font-size:11px;color:#666666;text-align:left;width:124px !important}

.reg_act {margin:0 5px;padding:5px; position:relative;z-index:10px;text-decoration:none;background:#fff;border:1px solid #ccc;}
.reg_act span{display:block;position:absolute;top:24px;left:-70px;width:151px;background:#fff;padding:10px 0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
*html .reg_act span{left:-63px}
body:last-child .reg_act span{left:-70px}



.mcenter{padding:0 200px}
.search{padding:8px 0 0 0}
.search input{font-family:Arial;font-size:12px;}
.search select{font-family:Arial;font-size:12px;margin-right:20px;width:155px}
.search input.txt{color:#000;width:185px;margin-right:20px}

.totallink{height:28px;clear:both;background:#f5f5f5;padding:12px 0 0 0;text-align:center}
.totallink span{margin:0 10px}

.slinks{width:840px;margin:0 auto;padding:50px 0 0 0}
.slinks div{width:280px;float:left;text-align:center}
.slinks div a{display:block;font-size:14px;font-weight:bold}

.mcontent{background-color:#f5f5f5;margin-top:50px;width:100%}

.tags{clear:both}
.tags h1{font-size:14px;color:#999;padding-bottom:10px;font-weight:bold}
.tags p{text-align:center;padding:50px;}
*+html .tags p{padding:30px 50px 50px 50px;}
.tags a{margin:0 3px;text-decoration:none;}
.tags a:hover{background:#999999;color:#fff;padding:0px 2px}
.tags span{display:block;text-align:center;font-size:14px}

.tags-tools{padding:15px 0;clear:both}
.tags-tools img{vertical-align:middle;margin-right:3px}
.tags-tools a{text-decoration:none}

.f10{font-size:10px}
.f11{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}

.specbox{width:400px;float:left;margin:50px 50px 0 75px;clear:both}
*html .specbox{margin-left:40px}
.specbox p{padding:0 0 10px 0}
.specbox p b{font-size:14px}
*html .specbox p input{width:190px}
*+html .specbox p input{width:190px}

.aboutbox{width:350px;float:left;margin:50px 50px 0 0}
.aboutbox p b{font-size:14px;color:#999999;display:block;padding-bottom:3px}
.aboutbox span{font-style:italic;text-align:right;display:block;padding-top:5px}
/* Styles for Main */

#header{background:url(/includes/templates/images/header_bg2.gif);width:850px;height:65px;padding:20px 30px 0 30px;margin:0 auto;}
#header .left{float:left;width:175px;height:75px;margin-top:-20px}
#header .right{float:right;width:150px;color:#000;text-align:right}
#header .right span{margin:0 10px}
#header .right img{margin-right:5px}
#header .center{padding:0 200px}

.content{margin:30px 75px 0 75px;padding-bottom:150px;overflow:hidden;}
#leftbar{float:left;width:205px;margin-right:45px}
#rightbar{float:left;width:520px}

.leftbox{padding-bottom:50px}
.leftbox h1{color:#999999;font-size:18px;font-weight:normal;padding-bottom:15px}
.leftbox p{padding-bottom:10px}
*html .leftbox p input{width:185px}
*+html .leftbox p input{width:185px}

.addannounce{border:1px solid #ccc;padding:10px 9px 0 9px;width:210px}
.addannounce h1{font-size:14px;color:#999;padding-bottom:15px}
.addannounce p{padding:0 0 15px 0}
.addannounce p img{vertical-align:top;margin-right:2px;float:right}
.addannounce p span{font-size:11px;display:block;padding:10px}
.addannounce input.txt{width:205px;}
.addannounce label{display:block;padding-bottom:3px}
.addannounce select{width:205px;}
.addannounce textarea.short{width:205px;height:50px}
.addannounce textarea.full{width:205px;height:110px}
.addannounce div {padding:10px 0;text-align:center;background:#cce599;margin:1px -8px;clear:both}
.addannounce div input{width:175px}

.abc{padding:20px 0}
.abc p a{font-size:14px;margin:0 4px}
.abc ul {margin:0;padding:0;list-style-type:none}
.abc ul li{padding:8px 0;font-size:11px;color:#999}
.abc ul li span{font-size:14px;font-weight:bold;margin-top:10px;display:block}
.abc ul li a{font-size:12px;}

.breed{border-collapse:collapse;width:100%}
.breed th{color:#999999;font-weight:normal;text-align:left;font-size:18px}
.breed th h1{font-size:24px;font-weight:normal}
.breed td{padding-top:15px;vertical-align:top}
.breed td p{padding-bottom:14px}
.breed td p span a{text-decoration:none}
.breed td p img{vertical-align:middle;margin-right:2px}
.breed td h2{font-weight:normal;padding-bottom:10px}

.pagebar{padding:50px 0}
.pagebar span{float:left;margin:5px 10px}
.pagebar span img{vertical-align:middle}
.pagebar ul{margin:0;padding:0;list-style-type:none}
.pagebar ul li{float:left;width:25px;border:1px solid #ccc;margin-right:1px;padding:3px 0 ;text-align:center}
.pagebar ul li a{text-decoration:none}
.pagebar ul li.act{border:0;}
.pagebar ul li.act a{color:#000;font-weight:bold}

.gallery{border-collapse:collapse;background:url(/includes/templates/images/gallery_bg.gif) no-repeat;width:520px}
.gallery td{padding:5px;text-align:center}
.gallery td p{text-align:left;padding:5px 0}
.gallery td p img{width:50px;height:50px}
.gallery td p a{margin:0 7px 0 0}
.gallery td p a.act img{border:5px solid #29abe2;width:40px;height:40px}

.gallery2{border-collapse:collapse;background:url(/includes/templates/images/gallery_bg2.gif) no-repeat;width:260px; height: 314px;}
.gallery2 td{padding:5px;text-align:center}
.gallery2 td p{text-align:left;padding:5px 0}
.gallery2 td p a{margin:0 7px 0 0}


.dogbox{padding-bottom:20px}
.dogbox p{padding-bottom:15px}
.dogbox p img{margin-right:5px}
.dogbox h1{padding-bottom:15px}
.dogbox h1 img{vertical-align:middle;}
.dogbox h1 a{float:none !important;font-size:18px !important}

.commentsbox{padding:10px 0}
.commentsbox h1{color:#999;font-size:18px;font-weight:normal}
.commentsbox p{float:right;padding:2px 5px; display:block;width:125px;border:1px solid #ccc;border-bottom:1px solid #fff;background:#fff;position:relative;z-index:100}
.commentsbox p img{margin-right:5px;vertical-align:middle;}
.commentsbox div {border:1px solid #ccc;padding:10px;margin-top:-2px}
.commentsbox textarea{width:98%;height:80px;margin-bottom:10px}
.commentsbox span{text-align:right;display:block}

.commentstxt{padding:10px 0;border-bottom:1px solid #ccc;}
.commentstxt p{padding:10px 0;clear:both}
.commentstxt p img{float:left;margin-right:12px}

.eleft{float:left;width:560px;padding-top:50px}
.eright{padding-top:50px}
.eright p{padding-bottom:10px}
.eright p label{display:block;padding-bottom:3px}
.eright p img{vertical-align:top;margin-right:3px}
.eright h2{color:#999;font-size:14px;padding-bottom:10px}
.eright ul{margin:0;padding:0;list-style-type:none}
.eright ul li{padding-bottom:8px}
.eright ul li input{vertical-align:middle;margin-right:5px}
textarea.desc{width:270px;height:110px}
textarea.ttags{width:250px}

.savebox{background:#cce599;padding:15px 0;text-align:center;clear:both;margin-bottom:30px}
*html .savebox{padding-top:10px}
*+html .savebox{padding-top:10px}
*html .savebox input{width:175px}
*+html .savebox input{width:175px}

.sstr {}
@-moz-document url-prefix() {
  .sstr {margin-top: 10px;}
}

.htmlbox{border-collapse:collapse;width:99%;border:1px solid #ccc;margin:50px auto;clear:both;}
.htmlbox h1{font-size:14px;font-weight:bold}
.htmlbox td{vertical-align:top;padding:7px}
.htmlbox td textarea{width:620px}
.htmlbox td input{width:620px}

.profile-menu h1 a{font-size:18px;float:none}
.profile-menu h1 span {font-size:11px;}
.profile-menu h1 span a{font-size:11px;float:none}
.profile-menu ul{margin:0;padding:10px 0;list-style-type:none}
.profile-menu ul li{padding-bottom:10px}
.profile-menu ul li img{vertical-align:middle;margin:0 2px}

.messagebox h1{padding-bottom:5px}
.messagebox h2{color:#999;font-size:14px;padding:5px 0}
.messagebox p{padding:10px 0;clear:both}
.messagebox p img{float:left;margin-right:12px}

.tools{text-align:right}
.tools a{margin:0 5px }

.answerbox{border-collapse:collapse;width:99%;border:1px solid #ccc;margin:25px auto 50px auto;clear:both;}
.answerbox h1{font-size:14px;font-weight:bold}
.answerbox td{vertical-align:top;padding:7px}
.answerbox td input.txt{width:98%}
.answerbox td textarea{width:98%}

.photobox h1{padding:0 0 20px 0}
.photobox h1 a{float:none;font-size:18px}

.photos{border-collapse:collapse;background:url(/includes/templates/images/photo_bg.gif) no-repeat;width:858px;margin:0 auto}
.photos td{padding:7px 5px;text-align:center}
.photos td p{text-align:left;padding:5px 0}
.photos td p img{width:50px;height:50px}
.photos td p a{margin:0 7px 0 0}
.photos td p a.act img{border:5px solid #29abe2;width:40px;height:40px}


.bot{height:130px;position:absolute !important;bottom:-1px ;width:100%;clear:both}
/* Footer */
#footer{height:65px;background:url(/includes/templates/images/footer_bg.gif) top left repeat-x;background-color:#efefef;padding:25px 75px 0 75px}
#footer .fleft{float:left;width:250px}
#footer .fright{float:right;width:175px}
#footer .fcenter{padding:0 250px;text-align:center}
#footer .fcenter a{margin:0 10px}
/* Footer */
.clear{clear:both;font-size:1px;height:1px;}
