/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#pagex {
	width: 770px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 132px;
	width: 770px;
}

#header #nav_top {
	position: absolute;
	top: 81px;
	left: 0px;
	width: 770px;
	background-color: #be1313;
	background: url(/images/head_nav_bg.gif) repeat-x top;	
	height: 26px;
}

#header #nav_sub {
	position: absolute;
	top: 106px;
	left: 0px;
	width: 762px;
	height: 25px;
	padding: 2px 0 0 8px;
	margin: 0;
	background: url(/images/head_subnav_bg.gif) repeat-x top;	
	background-color: #000;
}

#nav_sub a, #nav_sub img {margin:0px !important; padding:0px !important;}

#breadcrumbs 
{
	width: 539px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 20px;
	font-size: 0.7em;}

#content {
	width: 770px;
	padding: 0;
	margin: 0;
	background: url(../../images/right_col_bg.gif) repeat-y right;	
	display: block;
	color: #888;
	border-left: #ebe7e6 1px solid;
	}

#contentfullwidth {
	width: 770px;
	padding: 0;
	margin: 0;
	display: block;
	color: #888;
	}

#left_col {
	float: left;
	width: 539px;
	display: inline;	
	padding: 20px 10px 10px 15px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	position: relative;
}

#right_col {
	width: 180px;
	float: right;
	display: inline;
	padding: 10px 5px 10px 5px;
  vertical-align:top;
}

#footer {
	width: 750px;
	clear: both;
	height: 17px;
	background-color: #efefef;
	border: 1px dashed #919191;
	padding: 4px 10px 0px 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .7em;
	color: #999;
	line-height: 1em;
}

#nav_sub {color: #fff; font-size: 12px;}
#nav_sub table {vertical-align:baseline; height:25px;}
#nav_sub a:link, #nav_sub a:active, #nav_sub a:visited {color: #fff; font-size: 12px; text-decoration:none;  margin: 0px 10px 0px 10px;}
#nav_sub a:hover {color: #bbb; text-decoration:none;}

/* headings */
h1 { margin: 0; } /* used for image headings at top of page */
h1 img { border: none; }

h3 { margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold;}
h4 { margin: 0 0 5px 0; font-size: 1em; font-weight: bold;}

/* footer link color/behavior */
#footer a:link, #footer a:visited {	color:#333; text-decoration:none; }
#footer a:hover {color:#333; text-decoration:underline; }

/* login link color/behavior */
#login a:link, #login a:visited { color:#fff; text-decoration:none; }
#login a:hover {color:#fff; text-decoration:underline; }

img { border: none; } /* remove any default borders */

/* TOOLS ------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
* html>body .clearfix {
    display: inline-block; 
    width: 100%;
    }
* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }
.clearfix { zoom:1; /* Just for IE7 */ }

