/* HOMEPAGE STYLES 
	NOTE: Was moved from my_pet/styles/ to here.
*/

#mypet_hp {

}

	#mypet_hp .banner {
		padding-bottom:4px;
	}
	
	#mypet_hp #row1 #login {
		width: 360px;
		height: 169px;
		float:left;
		background-image: url(/my_pet/images_site/bg_mypet_hp_login_btm.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-color: white;
	}
			
	
		#mypet_hp #row1 #login .head {
			width: 360px;
			background-image: url(/my_pet/images_site/bg_mypet_hp_login_top.gif);
		}
		
		#mypet_hp #row1 #login .content {
			margin: 10px;
		}
			
		#mypet_hp #row1 #login .caption {
			color:#058A84;
			padding-top:14px;
			padding-bottom:9px;
		}

		#mypet_hp #row1 #login a {
			font-size:11px;
			color:#058A84;
			padding-left: 8px;
			padding-bottom:9px;
		}
		
		#mypet_hp #row1 #login a:hover{
			font-size:11px;
			color:#07B4AC;
			padding-left: 8px;
			padding-bottom:9px;
		}
		
		#mypet_hp #row1 #login .formfield {
			border-color: #73D6D1;
			width: 135px;
		}
		
		#mypet_hp #row1 #login .login_but {
			margin-top: 15px;
		}

		
	#mypet_hp #row1 #signup {
		float: left;
		margin-left: 4px;
	}

/* MEMBER HOMEPAGE STYLES */
	
#mypet_mbr_hp {

}

	#mypet_mbr_hp #banner {
	}

	#mypet_mbr_hp #row2 #petcare {
		width: 237px;
		height: 184px;
		float:left;
		background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_petinfo_btm.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-color: white;
	}
			
		#mypet_mbr_hp #row2 #petcare .head {
			width: 237px;
			background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_petinfo_top.gif);
		}
		
		#mypet_mbr_hp #row2 #petcare .content {
			margin-top: 0px;
		}
		
			#mypet_mbr_hp #row2 #petcare .content ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
				margin-left: 5px;
			}
			
			#mypet_mbr_hp #row2 #petcare .content ul li {
				margin: 0px;
				padding: 0px;
				padding-bottom: 5px;
				font-size: 11px;
			}
			
			#mypet_mbr_hp #row2 #petcare .content ul li a {
				background: url(/images_site/arw_green.gif) no-repeat 3px 2px;
				padding-left: 15px;
				text-transform: uppercase !important;
			}
			
		#mypet_mbr_hp #row2 #petcare .caption {
			padding-top:14px;
			padding-bottom:9px;
		}

		#mypet_mbr_hp #row2 #petcare a {
			color:#82922e;
		}
		
		#mypet_mbr_hp #row2 #petcare a:hover{
			color:#707e25;
		}		
		
	/* MY PET */
	
#mypet_mbr_hp #row1 {

}
	
	
	#mypet_mbr_hp #row1 #mypets {
		width: 479px;
		height: 200px;
		float:left;
		background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_petinfo_btm.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-color: white;
		margin-right:4px;
	}

