@charset "utf-8";
body { background:url(../images/mainbg.jpg) left top repeat-x;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal;
}
h1, h2, h3, h4, h5, h6, p, span, label, form, input, li, ol, dl, ul, br, img, div, textarea, checkbox, radio, button, textarea, select, hr{ margin:0; padding:0;}
.table{border:0; margin:0; padding:0;}
html{ height:100%;}
input, select, radio{ vertical-align:middle;}
ul{ margin:0; padding:0; list-style:none;}
a{text-decoration:none;}
form{margin:0; padding:0;}
img{border:none;}
button{margin:0; padding:0;}
.clearfix {display: block;}
.clearfix:after {content:".";display: block;clear:both; visibility: hidden;line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix{height:1%;}
clear{clear:both;}




h1{ font-size:30px; color:#0072ca; font-family:"comic Sans MS", arial, verdana, tahoma;}
span{margin:0; padding:0;}
span.letter1{ color:#e70d11;}
span.letter2{ color:#74ac00;}
span.letter3{ color:#579bc9;}
span.letter4{ color:#f88b08;}
span.letter5{ color:#cad411;}









#main {width:1015px; height:auto; margin:0 auto 0 auto;}
.header {width:1015px; height:128px; float:left;}
.topline {width:1015px; height:32px; float:left;}
.logobox {width:239px; height:112px; float:left; padding:16px 0 0 36px;}
.navitop {width:740px; height:56px; float:left;}
.navigation {width:710px; height:38px; float:left; padding:0 0 0 30px;}

.navigation ul{ margin:0; padding:0; list-style:none;}
.navigation ul li{float:left;}
.navigation ul li a{ padding:0 5px 0 5px; display:block; float:left; background:url(../images/navi-left.jpg) left top no-repeat;  color:#6b6b6b; font-weight:bold;  font-family:"Comic Sans MS" Arial, Helvetica, sans-serif; font-size:15px; font-style:normal; text-decoration:none;}
.navigation ul li a span{ padding:0 12px 0 8px; display:block; float:left; background:url(../images/navi-right.jpg) right top no-repeat; line-height:36px; cursor:pointer; color:#6b6b6b; font-weight:bold;  font-family:Comic Sans MS, Arial, Helvetica, sans-serif; font-size:15px; font-style:normal; text-decoration:none;}
.navigation ul li a:hover{ color:#000000; text-decoration:none;}
.navigation ul li a span:hover{color:#000000; text-decoration:none;}
.navigation ul li a.active{background:url(../images/navi-left-hov.jpg) 0 0px no-repeat; text-shadow:1px 1px 1px #ace1f3; font-family:Comic Sans MS,Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-decoration:none; color:#FFFFFF;}
.navigation ul li a.active span{background:url(../images/navi-right-hover.jpg) right 0px no-repeat;  font-family:Comic Sans MS,Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-decoration:none; color:#FFFFFF;}
.contant {width:1009px; height:auto; float:left; background:url(../images/midbg.jpg) left top no-repeat; padding:0 0 0 6px;}
.contant-bot{width:1015px; height:14px; float:left; }
.contant-midbg{width:983px; height:auto; float:left; background:url(../images/contmidbg.jpg) left bottom repeat-x; padding:30px 0 15px 20px; }
.cont-left {width:417px; height:auto; float:left; background:url(../images/side-bg.jpg) right bottom no-repeat;}
.login {width:400px; height:auto; float:left; padding:0px 0 5px 17px;}
.field {width:417px; height:auto; float:left; padding:8px 0 0 0;}
label {width:95px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px;font-style:normal; font-weight:normal; text-decoration:none; color:#666666; padding:5px 0 0 20px;}
.inp { border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:13px;font-style:normal; font-weight:normal; text-decoration:none; color:#666666; background:url(../images/inp-bg.jpg) left top no-repeat; padding:5px 10px;}
.loginbtn {width:79px; height:31px; float:left; background:url(../images/loginbtn.jpg) left top no-repeat; cursor:pointer; border:0px;}
.loginbtn:hover{width:79px; height:31px; float:left; background:url(../images/loginbtn.jpg) left -31px no-repeat;cursor:pointer; border:0px;}

.size {width:auto; height:auto; float:left; padding:0 5px 0 1px;}
.member {width:417px; height:auto; float:left;}
.notyetbtna {width:200px; height:37px; float:right; padding:20px 0 0 10px;}
.notyetbtn {width:135px; height:37px; float:left; background:url(../images/notyet.jpg) left top no-repeat; cursor:pointer; border:0px;}
.notyetbtn:hover{width:135px; height:37px; float:left; background:url(../images/notyet.jpg) left -37px no-repeat;cursor:pointer; border:0px;}

.nottext {width:190px; height:auto; float:right; font-family:Arial, Helvetica, sans-serif; font-size:13px;font-style:normal; font-weight:normal; text-decoration:none; color:#666666; text-align:right; padding:30px 0 0 0; }
.forgot {width:345px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;font-style:normal; font-weight:normal; text-decoration:none; color:#666666; text-align:right; padding:20px 0 0 0; }
.forgot a {font-family:Arial, Helvetica, sans-serif; font-size:12px;font-style:normal; font-weight:normal; text-decoration:underline; color:#3087ec; }
.forgot a:hover {text-decoration:none; }
.dogimg {width:342px; height:auto; float:left; font-family:Tahoma; font-size:22px; font-style:normal; font-style:normal; font-weight:normal; text-decoration:none; color:#7e7e7e; padding:30px 75px 20px 0;}
.imgright { text-align:right;}
.mar {margin:0px auto 15px 20px;}


.cont-right {width:565px; height:auto; float:left; padding:0 0 0 0px;}
.txtulti{width:525px; height:auto; float:left; padding:0px 0 0 40px; font-family:Comic Sans MS ,Arial, Helvetica, sans-serif; font-size:30px; font-style:normal; text-decoration:none; color:#342e31; font-weight:bold; text-shadow: 1px 1px 1px #928f90;}
.galleryimg {width:525px; height:140px; float:left; padding:15px 0 0 40px;}
.we-text{width:525px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-style:normal; font-weight:normal; text-decoration:none; color:#666666; padding:0 0 0 40px;}
.we-text p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-style:normal; font-weight:normal; text-decoration:none; color:#666666; padding:5px 0 0 0;}
.search{width:535px; height:auto; float:left; padding:10px 0 10px 30px;} 
.searchbg{width:490px; height:102px; float:left; background:url(../images/inp-bg-search.jpg) left top no-repeat;} 
.sear{width:470px; height:auto; float:left; padding:30px 0 0 20px;} 
.search-inp{width:322px; height:41px; float:left; /*background-color:#e1e1e1;*/ padding:4px;} 
.inpsear {border:1px solid #cccccc; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-style:normal; text-decoration:none; color:#28292b; font-weight:normal; background:url(../images/search-inpbg.jpg) left  top repeat-x #ffffff; padding:10px 5px ;}

.searchbtna {width:120px; height:42px; float:left; padding:2px 0 0 7px; }
.searchbtn {width:113px; height:44px; float:left; background:url(../images/searchbtn.jpg) left top no-repeat; cursor:pointer; border:0px;}
.searchbtn:hover{width:113px; height:44px; float:left; background:url(../images/searchbtn.jpg) left -44px no-repeat;cursor:pointer; border:0px;}

.cont-recent {width:1015px; height:auto; float:left; padding:40px 0 20px 0; background:url(../images/b-shed.jpg) center bottom no-repeat;}
.recent-v {width:690px; height:auto; float:left; padding:0 0 0 15px;}
.recent-v-right {width:270px; height:auto; float:left; padding:0 0 0 40px;}
.video-left {width:7px; height:35px; float:left;}
.video-mid {width:676px; height:35px; float:left; background:url(../images/videobg.jpg) left top repeat-x;}
.video-right {width:7px; height:35px; float:left;}
.video-text {width:150px; height:27px; float:left; font-family:Comic Sans MS,Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; text-decoration:none; color:#858585; font-weight:bold; padding:8px 0 0 0;}
.view-text {width:80px; height:23px; float:right; font-family:Tahoma; font-size:11px; font-style:normal; text-decoration:none; color:#7c7c7c; font-weight:normal; padding:12px 5px 0 0; text-align:right;}
.view-text a{font-family:Tahoma; font-size:11px; font-style:normal; text-decoration:none; color:#7c7c7c; font-weight:normal;}
.view-text a:hover{ text-decoration:underline;  }
.blank {width:1015px; height:auto; float:left; padding:30px 0 0 0; }

.view-img{width:690px; height:auto; float:left; padding:10px 0 0 0;}
.cat {width:139px; height:97px; float:left; }
.cat-1 { float:left;}
.cat-1 a{ float:left; padding:2px; background-color:#666666;}
.cat-1 a:hover{ background-color:#FF6600;}

.cat2{width:125px; height:97px; float:left; }
.cat-2 { float:left;}
.cat-2 a{ float:left; padding:2px; background-color:#666666;}
.cat-2 a:hover{ background-color:#FF6600;}
.cat-2 a.actbg2{ background-color:#FF6600;}

.cattxt{width:139px; height:auto; float:left; padding:10px 0 0 0;}
.cattxt a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#666666; }
.cattxt a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:underline; color:#55a20b;}
.cattxt a.act{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:underline; color:#55a20b;}

.cattxt-1{width:125px; height:auto; float:left; padding:10px 0 0 0;}
.cattxt-1 a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#666666; }
.cattxt-1 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:underline; color:#55a20b;}
.cattxt-1 a.act{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:underline; color:#55a20b;}
.share {width:480px; height:26px; float:left; font-family:Comic Sans MS,Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; text-decoration:none; color:#579bc9; font-weight:normal; padding:40px 0 10px 0; display:block;}

/*
-----------LInk-------------*/
.twiter{ width:480px; height:45px; float:left; padding:10px 0 0 0;}
.twiter a{ width:480px; height:31px; float:left;background:url(../images/link-1.jpg) left top no-repeat;}
.twiter a.twi{ width:40px; height:31px; float:left;}
.twiter a.twi:hover{ background-position:left -31px;}
.twiter a.face{ width:41px; height:31px; float:left; background-position:-40px top;}
.twiter a.face:hover{ background-position:-40px -31px;}

.twiter a.you{ width:40px; height:31px; float:left; background-position:-80px top;}
.twiter a.you:hover{ background-position:-80px -31px;}

.twiter a.digg{ width:41px; height:31px; float:left; background-position:-119px top;}
.twiter a.digg:hover{ background-position:-119px -31px;}

.twiter a.black{ width:41px; height:31px; float:left; background-position:-159px top;}
.twiter a.black:hover{ background-position:-159px -31px;}

.twiter a.pink{ width:41px; height:31px; float:left; background-position:-199px top;}
.twiter a.pink:hover{ background-position:-199px -31px;}


.twiter a.rss{ width:40px; height:31px; float:left; background-position:-239px top;}
.twiter a.rss:hover{ background-position:-239px -31px;}

.twiter a.gray{ width:41px; height:31px; float:left; background-position:-279px top;}
.twiter a.gray:hover{ background-position:-279px -31px;}

.twiter a.green{ width:41px; height:31px; float:left; background-position:-319px top;}
.twiter a.green:hover{ background-position:-319px -31px;}

.twiter a.public{ width:41px; height:31px; float:left; background-position:-359px top;}
.twiter a.public:hover{ background-position:-359px -31px;}

.twiter a.more{ width:60px; height:31px; float:left; background-position:-408px top;}
.twiter a.more:hover{ background-position:-408px -31px;}


/*
-----------LInk end-------------*/

.left-box {width:216px; height:auto; float:left; border:#999999 solid 1px; -moz-border-radius: 2px; padding:0px 0 20px 20px;}
.txt-cheap{width:200px; height:auto; float:left; padding:10px 0 5px 0; }
.txt-cheap span{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:bold; text-decoration:none; color:#0094ff;}
.txt-cheap span a{ text-decoration:underline; color:#0094ff;}
.txt-cheap span a:hover{ text-decoration:none; color:#0094ff;}

.green-txt{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#009900;}
.green-txt a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#009900;}
.green-txt a:hover{text-decoration:underline; color:#FF6600;}



.aril12{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#000000; padding:4px 0 5px 0;}
.google-img{width:200px; height:auto; float:left; padding:10px 0 0 0;  }

.topspace {margin:15px auto 0 auto;}
.footer {width:100%; float:left; height:44px; background:url(../images/footernavi-bg.jpg) left top repeat-x;}

.footer-navi{width:1015px; height:44px; margin:0 auto 0 auto;}
.navi-footer {width:565px; height:44px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#FFFFFF;}
.navi-footer a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#FFFFFF;line-height:44px; padding:0 4px 0 4px;}
.navi-footer  a:hover{text-decoration:underline; color:#FFFFFF;}
.navi-footer a.actnavi{text-decoration:underline; color:#FFFFFF;}

.design-footer {width:250px; height:44px; float:right;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#FFFFFF;line-height:44px; }
.design-footer a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#FFFFFF;}
.design-footer a:hover{text-decoration:underline; color:#FFFFFF;}
.design-footer a.actplayer{text-decoration:underline; color:#FFFFFF;}

/*
--------------------login*/ 

.login-cont {width:207px; height:auto; float:left; padding:0px 0 0 0px; }

.tuol-top {width:187px; height:9px; float:left; }
.tuol-mid {width:184px; height:auto; float:left; background:url(../images/tuol-mid.jpg) left top repeat-y; padding:0 2px 0 1px; }
.tuol-midbg {width:170px; height:auto; float:left; padding:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-style:normal; font-weight:bold; text-decoration:none; color:#757575; }
.tuol-bot {width:187px; height:9px; float:left; }
.tuol-midbg span {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-style:normal; font-weight:bold; text-decoration:none; color:#f88b08; }
.photo {width:150px; height:auto; float:left; background:url(../images/ulbotbg.jpg) left bottom repeat-x; padding:0 0 20px 0}
.photo ul {list-style:none; margin:0px; padding:0px;}
.photo ul li{ line-height:normal;}
.photo ul li a{ font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal; text-decoration:none; color:#767676; background:url(../images/bullet.jpg) left 5px no-repeat; padding:0 0 0 15px;}
.photo ul li a:hover{ font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal; text-decoration:underline; color:#767676; background:url(../images/bullet-g.jpg) left 5px no-repeat; padding:0 0 0 15px;}


.login-cont-right {width:774px; height:auto; float:left; padding:0 0 0 0; }
.logingright {width:774px; height:6px; float:left; }
.logingright-mid {width:772px; height:auto; float:left; background:url(../images/mid-topbg.jpg) left top repeat-y; padding:0 1px 0 1px;  }
.logingright-mid-1 {width:750px; height:auto; float:left; background:url(../images/midbg-left.jpg) left top repeat-x; padding:0 0 15px 0;  }
.logingright-mid {width:772px; height:auto; float:left; background:url(../images/mid-topbg.jpg) left top repeat-y; padding:0 1px 0 1px;  }
.logingright-mid-2 {width:530px; height:auto; float:left; background:url(../images/shedeow.jpg) right center no-repeat;  padding:0 0 0 20px;  }
.logingright-mid-3 {width:195px; height:auto; float:left; padding:10px 0 0 5px;  }

.logingright-bot {width:774px; height:6px; float:left; }
.dogimage {width:140px; height:auto; float:left; border:1px solid #e4e4e4; padding:6px 0 6px 6px; margin:5px  auto 0 auto; }
.dogimage-shed {width:148px; height:auto; float:left;}
.mypet {width:150px; height:auto; float:left; background:url(../images/ulbotbg.jpg) left bottom repeat-x; padding:10px 0 15px 0}
.mypet-img {width:150px; height:auto; float:left; padding:10px 0 10px 0; border-bottom:1px solid #f1f1f1;}
.mypet-img-1{width:150px; height:auto; float:left; padding:10px 0 10px 0;}
.petimg {width:50px; height:50px; float:left; border:1px solid #dddddd; padding:2px 0 0 2px;}
.petimg-txt {width:83px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-decoration:none; color:#555555; font-weight:normal; padding:0px 0 0 10px; }
.linksend{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-decoration:none; color:#555555; font-weight:normal; padding:5px 0 0 0; }
.linksend a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-decoration:none; color:#555555; font-weight:normal; }
.linksend a:hover{ text-decoration:underline; color:#509fcc;  }
.perl {width:80px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-decoration:none; color:#555555; font-weight:normal; padding:0px 0 0 10px; }
.perl a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-decoration:none; color:#555555; font-weight:normal;}
.perl a:hover{  text-decoration:underline; color:#509fcc;}
.adgoogle {width:150px; height:auto; float:left;  padding:10px 0 5px 5px}


.status {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; font-weight:normal; text-decoration:none; color:#8cb723;}
.mail {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-style:normal; font-weight:bold; text-decoration:none; color:#737373;}
.emailpadin{ padding:5px 0 5px 0;}
.updatebtn {width:230px; height:27px; float:left; padding:10px 0 20px 0;}
.updatebtn a{width:226px; height:27px; float:left; background:url(../images/update.jpg) left top no-repeat; cursor:pointer; border:0px;}
.updatebtn a:hover{width:226px; height:27px; float:left; background:url(../images/update.jpg) left -27px no-repeat;cursor:pointer; border:0px;}
.event-main {width:488px; height:auto; float:left; padding:15px 0 0 0;}
.event-top {width:488px; height:9px; float:left;}
.event-mid {width:448px; height:auto; float:left; background:url(../images/event-mid.jpg) left top repeat-y; padding:0 20px 10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#666666; line-height:22px;}
.event-mid a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#666666; line-height:22px;}
.event-mid a:hover{ text-decoration:underline; color:#70a500;}

.event-mid span{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:bold; text-decoration:none; color:#70a500;}
.event-bot {width:488px; height:9px; float:left;}

.event-text {width:486px; height:auto; float:left; border-top:#e3e3e3 solid 1px; padding:20px 0 5px 0;}
.arial12-norm {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; color:#696969;}
.ar-padin {padding:10px 0 0 0;}
.bord {border-bottom:#f0f0f0 solid 1px; padding:5px 0 5px 5px;}
/*
----------loginpage*/
.twiter-1{ width:468px; height:45px; float:left; padding:10px 0 0 8px;}
.twiter-1 a{ width:480px; height:31px; float:left;background:url(../images/link-1.jpg) left top no-repeat;}
.twiter-1 a.twi{ width:40px; height:31px; float:left;}
.twiter-1 a.twi:hover{ background-position:left -31px;}
.twiter-1 a.face{ width:41px; height:31px; float:left; background-position:-40px top;}
.twiter-1 a.face:hover{ background-position:-40px -31px;}

.twiter-1 a.you{ width:40px; height:31px; float:left; background-position:-80px top;}
.twiter-1 a.you:hover{ background-position:-80px -31px;}

.twiter-1 a.digg{ width:41px; height:31px; float:left; background-position:-119px top;}
.twiter-1 a.digg:hover{ background-position:-119px -31px;}

.twiter-1 a.black{ width:41px; height:31px; float:left; background-position:-159px top;}
.twiter-1 a.black:hover{ background-position:-159px -31px;}

.twiter-1 a.pink{ width:41px; height:31px; float:left; background-position:-199px top;}
.twiter-1 a.pink:hover{ background-position:-199px -31px;}


.twiter-1 a.rss{ width:40px; height:31px; float:left; background-position:-239px top;}
.twiter-1 a.rss:hover{ background-position:-239px -31px;}

.twiter-1 a.gray{ width:41px; height:31px; float:left; background-position:-279px top;}
.twiter-1 a.gray:hover{ background-position:-279px -31px;}

.twiter-1 a.green{ width:41px; height:31px; float:left; background-position:-319px top;}
.twiter-1 a.green:hover{ background-position:-319px -31px;}

.twiter-1 a.public{ width:41px; height:31px; float:left; background-position:-359px top;}
.twiter-1 a.public:hover{ background-position:-359px -31px;}

.twiter-1 a.more{ width:60px; height:31px; float:left; background-position:-408px top;}
.twiter-1 a.more:hover{ background-position:-408px -31px;}


.event-mid-dog{width:480px; height:auto; float:left; background:url(../images/event-mid.jpg) left top repeat-y; padding:0 4px 10px 4px; }

.event-mid-1{width:438px; height:auto; float:left;padding:0 20px 10px 20px; }
.event-dogimg{width:348px; height:auto; float:left;padding:10px 20px 10px 110px; }
.graybx {width:210px; height:108px; float:left; /*background-color:#e2e2e2;*/ padding:7px 0 0 8px;}
.imghapou {width:70px; height:100px; float:left;}
.imghapou-1{width:131px; height:100px; float:left;}

.upcoming {width:179px; height:auto; float:left; border:#ebebeb solid 1px;background:url(../images/upbox.jpg) left bottom repeat-x;-moz-border-radius: 2px; padding:10px 0 20px 8px;}

.birth{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; text-decoration:none; color:#767676; }
.padingaial {padding:5px 0 0 0;}
.menung {width:141px; height:99px; float:left; border:#e3e3e3 solid 1px; padding:6px 0 0 7px;}
.inpsend {width:110px; height:auto; float:left; padding:4px 0 0 0;}
.inp-send { border:1px solid #cacaca; font-family:Arial, Helvetica, sans-serif; font-size:13px;font-style:normal; font-weight:normal; text-decoration:none; color:#e1dede; background:url(../images/inp-bg.jpg) left top no-repeat; padding:1px 2px;}


.sendbtn {width:50px; height:20px; float:left; padding:5px 0 0 5px; overflow:hidden;}
.sendbtn a{width:48px; height:20px; float:left; background:url(../images/send.jpg) left top no-repeat; cursor:pointer; border:0px;}
.sendbtn a:hover{width:48px; height:20px; float:left; background:url(../images/send.jpg) left -20px no-repeat;cursor:pointer; border:0px;}

.upcoming-ad {width:159px; height:auto; float:left; padding:0 0 0 20px;}

.logleft {width:5px; height:23px; float:right; padding:0 10px 0 0;}
.logmid{width:auto; height:21px; float:right; background:url(../images/log-mid.jpg) left top repeat-x; padding:2px 5px  0 5px; font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal; text-decoration:none; color:#ffffff;}
.logmid a{ font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal; text-decoration:none; color:#ffffff;}
.logmid a:hover{text-decoration:underline; color:#ffffff;}

.logright {width:5px; height:23px; float:right;}




/*ABOUT US*/
.ip-puppy{background:url(../images/dogimg4.gif) 750px bottom no-repeat; z-index:1000;}
h1.ipheading{ padding:0 0 20px 0;}
h1.ipheading img{ vertical-align:middle; margin:0 5px 0 0;}
.ip{width:943px; float:left; padding:0px 10px 0 10px; margin:0 0 20px 0;}
.ip p{font-size:14px; color:#666666; padding:0 0 15px 0;}
ul.aboutli {margin:0; padding:0 0 0 0; list-style:none; }
ul.aboutli li{ line-height:normal;}
ul.aboutli li a{line-height:40px; font-size:18px; color:#3f3f3f; font-weight:normal; font-family:"comic Sans MS", arial, verdana, tahoma; background:url(../images/aboutli.gif) 0 2px no-repeat; padding:0 0 0 30px; border-bottom:1px solid #FFFFFF; cursor:pointer;}
ul.aboutli li a:hover{ color:#ef5109; border-bottom:1px dotted #ef5109; }

.helpcontent{background-color:#FFFCFA; border:5px solid #ffdac5; width:80%; padding:20px 25px 30px 25px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.helpcontent p{font-size:12px;}
.b, .b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10, .b11{display:none; }
ul.helpli {margin:0; padding:0 0 0 0; list-style:none; }
ul.helpli li{ line-height:19px; font-size:12px;  color:#505050; font-weight:normal; background:url(../images/help_li.gif) 0 5px no-repeat; padding:0 0 15px 18px;}


/*tool tip css*/
#topbar {width:100%; height:66px; float:left; padding:20px 0 0 0;}
#topbar ul {margin:0px ; padding:0px;list-style:none;}
#topbar ul li div {width: 94px; height: 47px; position: absolute; margin-top: -26px; margin-left: 35px; background:url(../images/hover-bg.png) 0 0 no-repeat ; display:none; font-size:12px; font-family:"comic Sans MS", arial; color:#FFFFFF; font-weight:normal; padding:9px 30px 0 20px;}
#topbar ul li div strong{font-size:14px;}
#topbar ul li {	display:block; width:33px; height:30px; float:left; padding:0 10px 0 0;}
#topbar ul li a {width:32px; height:33px; display:block; background-image:url(../images/link-1.jpg) ; background-repeat:no-repeat; background-position:0px 0px;  }

#topbar ul li a.link1{ background-position:0 -31px ;}
#topbar ul li a.link2{ background-position:-40px -31px ;}
#topbar ul li a.link3{ background-position:-80px -31px ;}
#topbar ul li a.link4{ background-position:-119px -31px ;}
#topbar ul li a.link5{ background-position:-158px -31px ;}
#topbar ul li a.link6{ background-position:-198px -31px ;}
#topbar ul li a.link7{ background-position:-238px -31px ;}
#topbar ul li a.link8{ background-position:-278px -31px ;}
#topbar ul li a.link9{ background-position:-318px -31px ;}
#topbar ul li a.link10{ background-position:-358px -31px ;}
#topbar ul li a.link11{ width:100px; background-position:-398px 0;}
#topbar ul li a.link11:hover{ width:100px; background-position:-398px -31px;}

/*tool tip css ends here*/



/*Blog css*/

.blog-main{width:100%; float:left;}
ul.blog{list-style:none; margin:0; padding:0;}
ul.blog li{ line-height:normal; float:left;}
ul.blog li a{ font-family:tahoma; font-size:12px; color:#656565; font-weight:normal; line-height:20px; background:url(../images/blogli.jpg) 0 -12px no-repeat; padding:0 0 0 15px;}
ul.blog li a:hover{ background-position:0 4px;}
h1.bloghead{font-size:18px; color:#fa8e0b; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 2px 0;}
.blogtext{ padding:10px 10px 10px 10px; float:left; width:150px;}

.blog-right{width:696px; float:left; padding:63px 0 0 25px;}
.blog{width:98%; float:left; padding:0px 0 20px 0px; margin:0 0 20px 0; background:url(../images/blog-line.jpg) left bottom no-repeat;}
/*.blog2{width:98%; float:left; padding:25px 0 25px 15px; background-color:#fffaf6; border-bottom:2px solid #ffdbb0; border-top:2px solid #ffdbb0; }
.blog2 h4{ font-size:20px; font-weight:normal; padding:0 0 10px 0;}
.blog2 h4 a{ color:#fa8e0b;}
.blog2 h4 a:hover{ text-decoration:underline;}*/

.blog-text{width:73%; float:right;}
.blog-img{width:150px; height:150px; float:left; display:block; padding:7px; border:2px solid #e8e8e8; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
.blog-img:hover{border:2px solid #ffbd6c;}
.blog h4{ font-size:20px; font-weight:normal; padding:0 0 10px 0;}
.blog h4 a{ color:#666666;}
.blog h4 a:hover{ color:#FC7D18;}
.blog-right p{ padding:0 20px 10px 0; font-size:12px; color:#585858;}
.blog-right p a.blink{ color:#73ab00; font-family:tahoma; margin:0 10px 0 0; font-size:11px;}
.blog-right p a.blink:hover{ color:# fc7d18; text-decoration:underline;}
.blog-right p a.blink img {vertical-align:middle; margin:0 5px 0 0; width:12px; height:12px;}
.blog-readmore{width:83px; height:26px; display:block; background:url(../images/blog-readmore.jpg) 0 0 no-repeat; font-size:1.1em; font-family:tahoma; color:#666666; line-height:26px; padding:0 0 0 8px;}
.blog-readmore:hover{ background-position:0 -26px; color:#0048d1;}

.blog-searchbox{ position:absolute; width:500px; height:50px; margin:-65px 0 0 0; color:#000000; font-size:1.2em; font-family:"comic Sans MS", arial; line-height:40px;}

.blog-serchbtn {width:97px; height:37px;  background:url(../images/blog-serchbtn.gif) left top no-repeat; cursor:pointer; border:0px;}
.blog-serchbtn:hover{ background-position:0 -37px;}
/*end of Blog css*/



.contactus_form { width:95%; float:left; padding:15px 0 20px 20px; }
.contactus_row {width:100%; float:left; padding:0 0 15px 0;}  
.contactus_row img{vertical-align:middle;}
.contactus_form label{ width:240px; font-size:20px; color:#666666;  float:left; padding:0 0 0 0;  line-height:30px; font-family:"comic Sans MS", arial;}
p.error{padding:3px 0 0 240px; font-size:11px; color:#e70c11; line-height:140%; font-family:tahoma;}
p.button{padding:15px 0 0 136px; font-size:12px; color:#af5e53; line-height:140%;}
.displaynone{display:none;}
.username{background:url(../images/inputbg.jpg) left top no-repeat #ffffff; font-size:14px; padding: 8px 8px; border: 1px solid #d3d3d1; color: #bbbbbb;-moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;}
.username2{background:url(../images/inputbg.jpg) left top no-repeat #ffffff; font-size:14px; padding: 8px 8px; border: 1px solid #afd873; color: #bbbbbb;-moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;}
.username3{background:url(../images/inputbg.jpg) left top no-repeat #ffffff; font-size:14px; padding: 8px 8px; border: 1px solid #f56666; color: #bbbbbb;-moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;}
.username_list{background:url(../images/inputbg.jpg) left top no-repeat #ffffff; font-size:14px; padding: 1px; border: 1px solid #d3d3d1; color: #bbbbbb;-moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;}
.username_list2{background:url(../images/inputbg.jpg) left top no-repeat #ffffff; font-size:14px; padding: 1px; border: 1px solid #afd873; color: #bbbbbb;-moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;}
.username_list3{background:url(../images/inputbg.jpg) left top no-repeat #ffffff; font-size:14px; padding:1px; border: 1px solid #f56666; color: #bbbbbb;-moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;}


.width270{width: 290px;}

.registernow {width:194px; height:39px; float:left; background:url(../images/registernow.gif) left top no-repeat; cursor:pointer; border:0px;}
.registernow:hover{background:url(../images/registernow.gif) left -39px no-repeat;}


/*my photo section*/

.myphoto{width:704px; padding:0 0 0 23px; margin:25px 0; float:left;}
ul.mysection{ list-style:none; margin:0; padding:0 0 0 0px; background:url(../images/myac_nav.gif) 0 0 repeat-x; display:block; height:35px; width:100%;}
ul.mysection li{ line-height:33px; float:left;}
ul.mysection li a{ font-family:"comic Sans MS", arial; font-size:16px; color:#000000; font-weight:normal; font-style:normal; padding:0 10px 0 2px; display:block; }
ul.mysection li a span{  padding:0 15px 0 15px; display:block;}
ul.mysection li a:hover{ color:#fa9009; display:block;}
ul.mysection li a span:hover { color:#fa9009; display:block;}
ul.mysection li a.kc{background:url(../images/myac_hover.gif) left top no-repeat; color:#ffffff; display:block;}
ul.mysection li a.kc span{background:url(../images/myac_hover2.gif) right top no-repeat; color:#ffffff; }

.mp1{width:602px;  float:left; border:1px solid #e1e1e1; border-top:none; padding:30px 20px 20px 80px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.mplrow{width:100%; padding:0 0 10px 0;  float:left;}
.upload{font-size:12px; width:22%; padding:0; line-height:30px; padding:0 10px 0 0;  }
.upload span{color:#FF0000;}
.inp-upl{padding:5px; border:1px solid #c0c0c0;}
.inpborder input {  -moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px; background-color:#86b720; font-size:14px; font-family:"comic Sans MS", arial; text-transform:uppercase; color:#FFFFFF; border:1px solid #ffffff; padding:3px 16px; font-weight:bold; cursor:pointer;}
.inpborder{-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; border:1px solid #beff36; padding:2px;  background-color:#88b921; display:inline; float:left;}
.mp1 a:hover{text-decoration:underline;}
.mp1 h4{ color:#000000; text-transform:uppercase;  }
.mp1 p{font-size:12px; color:#666666;}
.mp1 p.error-mpl{font-family:tahoma; font-size:11px; color:#FF0000; padding:5px 0 0 145px;}
.valing{vertical-align:middle; margin:0 0 0 4px;}
.cb{font-size:12px; padding:0 15px 0 0; width:auto; line-height:20px;}
.remove{font-size:11px; color:#e80d12; font-family:tahoma;}
.petprofile{padding:15px; float:left; width:722px;}
.petprofile-top{width:722px; float:left; border-bottom:5px solid #f4f4f4; padding:0 0 10px 0;}
.petprofile-top h2 {float:left; display:block;}
.petprofile-top span{float:right; display:block; width:300px;}
.petprofile-top span a{ background:url(../images/btn-prenext.gif) 0 0 no-repeat; display:block; height:29px; float:right; margin:0 0 0 10px;}
.petprofile-top span a.pre{ width:100px; background-position:0 -30px;}
.petprofile-top span a.next{ width:89px; background-position:-100px -30px;}
.petprofile-top span a.pre:hover{ width:100px; background-position:0  0}
.petprofile-top span a.next:hover{ width:89px; background-position:-100px 0;}

.petprofile-bot{width:722px; float:left; padding:20px 0 0 0;}
.petprofile-bot p{font-size:12px; color:#666666;}
.petprofile-botimg{ width:20%; float:left;}
.petprofile-bottxt{ width:150px; float:right;}
.petprofile-bottxt h4{font-size:20px; font-weight:normal; color:#000000; font-family:"comic Sans MS", arial; text-transform:uppercase; padding:0 0 7px 0;}
.petprofile-bottxt p{line-height:24px; font-size:12px; font-family:tahoma; color:#666666;}

.petprofile-bot2{ width:722px; float:left;}
.protab{width:50%; float:right; padding:0px 10px 10px 10px;}
.protab p{font-size:12px; color:#666666; line-height:20px;}
.prorow {padding:0 0 0px 0;}
.prorow h3{font-size:16px; color:#666666; padding:5px 0 7px 10px; border-bottom:1px solid #f4f4f4; cursor:pointer; display:block; width:98%; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
.prorow h3:hover{background-color:#0072CA; color:#ffffff;}

.portcom {padding:10px 0 20px 10px; border:2px solid #f4f4f4; width:350px;}
.pro1{width:310px; float:left;}
.pro4{float:left; width:100%;}
.pro5{float:left; width:100%;}
.pro6{float:left; width:90%;  padding:15px; background-color:#fffff; border:1px solid #CCCCCC;}
.pro6 h3{font-size:16px; color:#666666;}
.pro6 h3 a{font-size:16px; color:#F88B08;}
.pro6 h3 a:hover{ text-decoration:underline;}
.seet{color:#999999; padding:5px; font-weight:bold;}
.seet:hover{ background-color:#F88B08; color:#FFFFFF;}
.pro7{ float:left; width:87%; padding:20px 0px 10px 20px; background-color:#ffffff; border:1px solid #CCCCCC; margin:20px 0 0 0;}
.vl{padding:0 30px 10px 0; display:block; color:#666666;}
.vl:hover{text-decoration:underline; color:#000000;} 
.pro7 h4{font-size:16px; color:#F88B08;}
.pro7 h4 a{font-size:16px; color:#F88B08;}
.pro7 h4 a:hover{ text-decoration:underline;}
.petpalimgbox{width:100%; float:left;}
.petpalimgrow{width:100%; float:left; padding:0 0 15px 0;}
.petpalimgboxlink{ margin:0 20px 0px 0; float:left; border:2px solid #999999;}
.petpalimgboxlink:hover{ border:2px solid #000000;}

.petpal{font-size:11px; font-family:tahoma; font-weight:normal; display:block; line-height:15px; padding:3px 10px; float:left; margin:0 10px 0 0; background-color:#F88B08; color:#ffffff; font-weight:bold; -moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;}
.petpal:hover{background-color:#0072CA; }

.bfrmrow-same{width:900px; float:left;}
.bfrmrow{width:862px; float:left; padding:20px 20px 10px 20px; background:url(../images/browse-mid.jpg) 0 0 repeat-y;}
.bfrmrow1{width:862px; float:left; background:url(../images/browse-rowbg.jpg) left bottom repeat-x; padding:0 0 25px 0; border-bottom:1px solid #e1e1e1; margin:0 0 20px 0;}
.bfrmcol{float:left; padding:0 15px 0 0; line-height:25px; font-size:12px; font-weight:bold; color:#666666 ; }
.bfrmrow input.inp{border:1px solid #CCCCCC; padding:3px 8px; background:url(../images/inputbg.jpg) left top no-repeat #ffffff; font-size:12px; color:#999999; margin:0;}
.bfrmrow select{padding:1px; font-size:12px;}
h4.brose{font-size:18px; color:#fb8616; font-weight:normal; font-family:"comic Sans MS", arial; padding:0 0 10px 0;}
.btn-browse{background:url(../images/browse-btn.jpg) 0 0 no-repeat; width:83px; height:33px; border:0; cursor:pointer; }
.btn-browse:hover{background-position:0 -33px;}


.bfrmrow2{width:862px; float:left; padding:20px 0 0 0;}
.bfrmrow2-col{width:179px; height:189px; float:left; background-color:#ffffff; margin:0 35px 0 0; background:url(../images/browsebox.jpg) 0 0 no-repeat; padding:15px 0 0 0;}
.bfrmrow2-col p{display:inline; width:100%; float:left; text-align:center;}
.bfrmrow2-col p a{font-family:"comic Sans MS", arial ; color:#FB8616; font-weight:bold;}
.bfrmrow2-col p a:hover{ text-decoration:underline; color:#000000;}
.bfrmrow2-col img{width:130px; height:120px}
.bfrmrow2-col a img{ border:2px solid #ffdfc5;}
.bfrmrow2-col a img:hover{ border:2px solid #000000;}

.cause-paging{width:100%; height:auto; float:left; padding:25px 0 0 0;}
.cause-paging ul{list-style:none; margin:0 40px 0 0; padding:0;}
.cause-paging ul li{ line-height:17px; float:left;}
.cause-paging ul li a{font-size:12px; font-weight:bold; display:block; color:#60a4e9; background-color:#ffffff; border:1px solid #dddddd; padding:3px 10px; margin:0 0 0 5px;}
.cause-paging ul li a:hover{ text-decoration:none; color:#ffffff; background-color:#60a4e9; border:1px dotted #6083a0}
.cause-paging ul li a#causeactive{ border:none; color:#ffffff; font-weight:bold; background-color:#fb8616;}


.mypetpals{width:80px; float:left; text-align:center; padding:0 30px 0 0;}
.mypetpals img{border:1px solid #999999;}
.mpp{width:652px;  float:left; border:1px solid #e1e1e1; border-top:none; padding:30px 20px 20px 30px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.myphoto p{font-size:12px; color:#666666;}

.incomebox{width:100%; float:left;}
.incomebox h4{ font-size:17px; color:#0098ff; font-weight:bold; padding:0 0 5px 0;}
.incomebox p{padding:0 0 10px 0;}
.incomcol-1 { width:60px; float:left; display:block; padding:0 0 0 20px;}
.incomcol-2 { width:90px; float:left; display:block;}
.incomcol-3 { width:110px; float:left; display:block;}
.incomcol-4 { width:145px; float:left; display:block;}
.incomcol-5 { width:110px; float:left; display:block;}
.incomcol-6 { width:110px; float:left; display:block;}
.income{padding:10px 0 20px 0; float:left; width:100%;}
.incomrow{width:100%; float:left; line-height:35px; border-bottom:1px solid #999999; font-size:15px; color:#FFFFFF; background-color:#0f85d4; font-weight:bold; }
.incomrow2{width:100%; float:left; line-height:30px; border-bottom:1px solid #CCCCCC; background-color:#f4f4f4; font-size:14px; color:#333333;}


.senior-row{ padding:0 0 0px 0; border-bottom:1px solid #f4f4f4; margin:0 0 25px 0;}
.senior-row p{font-size:12px;}
.senior-row p a{color:#ff7e00; font-weight:bold;}
.senior-row p a:hover{ text-decoration:underline;}
h4.senior{ font-size:18px; color:#ff7638; padding:0 0 5px 0;}
ul.senior-li{ margin:0; padding:0 0 15px 0; list-style:none;}
ul.senior-li li{background:url(../images/senior-li.jpg) 0 9px no-repeat;  font-size:12px; color:#666666; line-height:25px; padding:0 0 0 13px;}
ul.senior-li li a{color:#ff7e00; font-weight:bold;}
ul.senior-li li a:hover{ text-decoration:underline;}

.contactus_form2 { width:95%; float:left; padding:15px 0 20px 20px; }
.contactus_form2 label{ width:150px; padding:0 0 20px; font-size:12px; color:#666666;  float:left; line-height:20px; font-family:arial;}

.btn-submit{width:101px; height:36px; float:left; background:url(../images/btn-submit.gif) left top no-repeat; cursor:pointer; border:0px;}
.btn-submit:hover{background:url(../images/btn-submit.gif) left -36px no-repeat;}

.btn-want{width:344px; height:36px; background:url(../images/btn-want.gif) left top no-repeat; cursor:pointer; border:0px; display:block;}
.btn-want:hover{background:url(../images/btn-want.gif) left -36px no-repeat;}

.float_left{float:left; width:100%;}

.leftimg1{float:left; display:block; padding:3px; border:1px solid #666666;} 
.leftterxt1{width:80%; float:right; font-size:12px;}