/* default link color/behavior */
a:link, a:active, a:visited {color:#c00; text-decoration:none; }
a:hover {color:#c00; text-decoration:underline; }
.link {
	background: url(/images/arrow.gif) 0 5px no-repeat;
	padding: 0 0 0 8px;
	display: inline-block;
	}

input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}

.smaller {font-size: 0.77em;}
.error {color:red;font-size: 0.8em;}
.black {color:#000;}
.grey {color:#888;}
.ltgrey {color:#bbb;}
.white {color:#fff;}

.textdivider {font-size: 6px;} /* used to set height of nbsp text divider in td */
.textdividersearch {font-size: 1px;}

#home 
{
	background: url(/templates/petspace/images/home_bkgd.jpg) no-repeat top; 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 769px;
	height: 329px;
	}
#home .home-table {width: 769px;height: 329px; padding:15px 5px 5px 15px;}
#home-table tbody {width:100%;}
#home-base { background: #ebe7e6; padding: 10px; }
#home .home-table td .divider {
	padding: 5px 0;
	background: url(/templates/petspace/images/dividerdots.gif) 0 5px no-repeat;
	}
#Home-WhatYouGet { color: #888; font-size: 1.2em; font-weight:bold; width: 200px; height:116px; display: block; float: left;}
#Home-WhatYouGet ul, #Home-WhatYouGet li { margin: 0px 0px 0px 20px; padding: 0; list-style-image: url(/templates/petspace/images/bullet_paw.gif); list-style-position: outside;  }
#Home-WhatYouGet li {
	font-size: 0.85em;
	margin: 10px 0px;
	line-height: 1em;
	} 
#Home-Signup { display: inline; float: left; width:99px; height: 116px; background:url(/templates/petspace/images/joinforfree_bkgd.png) 0 0 no-repeat;}
*html #Home-Signup {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/joinforfree_bkgd.png", sizingMethod="crop");}
#Home-SignUpButton {position: relative; top: 85px; left: 20px;}

/* photo frames - large & small */
.photoborder192 {
 display: inline; 
 float: left; 
 width:238px; 
 height:289px;
 background: url(/templates/petspace/images/photoframes/photoframe192.png) top left no-repeat;
}
.photoborder192 img {margin-top: 51px; margin-left: 18px;}
*html .photoborder192 {  /* IE6 hack for forcing transparency ----*/
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/photoframes/photoframe192.png", sizingMethod="crop");
}
.photoborder64 {
	display: inline; 
	float:left;
	width:84px;
	min-height: 101px;
	background: url(/templates/petspace/images/photoframes/photoframe64.png) top left no-repeat;
	}
.photoborder64 img { margin-top: 17px; margin-left: 7px; display: inline; }	
.photoborder64gallery {
	display:inline; 
	float:left;
	width:84px; 
	height:130px;
	background: url(/templates/petspace/images/photoframes/photoframe64.png) 0 0 no-repeat;
	margin: 0 8px;
	}
.photoborder64gallery img { margin: 18px 0 0 7px; }

*html .photoborder64, *html .photoborder64gallery {  /* IE6 hack for forcing transparency ----*/
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/photoframes/photoframe64.png", sizingMethod="crop");
}

.photoborder95 
{
	display: inline; 
	float:left;
	width:129px; 
	height:150px; 
	background: url(/templates/petspace/images/photoframes/photoframe95.png) top left no-repeat;
	}
.photoborder95 img {margin-top: 27px; margin-left: 17px;}	

*html .photoborder95 { /* IE6 hack for forcing transparency ----*/
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/photoframes/photoframe95.png", sizingMethod="crop");
}

.photocaption { padding-top: 20px; position:relative; text-align:center; }
.photocaption95 { padding-top: 30px; position:relative; text-align:center; }

/* login */
#login {
	display:block;
	float:left;
	position:relative;
	width:180px;
	height:180px;
	background: url(/templates/petspace/images/login_bkgd.jpg) bottom left no-repeat;
	font-family: Verdana,arial, Helvetica, sans Serif;
	font-size:0.76em;
	}
#login fieldset {
	border: 0; 
	margin: 0; padding: 0;  
	padding: 62px 10px 0 10px;
	}
div.login-name, div.login-password { clear: both; }
div.login-name span img, div.login-password span img { margin: 0 0 -3px 2px; padding: 0; display: inline;}
input.loginuser {width: 100px; font-size: 0.8em; }
input.loginpass {
	width: 100px;
	margin-top:24px;
	font-size: 0.8em; 
	}
.login-remember { margin: 3px 0 0 -3px; clear: both; }
.login-remember label { float: left; display: inline; margin-top: 5px; } 
.login-remember input { float: left; display: inline; }
.login-button { float: right; display: inline; margin: -17px 0 0 0; }
.forgot-password { margin: 5px 10px 0 10px; float: left; display: inline; }

.logingo {width:30px; vertical-align:bottom; padding-bottom: 5px;}
.loginlink, .loginlink a:link .loginlink a:active, .loginlink a:visited {color:White;}
	
div.login-error { /*div to show background */
	height: 105px;
	width: 174px;
	position: absolute;
	visibility: visible;
	z-index: 1;
	left: -50px;
	top: -185px;
	background: url(/templates/petspace/images/login_error_bg.png) top left no-repeat;
	padding: 55px 15px 30px 15px;
	}
*html div.login-error {  /* IE6 hack for forcing transparency ----*/
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/login_error_bg.png", sizingMethod="crop");
}	
div.login-error-text /*div to show text float ontop of background */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #600;
	height: 105px;
	width: 174px;
	position: absolute;
	visibility: visible;
	z-index: 5;
	left: -50px;
	top: -185px;
	padding: 55px 15px 30px 15px;
	text-align: center;
	background: none;
	}
