@charset "utf-8";
/* KoogaPet.com/profile */

/*input {width: 200px}*/
input.short {width: 100px}
input.long {width: 320px}
input.checkbox,
input.radio,
input.button {width: auto}
input.button {
background-color:#1ba4c4;
border:1px solid #008eb0;
color:#FFFFFF;
padding:2px 5px 2px 5px;
}
select {width: 204px}
select.short,
select.qty {width: auto}

#content-profile {
	/* background: #ECECEC url(../images/content-profile-bg.gif) bottom left repeat-x; */
	border: 1px solid #008EB0;
	margin: 0 0 20px 0;
	padding: 0 0 60px 0;
}

#content-profile h1 {
	color: #018DB0;
	font-size: 1.6em;
	font-weight: normal;
}

#content-profile p {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}
#content-profile a {color: #006C87}
#content-profile table.input-form td {padding: 0 10px 10px 0}
#content-profile table.tabular-data {margin: 0 0 10px 0}
#content-profile table.tabular-data td {padding: 0 20px 5px 0}

#profile-login {
	margin: 0 150px 0 150px;
	padding: 60px 0 40px 0;
}

#profile-login-form {
	background: #FFFFFF url(../images/icon-login.gif) 20px 20px no-repeat;
	/* border-bottom: 2px solid #E1E1E1; */
	padding: 20px 20px 10px 80px;
}

#register {
	margin: 0 150px 0 150px;
	padding: 60px 0 40px 0;
}

#register-form {
	background-color: #FFFFFF;
	/* border-bottom: 2px solid #E1E1E1; */
	padding: 20px 20px 10px 20px;
}

#search {
	margin: 0 75px 0 75px;
	padding: 60px 0 40px 0;
}
#search-form {
	background-color: #FFFFFF;
	/* border-bottom: 2px solid #E1E1E1; */
	padding: 20px 0 10px 0;
}

#subscription {
	margin: 0 150px 0 150px;
	padding: 60px 0 40px 0;
}

#subscription-form {
	background-color: #FFFFFF;
	/* border-bottom: 2px solid #E1E1E1; */
	padding: 20px 20px 10px 20px;
}

/*#member-nav {height: 30px}*/
#member-nav ul {padding: 10px 0px 6px 0px}

#member-nav ul li {
	background: url(../images/member-nav-link-bg-li.gif) bottom right no-repeat;
	display: inline;
	font-size: 1em;
	letter-spacing: 0.2em;
	margin: 0 1px 0 0;
	padding: 10px 5px 6px 0;
}

#member-nav ul li span {
	background: url(../images/member-nav-link-bg-span.gif) bottom left no-repeat;
	padding: 10px 0 6px 5px;
}

#member-nav ul li a {
	background: url(../images/member-nav-link-bg.gif) bottom left repeat-x;
	color: #FFFFFF;
	font-weight: 700;
	padding: 10px 30px 6px 30px;
	text-decoration: none;
}

#member-nav ul li a:hover {color: #FFFFFF}
#member-nav ul li.active {background: url(../images/member-nav-link-bg-li-active.gif) bottom right no-repeat}
#member-nav ul li.active span {background: url(../images/member-nav-link-bg-span-active.gif) bottom left no-repeat}

#member-nav ul li.active a {
	background: url(../images/member-nav-link-bg-active.gif) bottom left repeat-x;
	color: #FFFFFF;
}

#member-nav ul li.active a:hover {color: #FFFFFF}

#member-sub-nav {
	background-color: #008EB0;
	/* border-bottom: 2px solid #dbdbdb; */
}

#member-sub-nav ul {
	background-color: #008EB0;
	padding: 10px 0 10px 0;
	text-align: center;
}

#member-sub-nav ul li {
	display: inline;
	font-size: 1em;
	margin: 0 1px 0 0;
	padding: 10px 10px 10px 10px;
}

#member-sub-nav ul li span {}
#member-sub-nav ul li a {
	color: #FFFFFF;
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	text-transform: uppercase;
}

#member-sub-nav ul li a:hover,
#member-sub-nav ul li.active a {
	background-color: #FFFFFF;
	color: #008EB0;
}

#member {
	margin: 0 80px 0 80px;
	padding: 20px 0 20px 0;
}

#member h1.image {
	margin: 0;
	text-align: center;
}

#member h2 {
	background-color: #FFFFFF;
	color: #696969;
	font-size: 1.2em;
	margin: 0 0 1px 0;
	padding: 8px 10px 8px 35px;
}

#member h3 {
	background-color: #FFFFFF;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1px 0;
	padding: 8px 10px 8px 20px;
}

#member-home-nav {
	background-color: #FFFFFF;
	/* border-bottom: 2px solid #E1E1E1; */
	margin: 0;
}

#member-home-nav h2 {
	color: #009EBC;
	font-size: 2.2em;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 13px 10px 8px 20px;
	text-transform: uppercase;
}

#member-home-nav ul {
font-size:0.95em;
	text-align: center;
	padding: 0px 0 50px 0;
}

#member-home-nav ul li {display: inline}
#member-home-nav ul li a {
	color: #000000;
	margin: 0 10px 0 0;
	padding: 30px 5px 30px 65px;
}

#member-home-nav ul li a.register {background: url(../images/icon-register.jpg) 10px 10px no-repeat}
#member-home-nav ul li a.purchase {background: url(../images/icon-purchase.jpg) 10px 10px no-repeat}
#member-home-nav ul li a.member-info {background: url(../images/icon-member-info.jpg) 10px 10px no-repeat}

