/*#############################################################################*/
/*# CSS																		  #*/
/*#									CSS TAG									  #*/
/*#																			  #*/
/*# Author: Colotin Florin (colotin_f@yahooo.com)							  #*/
/*#############################################################################*/

/*#################################### TAG CSS ################################*/
body {padding:0px; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
td {font-size:11px;}
form {margin:0px; padding:0px;}
input, select {border:1px solid #999999; color:#999999; font-size:11px;}
textarea {border:1px solid #999999; color:#999999; font-size:11px;}
/*# END #*/

/*############################### TEXT COLORS CSS #############################*/
.color1 {color:#000000;} /*black*/
.color2 {color:#FFFFFF;} /*white*/
.color3 {color:#CC6600;} /*red*/
.color4 {color:#0885CA;} /*blue*/
/*# END #*/

/*############################# BACKGROUND COLOR CSS ###########################*/
.bg0 {background-color:transparent;} /*transparent*/
/*# END #*

/*################################# BORDER CSS #################################*/
.bd0 {border: 0px none transparent} /*transparent*/
/*# END #*/

/*################################### DISVERS CSS #############################*/
.bold 	{font-weight:bold;}
.italic { font-style:italic}
/*# END #*/

/*############################# OBJ VISIBLE - HIDDEN ##########################*/
.objVisible {visibility:visible; display:block;}
.objHidden {visibility:hidden; display:none;}
/*# END #*/

/*################################## PAGING CSS ###############################*/
.paging 	  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666;}
.paging td    {padding:0px 3px 0px 3px;}
.paging input {width:25px; height:12px; text-align:center; margin:0px 0px 2px 0px; font-size:10px; color:#333333}
/*# END #*/

/*############################# TITLES AND TEXTES ##############################*/
.title1 {color:#500660; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
.title2 {color:#500660; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px;}
.title3 {color:#000000; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
/*# END #*/

/*##################################### LINKS ##################################*/
.link1 {color:#500660; font-size:11px; font-weight:bold; text-decoration:none}
.link1:hover {color:#666666; font-size:11px; text-decoration:underline}

.link2 {color:#500660; font-size:18px; text-decoration:none}
.link2:hover {color:#02489D; font-size:18px; text-decoration:underline}

.link3 {color:#CC3333; font-size:11px; text-decoration:none}
.link3:hover {color:#500660; font-size:11px; text-decoration:none}

.link_close {background:url(../img/icon_close.gif) no-repeat left center; padding-left:11px; font-size:11px; color:#000000; text-decoration:none;}
.link_close:hover {background:url(../img/icon_close_on.gif) no-repeat left center; padding-left:11px; font-size:11px; color:#FD6F31; text-decoration:none; cursor:pointer;}
/*# END #*/

/*################################## PAGE HOME ################################*/
#pgHome {background:#FFFFFF url(../img/bg_home.jpg) no-repeat left top; width:780px; height:573px; text-align:left;}
/*# END #*/

/*################################## PAGE INNER ###############################*/
#pgInner {background:#FFFFFF url(../img/bg_inner.jpg) no-repeat left top; width:780px; text-align:left;}
/*# END #*/

/*################################## MENU TOP #################################*/
#menuTopH {height:37px; text-align:left; padding-left:15px; font-size:12px; font-weight:bold; color:#FFFFFF; line-height:37px;}
#menuTopH a {background:url(../img/star.gif) no-repeat left center; padding-left:15px; color:#FFFFFF; text-decoration:none; margin-left:5px;}
#menuTopH a:hover {background:url(../img/star_on.gif) no-repeat left center; padding-left:15px; color:#C9FE67;}
#menuTopH span {background:url(../img/star_on.gif) no-repeat left center; padding-left:15px; color:#C9FE67; text-decoration:none; margin-left:5px;}

#menuTopI {height:32px; text-align:left; padding-left:7px; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:-1; color:#FFFFFF; line-height:32px;}
#menuTopI a {background:url(../img/star2.gif) no-repeat left center; padding-left:11px; color:#FFFFFF; text-decoration:none; margin-left:3px;}
#menuTopI a:hover {background:url(../img/star2_on.gif) no-repeat left center; padding-left:11px; color:#C9FE67;}
#menuTopI span {background:url(../img/star2_on.gif) no-repeat left center; padding-left:11px; color:#C9FE67; text-decoration:none; margin-left:3px;}
/*# END #*/

/*#################################### PET LIST ################################*/
.petsList {clear:both}
.petsList .pItem {float:left; width:128px; height:202px; margin:0px 0px 20px 0px;}
.petsList .pItem .piBoxP {width:128px; height:100px; background:#FFFFFF url(../img/box_photo.jpg) no-repeat left top;}
.petsList .pItem .piBoxT {width:128px; height:92px; background:#FFFFFF url(../img/box_text.jpg) no-repeat left top; margin-top:10px;}
.petsList .pItem .piBoxT .pibtName {font-size:10px; font-weight:bold; color:#000000;}
.petsList .pItem .piBoxT .pibtSex {font-size:10px; font-weight:bold; color:#CC0033;}
.petsList .pItem .piBoxT .pibtCode {font-size:10px; color:#000066; font-weight:bold; margin-top:8px;}
.petsList .pItemSp {float:left; width:15px; height:202px; margin:0px 0px 20px 0px;}
/*# END #*/

/*################################ GALLERY LIST ################################*/
.galleryList {clear:both}
.galleryList .gItem {float:left; width:128px; height:202px; margin:0px 0px 20px 0px;}
.galleryList .gItem .giBoxP {width:128px; height:100px; background:#FFFFFF url(../img/box_photo.jpg) no-repeat left top;}
.galleryList .gItem .giBoxP a img {border:0px;}
.galleryList .gItem .giBoxT {width:128px; height:92px; background:#FFFFFF url(../img/box_text.jpg) no-repeat left top; margin-top:10px;}
.galleryList .gItem .giBoxT .gibtName {font-size:10px; font-weight:bold}
.galleryList .gItem .giBoxT .gibtSex {font-size:10px; font-weight:bold; color:#CC0033;}
.galleryList .gItem .giBoxT .gibtDescr {font-size:10px; color:#555555; font-weight:normal; margin-top:8px;}
.galleryList .gItemSp {float:left; width:20px; height:202px; margin:0px 0px 20px 0px;}
/*# END #*/

/*################################### PET DETAILS ##############################*/
#petDet {}
#petDet #pdLeft {float:left; width:435px; text-align:left;}
#petDet #pdLeft .pdlBoxP {width:424px; height:321px; background:#FFFFFF url(../img/box_photo_det.jpg) no-repeat left top;}
#petDet #pdRight {float:left; width:190px;}
#petDet #pdRight .pdrTitle {color:#000000; font-size:11px; font-weight:bold;}
#petDet #pdRight .pdrSex {color:#CC0033; font-size:11px; font-weight:bold; margin-top:3px;}
#petDet #pdRight .pdrCode {color:#000066; font-size:11px; font-weight:bold; margin-top:3px;}
#petDet #pdRight .pdrDescr {color:#666666; font-size:11px; margin-top:15px;}
#petDet #pdRight .pdrOther {height:150px; overflow-y:auto; margin-top:15px; color:#999999}
#petDet #pdRight .pdrOther .pdroTitle {color:#711C1C; font-weight:bold; margin-bottom:5px;}
#petDet #pdRight .pdrOther a {color:#500660; font-weight:bold; text-decoration:none; font-size:10px}
#petDet #pdRight .pdrOther a:hover {color:#000000; font-weight:bold; text-decoration:none;}

#petDet #pdPedigree {margin:15px 0px 0px 0px;}
#petDet #pdPedigree .pdpTitle {color:#500660; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; padding-left:6px;}
#petDet #pdPedigree .pdpTable {text-align:left;}
#petDet #pdPedigree .pdpTable .pdc1 {width:250px; height:230px; background:#FFFFFF url(../img/pedigree_c1.jpg) no-repeat left top;}
#petDet #pdPedigree .pdpTable .pdc1 .pdcname {color:#FFFFFF; font-size:10px; font-weight:bold; text-align:left; padding:0px 0px 0px 10px}
#petDet #pdPedigree .pdpTable .pdc1 .pdccode {color:#B3C8E1; font-size:10px; font-weight:bold; text-align:left; padding:12px 0px 0px 10px}
#petDet #pdPedigree .pdpTable .pdc2 {width:240px; height:110px; background:#FFFFFF url(../img/pedigree_c2.jpg) no-repeat left top;}
#petDet #pdPedigree .pdpTable .pdc2 .pdcname {color:#000000; font-size:10px; font-weight:bold; text-align:left; padding:0px 0px 0px 10px}
#petDet #pdPedigree .pdpTable .pdc2 .pdccode {color:#FFFFFF; font-size:10px; font-weight:bold; text-align:left; padding:6px 0px 0px 10px}
#petDet #pdPedigree .pdpTable .pdc3 {width:240px; height:50px; background:#FFFFFF url(../img/pedigree_c3.jpg) no-repeat left top;}
#petDet #pdPedigree .pdpTable .pdc3 .pdcname {color:#000000; font-size:10px; font-weight:bold; text-align:left; padding:0px 0px 0px 10px}
#petDet #pdPedigree .pdpTable .pdc3 .pdccode {color:#000066; font-size:10px; font-weight:bold; text-align:left; padding:3px 0px 0px 10px}
/*# END #*/

/*################################### DIVERSES #################################*/
#copyr {color:#AF89CF; font-size:10px;}
#copyr span {color:#FFFFFF;}
/*# END #*/