/************************************************************************

	Site:		Banfield.net Birthday Gallery Page

	Author:		eROI		[www.eroi.com]  

	Client:		Banfield Pet Hospital		[http://www.banfield.net]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Left Navigation
	4 - Main Content
	5 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

div#sidebar h3 {
	color: #665F3A;
}

div#birthdayuploadphotos {
	padding: 0 10px;
}

a#btn_uploadphoto {
	background: url(../images/btn_uploadaphoto.gif) no-repeat top left;
	display: block;
	width: 139px;
	height: 23px;
}
a#btn_uploadphoto:hover {
	background: url(../images/btn_uploadaphoto_over.gif) no-repeat top left;
}
a#btn_browsegallery {
	background: url(../images/btn_browsegallery.gif) no-repeat top left;
	display: block;
	width: 139px;
	height: 23px;
}
a#btn_browsegallery:hover {
	background: url(../images/btn_browsegallery_over.gif) no-repeat top left;
}

span.readmore a {
	display: block;
	background: url(http://www.banfield.net/images/icon_arrow.gif) no-repeat left;
	padding-left: 15px;
	font-weight: bold;
	text-decoration: underline;
}


div#petcalculator {
	width: 440px;
	float: left;
	padding: 10px 5px 10px 10px;
	border-right: 1px solid #e7e6d8;
	background: #FDFCF3 url(../images/birthday_cake.gif) no-repeat 95% 100%;
}
div#petcalculator ul {
	list-style-type: none;
}
div#petcalculator ul li {
	padding-bottom: 1em;
}
input#result {
	border: none; 
	font-weight: bold; 
	color: #5A767E; 
	font-size: 13px;
	background: #FDFCF3;
	width: 350px;
}


div#lifestages, div#birthdayad, div#birthdaytips, div#petrecipes {
	width: 150px;
	float: left;
	padding: 0 20px;
}

div#birthdayad {
	background: #dfe4e0;
	padding: 10px;
	text-align: center;
	margin: 0 20px 10px 10px;
}
div#birthdaytips, div#petrecipes {
	width: 170px;
	padding: 0 25px;
}
div#petrecipes {
	margin: 0 0 0 10px;
}	

p#legal {
	padding: 0 35px 15px 35px;
	margin: -18px 0 0 0;
}

p#legal span.readmore a {
	display: inline !important;
}

div#galleryintro {
	float: left;
	width: 350px;
}

div#galleryintro p {
	padding: 20px 0 10px 50px;
	font: 13px/1.5em Georgia, "Times New Roman", Times, serif;
}

div#galleryintro p a {
	font-size: 11px;
}

div#birthdaysortby {
	background: #FBF8E7 url(../images/birthday_sortby.gif) no-repeat right;
	width: 190px;
	padding: 15px 30px;
	margin: 20px 30px 10px 0;
	float: right;
	position: relative;
}

div#birthdaysortby form {
	position: relative;
	z-index: 210;
}

div#birthdaysortby h3 {
	line-height: 1em;
	padding: 0 0 .5em 0;
}
div#birthdaysortby form select {
	margin-bottom: 1em;
}

div.row {
	clear: both;
}

div.birthdayphoto {
	width: 190px;
	/*height: 280px;*/
	float: left;
	padding: 10px;
}

div.birthdayphoto p {
	padding-bottom: 7px !important;
}

div.birthdayphoto h3 {
	line-height: 1em;
	padding: 7px 0;
}

div.birthdayphoto img.petphoto {
	border: 2px solid #666052;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-height: 180px;
}

a.favorite {
	display: block;
	background: url(../images/btn_favorite.gif) no-repeat top left;
	width: 99px;
	height: 23px;
}
a.favorite:hover {
	background: url(../images/btn_favorite_over.gif) no-repeat top left;
}
a.favoritedisabled {
	display: block;
	background: url(../images/btn_favorite_disabled.gif) no-repeat top left;
	width: 99px;
	height: 23px;
	cursor: auto;
}

div.birthdayphoto p span.readmore a {
	display: inline !important;
	margin-right: 7px;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
}
div.birthdayphoto p span.readmore a:hover {
	text-decoration: none;
}

div.paginator {
	text-align: center;
}

div.paginator ul.pagination_links {
	list-style-type: none;
}

ul.pagination_links li {
	display: inline;
	margin-right: 2px;
}

ul.pagination_links li a {
	padding: .5em 1em;
	background: #fff;
	border: 1px solid #c8c8c8;
}
ul.pagination_links li a.current {
	border-color: #015699;
}
ul.pagination_links li a:hover {
	border-color: #5A767E;
}