#login div.login-error-text a:link, 
#login div.login-error-text a:visited, 
#login div.login-error-text a:hover { color: #d00; }	

/* sign up */
#signupform { background: url(/templates/petspace/images/signup_bkgd.jpg) top repeat-y; margin-top: 10px; padding: 10px 0; }
#signupform table { width: 100%; margin: 0; }
#signupform table th { padding: 5px; font-weight: bold; text-align: left; }
#signupform table td { padding: 5px; text-align: left;}
#signupscreenleft {display:block; width: 370px; }
#signinterms {overflow-y:scroll;width:330px;height:180px;border:solid 1px #cccccc;padding: 2px 2px 2px 5px; background: #fff;}
#signupform td.divider {
	padding: 10px 0;
	background: url(/templates/petspace/images/dividerdots.gif) 0 5px no-repeat;
	}
#signup-screenshot {
	display:block;
	width: 169px;
	height: 207px;
	background: url(/templates/petspace/images/signupscreenshot.png) top left no-repeat;
	position: absolute;
	top: 15px;
	right: 10px;
	}
*html #signup-screenshot {  /* IE6 hack for forcing transparency ----*/
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/signupscreenshot.png", sizingMethod="crop");
	}

/* view family & pet */
#viewfamilyprofileleft {display:block; float:left;}
#viewfamilyprofileright {width:280px; display:block; float:left;}
.familymainphoto {width:238px; display:inline; float:right; position:relative;}
table.viewfamilyprofile {width: 256px !important;}
table.viewfamilyprofile th {font-weight:normal;text-align: left;}
table.viewfamilyprofile td {text-align: left; color:#000;}
table.viewfamilyprofile * label {font-size:0.86em;}
table.viewfamilyprofile td input.fullwidth {width:165px;}
table.viewfamilyprofile td textarea.fullwidth {width:255px;}
table.viewfamilyprofilewide {width: 530px !important;}
table.viewfamilyprofilewide th {font-weight:normal;text-align: left;}
table.viewfamilyprofilewide td {text-align: left; color:#000;}
table.viewfamilyprofilewide * label {font-size:0.86em;}
table.viewfamilyprofilewide td textarea.fullwidth {width:530px;}

.familytitle, .pettitle {margin-top:0px;padding-top:3px; padding-left:4px; font-size: 1.2em; color:#333; font-weight:bold !important; width:200px !important;}

.pet {
	background: url(/templates/petspace/images/folder_bkgd.jpg) no-repeat top;
	display:block;
	padding: 2px 2px 0px 7px;
	} /* folder bkgd for pet */
.family {background-color:#fff; display:block; padding: 2px 2px 0px 7px;} /* folder bkgd for pet */
.petmainphoto {width:238px; display:inline; float:right; position:relative; }
.petleft {
	float: left;
	display: block;
	padding: 5px 2px 5px 5px;
	width:260px;
	}
.petmoreabout {text-align:left; padding-top:10px; padding-left:10px;}
table.viewpetprofile {width: 256px !important;}
table.viewpetprofile th {font-weight:normal;text-align: left;}
table.viewpetprofile td {text-align: left; color:#000;}
table.viewpetprofile th, table.viewpetprofile td {font-size:0.86em;}
/*table.viewpetprofile * label {font-size:0.86em;}*/
table.viewpetprofile td input.fullwidth {width:165px;}
table.viewpetprofile td textarea.fullwidth {width:255px;}
table.viewpetprofilewide {width: 500px !important; }
table.viewpetprofilewide th, table.viewpetprofilewide td {font-size:0.86em;}
table.viewpetprofilewide th {font-weight:normal;text-align: left;}
table.viewpetprofilewide td {text-align: left; color:#000;}
/*table.viewpetprofilewide * label {font-size:0.86em;} */
table.viewpetprofilewide td textarea.fullwidth {width:500px;}

.pet h2 {
	margin: 0 0 12px 0;
	padding: 3px 0 0 3px; 
	font-size: 1.2em;
	color:#333;
	font-weight: bold;
	}
.petlist-divider { height: 20px; clear: both; }

table#petheading { height:47px; width:500px; }
table#petheading th { width:180px; }
table#petheading td { width:320px; text-align:right; }
.friendactions { position: relative; display:inline; width:230px; height:47px; }
#petheaderrating { display:block; position:absolute; top:0px; right:2px; float:right; height:47px; width:350px; }
#petheaderactions { position:absolute; display:block; top: 0px; right:2px; float:right; height:47px; width:350px; }


.divNoImageMessage { display:block; margin-top: 20px; color:#999;}

#divButtons {display:block; float:left;	position:relative;}
#divButtons div.delete-confirm { /*div to show background */
	height: 105px;
	width: 174px;
	position: absolute;
	visibility: visible;
	z-index: 1;
	left: 75px;
	top: -210px;
	background: url(/templates/petspace/images/login_error_bg.png) top left no-repeat;
	padding: 55px 15px 30px 15px;
	}
*html #divButtons div.delete-confirm {  /* IE6 hack for forcing transparency ----*/
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/login_error_bg.png", sizingMethod="crop");
}	
#divButtons div.delete-confirm-text /*div to show text float ontop of background */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #600;
	height: 105px;
	width: 174px;
	position: absolute;
	visibility: visible;
	z-index: 5;
	left: 75px;
	top: -210px;
	padding: 55px 15px 30px 15px;
	text-align: center;
	background: none;
	}

/* Rate My Page rating */
#rateMyPage { position:relative; display:block; background-image: url(/templates/petspace/images/pagerating/ratemypage-bkgd.jpg); background-repeat:no-repeat; background-position: right top; height:47px; width:340px; }
.ratingPaw { font-size:0pt; width:17px; height:18px; margin: 0px; padding:0px; cursor: pointer !important;display:block; background-repeat: no-repeat; }
.filledRatingPaw, .savedRatingPaw { background-image: url(/templates/petspace/images/pagerating/ratemypage-on.jpg); }
.emptyRatingPaw { background-image: url(/templates/petspace/images/pagerating/ratemypage-off.jpg); }
.RatePaws { position:absolute; top:20px; right:9px; }

/* personality star rating */
.petpersonality {display:block; position: relative; float: left; width:230px; height:150;}
#personality {background-image: url(/templates/petspace/images/personality_bkgd.jpg); background-repeat:no-repeat; background-position: left top; padding: 9px 0px 10px 103px;}
.ratingStar {font-size: 0pt;    width: 14px;    height: 14px;    margin: 0px;    padding: 0px;    cursor: pointer;    display: block;    background-repeat: no-repeat; }
.savedRatingStar {background-image: url(/templates/petspace/images/personalityrating/rating_paw_red.gif);}
.filledRatingStar {background-image: url(/templates/petspace/images/personalityrating/rating_paw_red.gif);}
.emptyRatingStar {background-image: url(/templates/petspace/images/personalityrating/rating_paw_grey.gif);}

/* tiles */
.tilebutton {padding-bottom: 7px; padding-right:15px; text-align: right;}
.tilepadding {padding-left:15px; padding-right: 15px;}

/* story */
#story {background: url(/templates/petspace/images/story_bkgd.jpg) no-repeat top left; padding: 55px 10px 0px 90px; min-height:300px;}
#story .subtitle {margin-top:30px;margin-left:5px; font-size: 1.2em; color:#333; font-weight:bold !important; padding-bottom: 25px;}
#story .posteddetails {color: #aaa;}

#story table.story {width: 450px !important;}
#story table.story th {font-weight:normal;text-align: left;}
#story table.story td {text-align: left; color:#000; width:350px;}
#story table.story * label {font-size:0.86em;}
#story .StoryTitle {font-size:1.1em; font-weight:bolder; color:#333;}
#story .StoryBody { display:inline; color:#000; padding-top: 10px; padding-right: 10px; font-size:0.85em; text-align:left; }

#storytile { background: url(/templates/petspace/images/tiles/story_tile_bkgd.jpg) no-repeat bottom left; padding: 0 0 5px 0; }
#storytile h3 { font-size: 0.7em; color:#888; font-weight: normal; margin: 10px 0; }
#storytile p { font-size: 0.7em; color:#000; line-height: 1.3em; }
#storytile ul, #storytile li { margin: 0; padding: 0; list-style: none; }
#storytile li {
	font-size: 0.85em;
	margin: 10px 0;
	line-height: 1em;
	}

#story #divStoryPhoto { float:right !important; width:213px; height:213px; }
.photoborder197 {
 display: inline; 
 float: right;
 width:	213px; 
 height:213px;
 background: url(/templates/petspace/images/photoframes/photoborder197.jpg) top left no-repeat;
}
.photoborder197 img {margin-top: 7px; margin-left:7px;}
.storyphotoborder64 {
 display: inline; 
 float: left;
 width:78px; 
 height:78px;
 background: url(/templates/petspace/images/photoframes/photoborder64.jpg) top left no-repeat;
 }
.storyphotoborder64 img, .storyphotoborder64 input {margin-top: 6px; margin-left:6px;}
.storyselectphotos { display:block; float:left; position:relative; margin-top:56px; margin-left:10px; }

#discussiontile { background: url(/templates/petspace/images/tiles/discussion_tile_bkgd.jpg) no-repeat bottom left; padding: 0 0 5px 0; }
#discussiontile h3 { font-size: 0.7em; color:#888; font-weight: normal; margin: 10px 0; }
#discussiontile p { font-size: 0.7em; color:#000; line-height: 1.3em; }
#discussiontile ul, #discussiontile li { margin: 0; padding: 0; list-style: none; }
#discussiontile li {
	font-size: 0.85em;
	margin: 10px 0;
	line-height: 1em;
	}

/* search tile */
#searchtile {display:block; float:left; position:relative; width:180px;height:180px;background: url(/templates/petspace/images/search_bkgd.jpg) bottom left no-repeat;font-family: Verdana,arial, Helvetica, sans Serif; font-size:0.76em;}
table.searchtable {margin-top:45px; width: 180px !important; height: 126px !important;}
.searchleft {width:10px;}
.searchright {width:10px;}
.searchtext {width: 145px;}	
.searchtype {width: 150px;}
.searchbutton {text-align:right; padding-right: 10px;}
.searchnotext {font-weight: bold; padding:left:10px;}
#searchtile table td input {font-size:0.9em;}
.searchlink {color:White;}

.search-result { margin: 10px 0 5px 0; }
.search-result h4 { margin: 0 0 5px 0; font-size: 1em; font-weight: normal; }
.search-result p { margin: 0 0 5px 0; }
.search-result .result-text { padding-top: 15px; }
.search-result .result-description { font-size:0.85em; }
.search-result .photoborder64 { margin-right: 7px; }

.searchresultscat {background:url(/templates/petspace/images/titles/cats_searchresults.jpg) no-repeat bottom left; height:35px !important; text-align:right;}
.searchresultsdog {background:url(/templates/petspace/images/titles/dogs_searchresults.jpg) no-repeat bottom left; height:35px !important; text-align:right;}
.searchresultsstory {background:url(/templates/petspace/images/titles/stories_searchresults.jpg) no-repeat bottom left; height:35px !important; text-align:right;}
.searchresultsdiscussion {background:url(/templates/petspace/images/titles/discussions_searchresults.jpg) no-repeat bottom left; height:35px !important; text-align:right;}
.searchresultbutton {padding: 17px 2px 0px 0px;}

/* feature tile*/
#featuretile {display:block; float:left; position:relative; width:386px !important;height:193px;background: url(/templates/petspace/images/tiles/petoftheday_bkgd.jpg) top left no-repeat;font-family: Verdana,arial, Helvetica, sans Serif; font-size:0.76em;}
#featurecontent {display:block; float:left; position:absolute; top:36px; left:84px; width: 165px; height:138px; overflow:hidden; }
#featurecontent h3 { margin: 0px; margin-top:2px; }
#featurecontent p { margin-top: 0px; line-height: 170%; color: #000; font-size:0.9em;}
#featureimage {display:block; float:left; position:absolute; top:20px; left:235px; height:193px; }

/* ---- pet family icons --- */
#viewfamilyicons {width: 539px;	display: inline; margin: 0;}
#viewfamilyicons .header { height:60px; background:url(/templates/petspace/images/friends/friends-myfriends-header.jpg) no-repeat top left; }
#viewfamilyicons .body { padding: 0px 12px 0px 25px; text-align:left; background:url(/templates/petspace/images/friends/friends-myfriends-body.jpg) repeat-y top left; }
#viewfamilyicons .body .familytitle {width: 429px !important; height: 24px; margin-left: 10px; padding: 2px 0px 0px 30px; color: #888; background:url(/templates/petspace/images/friends/friends-family-icon.gif) no-repeat top left; }
#viewfamilyicons .body .friendstitle {height: 24px; margin-left: 10px; padding: 2px 0px 0px 30px; color: #888; background:url(/templates/petspace/images/friends/friends-friend-icon.gif) no-repeat top left; }
#viewfamilyicons .footer { height:20px; background:url(/templates/petspace/images/friends/friends-myfriends-footer.jpg) no-repeat bottom left; }
#viewfamilyicons .title {font-size: 1.2em; color:#666; font-weight:bold !important;vertical-align:top; }

/* gallery */
#gallery { width: 539px; margin: 0; position: relative; }
#gallery .header {
	background:url(/templates/petspace/images/gallery/head.jpg) no-repeat top left;
	height:50px;
	padding: 20px 12px 0px 25px;
	}
#gallery .header h3 {
	float:left;
	display:inline;
	vertical-align: baseline;
	margin: 0;
	font-size: 1em;
	width: 250px;
	}