select, input, textarea {
	border: #9CC958 1px solid;
	line-height: 100%;
	color: gray;
	background-color: white;
	margin:0px;
	padding: 4px;
}


		#mypet_mbr_hp #row1 #mypets .head {
			width: 479px;
			background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_mypet10_top.gif);
		}
		
		#mypet_mbr_hp #row1 #mypets .content {
			float:left;
			width: 270px;
			background: url(/my_pet/images_site/bg-mypet_welcome.gif) no-repeat;
			background-position: top right;
		}
		
			#mypet_mbr_hp #row1 #mypets .content ul {
				padding: 0px;
				margin:0px;
				list-style: none;
				width: 270px;
				margin-top:10px;
			}
			
				#mypets .content ul li {
					margin:0px;
					padding: 0px;
					list-style: none;
					width: 270px;
					height: 60px;
					clear:both;
				}
				
					#mypets .content ul li span {
						margin:0px;
						padding: 0px;
					}
				
					#mypets .content ul li img {
						border: solid 4px #e0e0e0;
						margin-right:8px;
					}
					
					#mypets .content ul li div {
						float:left;
					}
					
					
			#mypets .content .buttons {
				clear:both;
			}
			
		#mypet_mbr_hp #row1 #mypets .memberopt {
			width: 180px;
			float:left;
			background: white;
		}
		
			#mypets .memberopt ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
				margin-left: 5px;
			}
			
				#mypets .memberopt ul li {
					margin: 0px;
					padding: 0px;
					padding-bottom: 10px;
				}
				
					#mypets .memberopt ul li a {
						background: url(/images_site/arw_blue.gif) no-repeat 5px 3px;
						padding-left: 15px;
					}
		
			#mypets .memberopt .caption {
				padding-top:14px;
				padding-bottom:9px;
				font-weight: bold;
			}
			
			
			
			
		
		#mypet_mbr_hp #row1 #mypets .caption {
			padding-top:16px;
			padding-bottom:9px;
		}

		#mypet_mbr_hp #row1 #mypets a {
			color:#82922e;
		}
		
		#mypet_mbr_hp #row1 #mypets a:hover{
			color:#707e25;
		}		
		
	
	
	
	#mypet_mbr_hp #row1 #calendar {
		width: 237px;
		height: 200px;
		float:left;
		background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_calendar_btm.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-color: white;
	}
	
	
		#mypet_mbr_hp #row1 #calendar .head {
			width: 237px;
			background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_options_top.gif);
		}
		
		#mypet_mbr_hp #row1 #calendar .content {
			margin-top: 0px;
		}
		
			#calendar .content ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
				margin-top: 10px;
			}
			
				#calendar .content ul li{
					margin: 0px;
					padding: 0px;
					list-style: none;
					margin-bottom: 10px;
				}
			

	
	
	
	
	/* POLLS */
	#mypet_mbr_hp #row2 #polls {
		width: 240px;
		height: 184px;
		float:left;
		margin-left: 4px;
		background-color: white;
		overflow: hidden;
	}
			
		#mypet_mbr_hp #row2 #polls .head {
			width: 240px;
			background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_polls_top.gif);
			background-repeat: repeat-x;
		}

		#mypet_mbr_hp #row2 #polls .caption {
			font-size: 10px;
		}
		
		#mypet_mbr_hp #row2 #polls .content {
			margin: 14px;
			padding: 0px;
			line-height: 100%;
		}

			#mypet_mbr_hp #row2 #polls .content ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
				padding-top: 4px;
				clear: both;
			}

			#mypet_mbr_hp #row2 #polls .content ul li {
				margin: 0px;
				padding: 0px;
				float: left;
				width: 45%;
			}

				#mypet_mbr_hp #row2 #polls .content ul li span {
					position: relative;
					top: -3px;
					font-size: 10px;
					left: 3px;
				}

		#mypet_mbr_hp #row2 #polls #btns {
			clear: both;
			padding-top: 15px;
		}
			
			
			#mypet_mbr_hp #row2 #polls #btns #right {
				float: right;
			}
			
				#mypet_mbr_hp #row2 #polls #btns .results, #mypet_mbr_hp #row2 #polls #btns .past {
						padding-left: 9px;
						background-repeat: no-repeat;
						padding-bottom: 1px;
						font-size: 10px;
				}
					
				#mypet_mbr_hp #row2 #polls #btns .results {
					background-image: url(/my_pet/images_site/p_mypet_hp_mbr_poll_results.gif);
				}
				
				#mypet_mbr_hp #row2 #polls #btns .past {
					background-image: url(/my_pet/images_site/p_mypet_hp_mbr_poll_past.gif);
				}


		#mypet_mbr_hp #row2 #polls a {
			color:#a28217;
			padding-left: 8px;
			padding-bottom:9px;
		}
		
		#mypet_mbr_hp #row2 #polls a:hover{
			color:#d7a00b;
			padding-left: 8px;
			padding-bottom:9px;
		}
		
		
	#mypet_mbr_hp #row2 #competition {
		width: 237px;
		height: 184px;
		float:left;
		background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_options_btm.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-color: white;
		margin-left: 4px;
	}
			
		#mypet_mbr_hp #row2 #competition .head {
			width: 237px;
			background-image: url(/my_pet/images_site/bg_mypet_hp_mbr_options_top.gif);
		}
		
		#mypet_mbr_hp #row2 #competition .content {
			margin-top: 0px;
		}
		
			#competition .content ul {
				padding: 0px;
				margin:0px;
				list-style: none;
				width: 210px;
				margin-top:10px;
			}
			
				#competition .content ul li {
					margin:0px;
					padding: 0px;
					list-style: none;
					width: 210px;
					height: 60px;
				}
			
					#competition .content ul li span {
						margin:0px;
						padding: 0px;
					}
				
					#competition .content ul li img {
						border: solid 4px #e0e0e0;
						margin-right:8px;
					}
					
					#competition .content ul li div {
						float:left;
					}
	
		
		
		

#ecardbanner {
	width: 723px;
	height: 401px;
	float:left;
	background-color: white;
}