html {height:100%;}
body {background:#fff; color:#4e4d4d; font-family:Arial, Helvetica, sans-serif; font-size:80%; height:100%; margin:0; padding:0;}
body * {font-family:Arial, Helvetica, sans-serif; font-size:1em;}
/* GLOBAL RESET */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
ul {list-style:none;}
ttable {border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;margin:0 0 10px 0;}
/* END GLOBAL RESET */
.hidden {display:none;}
.clear {clear:both;font-size:0;}
#nonFooter {background:url(/local/images/dog_bottom_left.gif) no-repeat left bottom #7bbb55; margin:0px auto; width:779px; position:relative;}
.p4pApp #nonFooter {background:url(/local/images/dog_bottom_left.gif) no-repeat left bottom #7bbb55; margin:0px auto; width:627px; position:relative;}
#footer {background:#7bbb55; margin-left:auto; margin-right:auto; height:112px; mddargin-top:-40px; width:779px;}
.topHeader {background:url(/local/images/top_header.gif) no-repeat left top; height:137px; width:779px;}
.fr .topHeader {background:url(/local/images/top_header_fr.gif) no-repeat left top; height:137px; width:779px;}
.p4pApp .topHeader {background:url(/local/images/facebook/top_header.gif) no-repeat left top; height:178px; width:627px;}
.topHeader a.logoLink {position:absolute; left:23px; top:27px; display:block; height:37px; overflow:hidden; text-indent:-5000px; width:160px; }
.tabContainer {position:absolute; right:15px; top:116px;}
.p4pApp .tabContainer {position:absolute; height:26px; left:15px; top:153px;}
.tabContainer ul.tabs {list-style:none; margin:0; padding:0;}
.p4pApp .tabContainer ul.tabs {list-style:none; margin:0; padding:0;}
.tabContainer ul.tabs li {float:left; margin:0;}
.p4pApp .tabContainer ul.tabs li {float:left; margin:0;}
.tabContainer ul.tabs li a.lightBlue {background:url(/local/images/tab_lightblue_left.gif) no-repeat left top; color:#fff; display:block; float:left; height:26px; padding:5px 1px 5px 16px; cursor:pointer; text-decoration:none;}
.tabContainer ul.tabs li a.lightBlue b {background:url(/local/images/tab_lightblue_right.gif) no-repeat right top; padding:5px 29px 8px 12px;}
.p4pApp .tabContainer ul.tabs li a.lightBlue {background:url(/local/images/tab_lightblue_left.gif) no-repeat left top; color:#fff; display:block; float:left; height:26px; padding:5px 1px 0 16px; cursor:pointer; text-decoration:none;}
.p4pApp .tabContainer ul.tabs li a.lightBlue b {background:url(/local/images/tab_lightblue_right.gif) no-repeat right top; padding:5px 16px 8px 2px;}
.tabContainer ul.tabs li a.darkBlue {background:url(/local/images/tab_darkblue_left.gif) no-repeat left top; color:#fff; display:block; float:left; height:26px; padding:5px 1px 5px 16px; cursor:pointer; text-decoration:none;}
.tabContainer ul.tabs li a.darkBlue b {background:url(/local/images/tab_darkblue_right.gif) no-repeat right top; padding:5px 29px 8px 12px;}
.p4pApp .tabContainer ul.tabs li a.darkBlue {background:url(/local/images/tab_darkblue_left.gif) no-repeat left top; color:#fff; display:block; float:left; height:18px; padding:5px 1px 4px 16px; cursor:pointer; text-decoration:none;}
.p4pApp .tabContainer ul.tabs li a.darkBlue b {background:url(/local/images/tab_darkblue_right.gif) no-repeat right top; padding:5px 16px 8px 2px;}
.leftBar {background:#114172; display:inline; float:left; margin-bottom:150px; margin-left:8px; width:137px;}
.leftBlockTop {background:url(/local/images/left_topblue.gif) no-repeat left top; padding:4px 3px 0 3px;}
.leftBlockBottom {background:url(/local/images/left_bottomblue.gif) no-repeat left bottom; padding:0 3px 0 3px;}
.info1 {background:url(/local/images/left_topslogan.gif) no-repeat left top #fff; height:52%; width:131;}
.info1 .tips {color:#ffe369; font-weight:bold; position:absolute; left:29px; top:152px; text-align:center;}
.fr .info1 .tips {color:#ffe369; font-weight:bold; position:absolute; left:20px; top:142px; text-align:center; width:100px;}
.info1 .leftItem {color:#0b5990; font-size:0.9em; margin:0; padding:66px 0 0 6px;}
.info1 .leftItem .leftNumber {display:none; float:left; padding:0 4px 0 0; width:4px; margin:0;}
.info1 .leftItem .leftText {float:left; padding:0 3px 0 0; width:120px; margin:0;}
.info1 .leftItem img {bdddackground:purple; height:10px; padding:0 0 0 5px; width:10px;}
.info1 .leftItem .leftDivider {background:url(/local/images/leftdots.gif) repeat-x left top; margin:5px 0 0 0; padding:0 0 5px 0; height:1px; line-height:1px; font-size:1px; width:112px;}
.info1Bottom {background:url(/local/images/left_bottomwhite.gif) no-repeat left bottom; height:20px; width:131;}
.info2 {hegiht:243px; padding:6px 0 10px 0; width:131;}
.contentArea {float:left; margin:5px 0 0 10px; padding:0 0 30px 0; width:615px;}
.p4pApp .contentArea {margin:0; padding:0 0 30px 7px; width:615px;}
.mapArea {background:#307eba; padding:9px 9px 0 9px;}
.mapArea .map {border:1px solid #a8a8a8; height:436px; width:595px;}
.legendArea {background:url(/local/images/legend_bg.gif) repeat-x left top; border-right:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; border-left:1px solid #a8a8a8; height:50px; width:595px;}
.p4pApp .legendArea {background:url(/local/images/legend_bg.gif) repeat-x left top; border-right:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; border-left:1px solid #a8a8a8; height:50px; width:597px;}
table.legend {height:35px; margin:9px 0 0 41px;}
.fr table.legend {height:35px; margin:9px 0 0 41px;}
.p4pApp table.legend {height:35px; margin:9px 0 0 35px;}
table.legend td.heartImage {padding:3px 2px 0 0;}
table.legend td.text {padding:0 15px 0 0;}
.fr table.legend td.text {font-size:9pt; padding:0 10px 0 0;}
.mapBottom {background:url(/local/images/map_bottom.gif) no-repeat left top; color:#fff; font-weight:bold; height:57px; width:615px;}
.mapBottom .addText {float:left; font-size:0.8em; padding:5px 0 0 32px;}
.mapBottom .updatePosition {float:left; padding:7px 0 0 25px;}
.mapBottom .updatePosition a.updateLocation {background:url(/local/images/arrow_yellow.gif) no-repeat left top; color:#fff; display:block; height:23px; padding:4px 0 0 27px; text-decoration:none; width:150px;}
.mapBottom .savePosition {float:left; padding:10px 0 0 185px;}
.mapBottom .savePosition a.positionPaw {background:url(/local/images/pawsave.gif) no-repeat left top; color:#fff; display:block; height:23px; padding:4px 0 0 27px; text-decoration:none;}
.fr .mapBottom {background:url(/local/images/map_bottom.gif) no-repeat left top; color:#fff; font-weight:bold; height:57px; width:615px;}
.fr .mapBottom .addText {float:left; font-size:0.8em; padding:5px 0 0 32px;}
.fr .mapBottom .savePosition {float:left; padding:10px 0 0 165px;}
.fr .mapBottom .savePosition a.positionPaw {background:url(/local/images/pawsave.gif) no-repeat left top; color:#fff; display:block; height:23px; padding:4px 0 0 27px; text-decoration:none;}
.favLocations {background:url(/local/images/myfavorite.gif) no-repeat left top; height:24px; margin:22px 0 0 27px; width:317px;}
.fr .favLocations {background:url(/local/images/myfavorite_fr.gif) no-repeat left top; height:24px; margin:22px 0 0 27px; width:317px;}
table.location {float:left; border-top:1px solid #6fa66a;border-right:1px solid #6fa66a;border-left:1px solid #6fa66a;}
.p4pApp table.location {float:left; display:inline; border-top:1px solid #6fa66a;border-right:1px solid #6fa66a;border-left:1px solid #6fa66a; margin:21px 0 0 129px; width:300px;}
table.location td {border-bottom:1px solid #6fa66a;padding:5px 5px 5px 0;}
.p4pApp table.location td {border-bottom:1px solid #6fa66a;padding:5px 0 5px 0;}
table.location td.label {padding:0 30px 0 29px; width:159px;}
.p4pApp table.location td.label {padding:0 18px 0 8px; width:159px;}
.invite {float:right; padding:10px 44px 0 0;}
.p4pApp .invite {float:right; padding:10px 20px 0 0;}
a.delete {background:url(/local/images/bluebutton_left.gif) no-repeat left top; float:left; color:#fff; display:block; font-size:0.8em; height:14px; padding:0 5px 1px 5px; cursor:pointer; text-decoration:none;}
a.delete b {background:url(/local/images/bluebutton_right.gif) no-repeat right top; padding:0 5px 3px 0;}
a.goto {background:url(/local/images/goto_bluebutton_left.gif) no-repeat left top; float:left; color:#fff; display:block; font-size:0.8em; height:14px; padding:0 5px 1px 12px; cursor:pointer; text-decoration:none;}
a.goto b {background:url(/local/images/bluebutton_right.gif) no-repeat right top; height:13px; padding:0 5px 3px 3px;}
.footerText {text-align:center; font-size:0.8em; padding:0 30px 10px 169px;}
.p4pApp .footerText {text-align:center; font-size:0.8em; padding:0 12px 10px 121px;}
/* popup style */
.p4pFormPopup {background:url(/local/images/product.gif) no-repeat 308px 9px #307eba; padding:10px 27px 89px 27px; width:435px;}
.p4pFormPopup .header {background:url(/local/images/tab_right.gif) no-repeat right top; color:#fff; display:block; ffffffloat:left; font-size:12pt; font-weight:bold; padding:0 20px 0 0; height:30px; margin:0; width:195px;}
.p4pFormPopup .header b {background:url(/local/images/tab_left.gif) no-repeat left top; display:block; padding:4px 0 0 20px;}
.fr .p4pFormPopup .header {background:url(/local/images/tab_right.gif) no-repeat right top; color:#fff; display:block; ffffffloat:left; font-size:11pt; font-weight:bold; padding:0 20px 0 0; height:30px; margin:0; width:210px;}
.fr .p4pFormPopup .header b {background:url(/local/images/tab_left.gif) no-repeat left top; display:block; padding:4px 0 0 20px;}
.p4pFormHolder1 {background:#fff; clear:both; color:#114172; padding:8px 23px 0 23px;}
.p4pFormHolder2 {background:#fff6c4; color:#114172; padding:8px 23px 0 23px;}
.p4pFormHolder2 .formButtons {text-align:center;}
.p4pFormTable td {padding:3px 0;}
.p4pFormTable td.label {padding-right:1em; white-space:nowrap;}
.p4pFormTable td.field {padding-right:10px;}
.p4pFormTable select, p4pFormTable textarea {
width: 100%;
}
.p4pFormTable input { /* this is for IE/WIN only */
width: expression(this.type == "text" || this.type == "password" || this.type == "file" ? "98%" : "");
}
.p4pFormTable input[type="text"], input[type="password"], input[type="file"] { /* this is for NN, FF, MOZ/WIN only */
width: 100%;
}
a.button {float:left;}
a.button,button {background:no-repeat 100% center; border:0; cursor:pointer; font-family:Arial,sans-serif; font-size:8pt; font-weight:bold; margin:0 5px 10px 0; overflow:visible;}
/* a.button span span,button span span - MAY BREAK THINGS ON LIVE SITE - CHANGE TO a.button span,button span */
a.button b,button b {background:no-repeat 0 center; float:left; white-space:nowrap;}
a.button,button {background-image:url(/local/images/button_right.gif); color:#fff; padding:0 2px 0 0; text-decoration:none;}
/* a.button span span,button span span - MAY BREAK THINGS ON LIVE SITE - CHANGE TO a.button span,button span */
a.button b,button b {background-image:url(/local/images/button_left.gif); line-height:18px; padding:0 0 0 4px;}
/* end popup style */
/* city popup style */
.popup {background:url(/local/images/popup/popup_bg.gif) no-repeat left top; padding:0; position:absolute; left:164px; top:151px; text-align:center; height:489px; width:597px; z-index:5000;}
.closeArea {text-align:right; padding:10px 14px 0 0; width:588px;}
.closeArea a {background:url(/local/images/popup/closeit.gif) no-repeat right top; color:#114172; font-weight:bold; padding:0 20px 0 0; text-decoration:none; width:80px;}
.popup h2 {background:url(/local/images/popup/welcome.gif) no-repeat center top; height:25px; margin:32px 0 0 0; overflow:hidden; text-indent:-5000px;}
.fr .popup h2 {background:url(/local/images/popup/welcome_fr.gif) no-repeat center top; height:30px; margin:32px 0 0 0; overflow:hidden; text-indent:-5000px;}
.dogArea {background:url(/local/images/popup/dog.gif) no-repeat left top; color:#114172; font-weight:bold; height:108px; margin:22px 0 0 83px; padding:0 0 0 99px; text-align:left;}
.dogArea h3 {background:url(/local/images/popup/dogplay.gif) no-repeat left top; height:26px; margin:17px 0 8px 0; overflow:hidden; text-indent:-5000px;}
.fr .dogArea h3 {background:url(/local/images/popup/dogplay_fr.gif) no-repeat left top; height:26px; margin:17px 0 8px 0; overflow:hidden; text-indent:-5000px;}
.popupForm {margin:55px 0 0 0;}
.popupForm p {color:#fff; font-weight:bold; padding:12px 0 0 0;}
.popupForm p.searchBox {background:url(/local/images/popup/searcharrow.gif) no-repeat 72px 16px;}
.popupForm .citySearch {width:213px;}
/* end ciy popup style */
/* admin */
body.admin {margin:20px;}
.admin h1 {font-size:18pt;}
.admin h2 {font-size:14pt;}
.admin td {padding:5px;}
.admin button {background:#999999; border:1px solid #000000; ccolor:black; margin:0; padding:0 2px;}
/* end admin */