#gallery .header .pagesize {
	margin: 1px 0 0 0;
	}
#gallery .page-data {
	position: absolute;
	top: 22px;
	right: 12px;
	margin: 0;
	}
#gallery .header .totals {
	float:left;
	padding: 4px 15px 0 15px;
	margin: 0;
	display:inline;
	vertical-align: baseline;
	}
.galleryTitle {margin-top:0px;padding-top:0px; margin-left:12px; float:left; font-size: 1.2em; color:#333; font-weight:bold !important;}
#gallery .body {background:url(/templates/petspace/images/gallery/body.jpg) repeat-y top left; padding: 0px 12px 0px 25px; text-align:left;}
.gallerypadding {padding-left:8px;padding-right:8px; float:left;}
#gallery .footer {
	background: url(/templates/petspace/images/gallery/foot.jpg) no-repeat bottom left; 
	height: 100px; 
	text-align: center; 
	vertical-align: middle;
	}
#gallery .page-navigation { margin-top: 10px;	text-align: center;	}
#gallery .page-navigation table { margin: 0 auto; }
#gallery .edit-buttons { float: left; display: block; text-align: center; margin: 0; padding: 0; width: 490px; padding-top: 5px; }

#popup-container {
	padding-right: 3px;
	padding-bottom: 3px;
	background: url(/templates/petspace/images/popup_dropshadow2.gif) 5px 5px no-repeat;
	top: -180px;
	left: 150px;
	/*opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.6;*/
	}