#usb-tag-list {
	background-color: #FFFFFF;
	/* border-bottom: 2px solid #E1E1E1; */
	margin: 0 0 20px 0;
}

#usb-tag-list h2 {
	color: #009EBC;
	font-size: 2.2em;
	font-weight: normal;
	margin: 0 0 0px 0;
	padding: 13px 10px 8px 20px;
	text-transform: uppercase;
}

table.pet-list {width: 100%}

table.pet-list td {
	border-bottom: 1px solid #ECECEC;
	padding: 5px 5px 5px 0;
	vertical-align: middle;
}

table.pet-list td.pic {padding: 5px 5px 5px 20px}

table.pet-list td.title {
	color: #9d9d9d;
	font-weight: 700;
}

table.pet-list td.data {
	color: #276b7c;
	font-weight: 700;
	padding: 5px 30px 5px 0;
}

table.pet-list td.update {width: 35%}

table.admin td.title {padding: 5px 5px 5px 35px}
table.admin td.data {padding: 5px 5px 5px 0}
table.admin td.update {width: 16%}

#content-profile table.pet-list td.update a {color: #000000}

#lost-pet {
	background-color: #FFFFFF;
	/* border-bottom: 2px solid #E1E1E1; */
	margin: 0 0 20px 0;
}

#lost-pet h2 {
	color: #009EBC;
	font-size: 2.2em;
	font-weight: normal;
	margin: 0 0 0px 0;
	padding: 13px 10px 8px 20px;
	text-transform: uppercase;
}

#lost-pet h3 {border-bottom: 1px solid #ECECEC}

#lost-pet h3.number {
	color: #009EBC;
	font-size: 1.2em;
	font-weight: 700;
}

#lost-pet p {padding: 8px 10px 0px 20px}

#lost-pet form {border-bottom: 1px solid #ECECEC}

#pet-information {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#pet-information h3 {
	background-color: #FFFFFF;
	/* border-bottom: 1px solid #ECECEC; */
	color: #018DB0;
	font-size: 1.1em;
	font-weight: 700;
	padding: 8px 0px 8px 8px;
	/*text-align: center;*/
	text-transform: uppercase;
}

table.pet-form {
	/* margin: 0 20px 0 20px; */
	width: 100%;
}

table.pet-form th {
	/* border-bottom: 1px solid #ECECEC; */
	color: #000000;
	width: 160px;
	padding: 8px 16px 8px 8px;
	text-align: left;
	vertical-align: middle;
}
#lost-pet table.pet-form th {
padding: 8px 16px 8px 20px;
width: 100px;
}
table.long-pet-form th {width: 250px}

table.input-form th {
	/* border-bottom: 1px solid #ECECEC; */
	color: #000000;
	width: 100px;
	padding: 0 12px 9px 8px;
	text-align: left;
	vertical-align: middle;
}

table.pet-form td {
	/* border-bottom: 1px solid #ECECEC; */
	padding: 8px 0 8px 0;
	vertical-align: middle;
}

table.pet-form input, table.pet-form select {margin: 0 5px 0 0}

table.pet-form input.radio {margin: 0}
#report-koogatag h3 {
font-size: 1.3em;
margin:0 70px 0px 70px;
}
div.report {
border:1px solid #cbcbcb;
padding:10px 20px 10px 20px;
margin:0 80px 10px 80px;
}
div.report table.pet-form td {
	padding: 4px 0 4px 0;
}
div.report table.pet-form th {
	padding: 4px 16px 4px 8px;
}
#member-information {
	background-color: #FFFFFF;
	/* border-bottom: 2px solid #E1E1E1; */
}

#member-information h3 {
	background-color: #FFFFFF;
	border-bottom: 1px solid #ECECEC;
	color: #018DB0;
	font-size: 1.1em;
	font-weight: 700;
	padding: 8px 0px 8px 0px;
	text-align: center;
	text-transform: uppercase;
}

#member-information p {
	background-color: #FFFFFF;
	border-bottom: 1px solid #ECECEC;
	color: #000000;
	font-size: 1em;
	padding: 8px 0px 8px 0px;
	text-align: center;
}

table.member-form {width: 100%}

table.member-form th {
	border-bottom: 1px solid #ECECEC;
	color: #696969;
	width: 210px;
	padding: 8px 16px 8px 8px;
	text-align: left;
	vertical-align: middle;
}

table.member-form td {
	border-bottom: 1px solid #ECECEC;
	padding: 8px 0 8px 0;
	vertical-align: middle;
}

#member-information #order-form {
	background: none;
	padding: 20px 20px 10px 20px;
}

#member-information #order-form p {
	background-color: none;
	border-bottom: none;
	margin: 0;
	padding: 5px 0 5px 0;
	text-align: left;
}

#member-information #order-form h2 {padding: 0 0 10px 0}

#member-information #order-form #item-total-bottom {
	background: none;
	padding: 0;
}

#member-information #order-form #item-total {
	background: none;
	padding: 0;
}

#member-information #form-footer {
	background: #FFFFFF;
	padding: 5px 0 20px 0;
	text-align: center;
}

#form-buttons {
	/*background-color: #dbdbdb;*/
	background-color: #FFFFFF;
	padding: 8px 0px 8px 0px;
	text-align: center;
}

#lost-pet #form-buttons {
	padding: 8px 0px 8px 138px;
	text-align: left;
}