#popup {
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
	}
.popupcaption {position:relative; text-align:center; max-width:190px; width:190px; display:block;}



/* story photo gallery */
#storygallery { display:block; width: 395px; margin: 15px 0px 10px 0px; padding:0px; position: relative;  border:1px #ccc solid;  }
#storygallery .header {
	height:30px;
	padding: 2px 0px 0px 0px;
	}
#storygallery .header .pagesize {
	margin: 1px 0 0 0;
	}
#storygallery .page-data {
	position: absolute;
	top: 5px;
	left: 12px;
	margin: 0;
	}
#storygallery .body { margin:0px; padding: 0px; text-align:left; }
#storygallery .footer {
	height: 40px; 
	text-align: left; 
	vertical-align: middle;
	width:380px !important; 
	border:0;
	background-color:#fff;
	}
#storygallery .page-navigation { margin-top: 8px;	text-align: left; float: left; }
#storygallery .page-navigation .smaller {width:290px !important; float:left; }
#storygallery .page-navigation table { margin:0; padding:0; width:290px !important; text-align: left !important; float:left !important; }
#storygallery .page-navigation table td { width:10% !important; text-align:center; }
#storygallery .page-navigation table th { width:60% !important; text-align:center; }
#storygallery .edit-buttons { float: right; margin-top:3px; }
/*#storygallery .edit-buttons { float: left; display: block; text-align: center; margin: 0; padding: 0; width: 100px; padding-top: 5px; }*/


/* join up tile */
#JoinUp {display:block; float:left; position:relative; width:180;height:187;background: url(/templates/petspace/images/joinup_bkgd.jpg) top left no-repeat;font-family: Verdana,arial, Helvetica, sans Serif; font-size:0.76em;}
table.joinuptable {margin-top:33px; width: 180px !important; height: 154px !important;}

/* logged in tile */
#loggedin {display:block; float:left; position:relative; width:180px;height:180px;background: url(/templates/petspace/images/loggedin_bkgd.jpg) bottom left no-repeat;font-family: Verdana,arial, Helvetica, sans Serif; font-size:0.76em;}
table.loggedintable {margin-top:45px; width: 180px !important; height: 138px !important; padding-bottom:5px;}
.loggedintable *, .loggedintable * a:link {color:#fff;}

/* general reusable tools */
.clear { clear: both; }
.pagenav { padding-left: 125px;}

/* discussions */
#discussion {background: url(/templates/petspace/images/discussion_bkgd.jpg) no-repeat top left; padding: 110px 0px 0px 30px; min-height:295px; width:510px;}
#discussiontitle {position:absolute; top:10px; left:18px;}
.forumtitle { color:#333; font-size:1.2em; font-weight:bold; padding-bottom: 5px;}
#discussion table {width: 450px !important;}
.DiscussionTitle {font-size:1.1em; font-weight:bolder; color:#333; width:350px;}
.DiscussionDetails {color: #000;}

.discussion-result {}
.discussion-result { margin: 10px 0 5px 0; }
.discussion-result h3 { margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; }
.discussion-result p { margin: 0 0 5px 0; }
.discussion-result .discussion-icon {float:left;}
.discussion-result .result-text { padding-top: 15px; }
.discussion-fullwidth {width:350px;}
.discussion-sidebar {width: 25%; vertical-align: top; font-size: 0.7em;}

table.discussion-posts h3 { margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; }
table.discussion-posts h4 { margin: 0 0 5px 0; font-size: 1em; font-weight: bold; }
table.discussion-posts td p { color: #000;}
.discussion-sidebar .knownas { font-weight: bold; font-size: 1.2em; padding-bottom: 5px;}
.discussion-sidebar .replyto { padding-top: 5px;}
.discussion-body { color: #000; font-size: 0.85em; }

/* ---- Postcards ----- */
#postcard-sendinvite { display:block; position:relative; background: url(/templates/petspace/images/postcards/sendinvitation-bkgd.jpg) top left no-repeat; width:429px; height:265px; font-size:0.75em; }
#postcard-inviteresponse { display:block; position:relative; background: url(/templates/petspace/images/postcards/invitationresponse-bkgd.jpg) top left no-repeat; width:429px; height:265px; font-size:0.75em; }
#pc-stamp { position:absolute; top:20px; right:23px; }
#pc-invitetext { position:absolute; top:85px; left:15px; }
#pc-textboxcounter { position:absolute; top:70px; left:155px; font-size:0.8em; }
#pc-selectpet { position:absolute; top:176px; left:307px; }
#pc-selectpet span { font-weight:bold; }
#pc-buttons { position:absolute; top:224px; left:55px; }
#pc-familylocation { position:absolute; top:200px; left:307px; }
#pc-invitetext textarea { width:260px; height:130px; }
#postcard-sendmessage { display:block; position:relative; background: url(/templates/petspace/images/postcards/sendmessage-bkgd.jpg) top left no-repeat #ffffff; width:429px; height:265px; font-size:0.75em; }
#postcard-inviteresponse #pc-buttons { left:25px !important; }

/* --- Messages and Friends --- */

#newFriendSummary { width:256px; float:left; }
#newFriendSummary .header { background:url(/templates/petspace/images/friends/friends-summary-header.jpg) repeat-y top left; padding: 32px 12px 5px 40px; text-align:left; color:Black; }
#newFriendSummary .footer { height:7px; background:url(/templates/petspace/images/friends/friends-summary-footer.jpg) no-repeat top left; }
#newMessageSummary {  width:256px; float:left; }
#newMessageSummary .header { background:url(/templates/petspace/images/messages/friends-summarymsg-header.jpg) repeat-y top left; padding: 32px 12px 5px 75px; text-align:left; color:Black; }
#newMessageSummary .footer { height:7px; background:url(/templates/petspace/images/messages/friends-summarymsg-footer.jpg) no-repeat top left; }

#messageheader { position:relative; display:block; height:50px; width:539px; }
div.messagesummary { background:url(/templates/petspace/images/messages/message-header-bkgd.jpg) no-repeat top right; height:50px; width:344px; position:absolute; top:0px; right:0px; }
div.messagesummarytext { position:absolute; top:18px; left:320px; font-size:0.9em; }
.new { color:#fff; }
.total { color:#333; }


table.tblMessages { width:539px; font-size: 0.75em; }
.message-sidebar { width: 100px !important; vertical-align: top; } 
.message-fullwidth { width: 100%; vertical-align: top; }
.message-body { width: 439px; vertical-align: top; }
.messagebody { color: Black !important; }
td.msgdivider { width: 100%; }

.dialogHeader { height:0px; }
.dialogIFrame { width:429px; height:265px; overflow: hidden !important; border: none; background-color:white; padding: 0; margin: 0; border: 0; }
.dialogFooter { height:0px; }

.petnamegreen { color:#009900; }
.petnamered { color:#990000; }

.photoborder64friend { display:inline; float:left; width:84px; height:130px !important;	background: url(/templates/petspace/images/photoframes/photoframe64friend.png) 0 0 no-repeat; margin: 0 8px;	}
.photoborder64friend img { margin: 18px 0 0 7px; }

*html .photoborder64friend {  /* IE6 hack for forcing transparency ----*/
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/photoframes/photoframe64friend.png", sizingMethod="crop");
}

.photoborder64newfriends { display:inline; float:left; width:84px; height:180px !important;	background: url(/templates/petspace/images/photoframes/photoframe64friend.png) 0 0 no-repeat; margin: 0 8px;	}
.photoborder64newfriends img { margin: 18px 0 0 7px; }

*html .photoborder64newfriends {  /* IE6 hack for forcing transparency ----*/
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/petspace/images/photoframes/photoframe64friend.png", sizingMethod="crop");
}

.photocaptionfriends { padding-top: 8px; position:relative; text-align:center; }

.reviewtext { font-size:0.7em; text-align: center; } 

/* New Footer */

#purinaFooter {
	width: 770px; 
	margin: 0;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #000;
	height:50px;
	font-size:small;
}
#purinaFooter ul.nav {
	margin: 0;
	padding:10px 5px 2px 18px;
	list-style: none;
	text-transform:lowercase;
}
#purinaFooter ul.nav li {
	margin: 0;
	padding:0;
	display:inline;
	line-height:inherit;
	list-style-image:none;
	list-style-type:none;
	line-height: inherit;
}
#purinaFooter ul.nav li a {
	border-right:1px solid #6F4D44;
	color:#AFAFAF;
	display:block;
	float:left;
	font-size:78%;
	line-height:110%;
	padding:0 5px 0;
	text-decoration:none;
}
#purinaFooter ul.nav li a:hover {
	color: #CCC;
}
#purinaFooter #footerContent {
	color: #afafaf;
	width:500px;
	float:left;
}
#purinaFooter #copyright {
	clear:both;
	padding-left:23px;
	font-size: 78%;
}
#purinaFooter #footerLogo {
	text-align:right;
	margin: 0 23px 0 0x;
	width:182px;
	float:right;
	height:30px;
}