@import "member.css";
@import "profile.css";


/* RESET */
/* ----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div { position:relative }

/* ----------------------------------------- */

body, div, p, table, ul, li, td {font-family: arial, helvetica, verdana, sans; font-size:12px; line-height:21px;}
body {background:#7d8182;}
#top_holder, #bottom_holder, #bottom_holder_home {width:100%; text-align:center;}
#header, #main, #buckets, #footer {width:972px; margin:0 auto; clear:both; text-align:left;}
#top_holder {background:#FFFFFF;}
#bottom_holder {background:#7d8182 url('../images/bkgd_footer.jpg') top left repeat-x;}
#bottom_holder_home {background:url('../images/bkgd_footer_home.jpg') top left repeat-x;}
.left {float:left}
.right {float:right}

a {color:#1E8CA3; text-decoration:underline;}
a:visited {color:#1E8CA3; text-decoration:underline;}
a:hover {color:#004f5f;}

#top_gradient {position:absolute; left:0px; top:0px; height:115px; width:100%; background:url('../images/top_gradient.png') repeat-x;}

#header {height:152px;}
#login_bar, #nav, #header h1 {float:left; display:inline;}
#login_bar {background:url('../images/bkgd_login_join.gif') top left no-repeat; width:721px; height:36px; padding-top:10px; padding-bottom:10px; padding-left:13px; margin-left:35px;}
#login_bar li {float:left; display:inline;}

#login_bar input, #login_bar img {vertical-align:middle; margin-left:8px;}
#login_bar input#join_submit {margin:0 0 0 5px;}
#login_bar input[type=text], #login_bar input[type=password] {width:96px; height:20px; background:url('../images/bkgd_text_field.gif') center center no-repeat; border:1px solid #fff; padding:0px; font-size:11px; color:#444444; text-align:left; color:#666;}
#login_label {margin-left:0px; margin-right: 0px;}
#login_bar #login_indicator {width:550px;}
#login_bar #join {margin-left:12px; margin-top: 3px;}
#login_bar #logout {margin-left:12px; margin-top: 3px;}
#main {margin-top:0px;}

#nav {width:730px; height:65px; margin-left:35px; margin-top:10px;  z-index: 3000;}
#nav li {float:left; display:inline; margin-left:13px; margin-right:12px; z-index: 4000;}
#nav li a {text-decoration:none; display:block; width:100%; height:65px; margin:0px; z-index: 200; outline:0;}

#nav_member {width:95px;}
#nav_member a {background:url('../images/nav_member_network.gif') no-repeat top left;}
#nav_boarding {width:116px;}
#nav_boarding a {background:url('../images/nav_boarding_sitters.gif') no-repeat top left;}
#nav_pet_resource {width:95px;}
#nav_pet_resource a {background:url('../images/nav_pet_resource.gif') no-repeat top left;}
#nav_events {width:79px;}
#nav_events a {background:url('../images/nav_fun_events.gif') no-repeat top left;}
#nav_rankings {width:94px;}
#nav_rankings a {background:url('../images/nav_rover_rankings.gif') no-repeat top left;}
#nav_members_only {width:95px;}
#nav_members_only a {background:url('../images/nav_members_only.gif') no-repeat top left;}

#nav a:hover, #nav a.selected {background-position:0px -65px;}

#slider_holder {overflow:hidden; padding:0; margin:0; height:459px; width:974px;}
#slider {overflow:hidden; height:321px; min-height:321px; width:960px; z-index:0;}

#slider_nav {width:125px; height:230px; position:absolute; top:23px; right:10px;}
#slider_nav li {width:125px; margin-bottom:3px;}
#slider_nav li a {text-decoration:none; display:block; width:100%; height:33px; margin:0px; cursor:default;}

#slider_nav_about a {background:url('../images/btn_about.png') no-repeat top left;}
#slider_nav_how a {background:url('../images/btn_how_it_works.png') no-repeat top left;}
#slider_nav_membership a {background:url('../images/btn_membership.png') no-repeat top left;}
#slider_nav_travel a {background:url('../images/btn_travel.png') no-repeat top left;}
#slider_nav_testimonials a {background:url('../images/btn_testimonials.png') no-repeat top left;}
#slider_nav_social a {background:url('../images/btn_social_network.png') no-repeat top left;}

#slider_nav a:hover {background-position:0px -66px;}
#slider_nav a.selected {background-position:0px -66px;}

.big_image {height:459px; width:974px; padding:0px; margin:0px;}
.big_image .slider_content {position:absolute; top:183px; left:415px;}
.big_image .slider_content a:focus {outline:none;}

.background_image {position:absolute; top:0px; left:0px; z-index:0;}
.slide_about {height:459px; width:974px; background:#FFFFFF url('../images/bkgd_slide_about.jpg') top right no-repeat;}
.slide_how {height:459px; width:974px; background:#FFFFFF url('../images/bkgd_slide_howitworks.jpg') top right no-repeat;}
.slide_membership {height:459px; width:974px; background:#FFFFFF url('../images/bkgd_slide_membership.jpg') top right no-repeat;}
.slide_travel {height:459px; width:974px; background:#FFFFFF url('../images/bkgd_slide_travel.jpg') top right no-repeat;}
.slide_testimonials {height:459px; width:974px; background:#FFFFFF url('../images/bkgd_slide_testimonials.jpg') top right no-repeat;}
.slide_social {height:459px; width:974px; background:#FFFFFF url('../images/bkgd_slide_socialnetwork.jpg') top right no-repeat;}

#overnight_search {position:absolute; bottom:0px; left:12px; background:url('../images/bkgd_overnight_search.gif') top left no-repeat; width:461px; height:56px; padding-top:11px; padding-bottom:10px; padding-left:10px; padding-right:10px;}

#overnight_search input, #overnight_search img, #overnight_search select {vertical-align:middle; margin-left:8px;}
#overnight_search input#join_submit {margin:0 0 0 5px;}
#overnight_search input[type=text] {width:96px; height:20px; background:url('../images/bkgd_text_field.gif') center center no-repeat; border:1px solid #fff; padding:0px; font-size:11px; color:#444444; text-align:left; color:#666;}
#overnight_search p {font-size:11px; color:#666; margin-left:10px;}
#overnight_search select {border:1px solid #fff; background:#f0f0f0 url('../images/bkgd_text_field.gif') center center no-repeat; height:20px; padding:2px; font-size:11px; width:110px; color:#666;}

.homepage_bucket {border-bottom:2px solid #5C5F5F; width:240px; float:left; height:206px; color:#fff;}
.homepage_bucket h2 {font-size:16px; font-weight:medium; margin:3px 10px 6px 10px;}
.homepage_bucket img {margin-top:-14px;}
.homepage_bucket p {font-size:11px; margin-left:8px; margin-right:15px; line-height:16px;}
.homepage_bucket a {display:block; text-align:right; color:#D4952D; margin-top:7px;}
.homepage_bucket a:hover {color:#c3c3c3; text-decoration:underline;}
.first img {margin-left:-7px;}
.bucket_odd {background:url('../images/bkgd_home_bucket_1.jpg') top right no-repeat;}
.bucket_even {background:url('../images/bkgd_home_bucket_2.jpg') top left no-repeat;}
.last {width:238px;}

#footer {padding-bottom:30px;}
#footer_lines {width:960px; height:12px; background:url('../images/bkgd_footer_lines.gif') left center repeat-x; padding-top:18px; padding-bottom:18px;}

#footer ul {float:left; display:inline; width:140px; margin-left:10px;}
#footer ul li {line-height:18px;}
#footer ul li a {color:#333333; font-size:12px; text-decoration:underline;}
#footer ul li a:hover {color:#202020;}

#social {width:220px; float:left; display:inline; margin-left:10px;}
#social h3 {font-size:12px; color:#333333; font-weight:normal;}

#social li {float:left; display:inline; margin-right:3px;}
#social ul {margin:0; width:150px;}
#social li a {text-decoration:none; display:block; width:100%; height:27px; margin:0px;}

#facebook, #twitter, #delicious, #digg, #rss {width:27px;}
#facebook a {background:url('../images/btn_facebook.gif') no-repeat top left;}
#twitter a {background:url('../images/btn_twitter.gif') no-repeat top left;}
#delicious a {background:url('../images/btn_delicious.gif') no-repeat top left;}
#digg a {background:url('../images/btn_digg.gif') no-repeat top left;}
#rss a {background:url('../images/btn_rss.gif') no-repeat top left;}

#social a:hover, #social a.selected {background-position:0px -27px;}

#mailing {width:280px; float:left; display:inline;}
#mailing input, #mailing button {vertical-align:middle; margin-right:5px;}
#mailing input[type=text] {width:131px; height:17px; background:url('../images/bkgd_email_join.gif') center center no-repeat; border:1px solid #575757; padding:0px; font-size:11px; color:#B6B6B6; text-align:left;}
#mailing button {width:53px; height:17px; background:url('../images/bkgd_email_submit.gif') center center no-repeat; border:1px solid #575757; font-size:11px; color:#B6B6B6; line-height:12px;}

#copyright {font-size:11px; color:#333333;}

/* Content Page */

#content_channel {float:left; display:inline; width:645px; margin-right:50px; margin-bottom:30px; color:#666666;}
#content_channel h2 {font-size:30px; line-height:38px; color:#333333; font-weight:normal; margin-bottom:15px;}
#content_channel h3 {font-size:18px; line-height:24px; color:#666666; font-weight:normal; margin-bottom:15px;}
#content_channel h4 {font-size:14px; line-height:20px; color:#666666; font-weight:medium; margin-bottom:10px;}
#content_channel p {margin-bottom:25px;}
#sidebar_channel {float:left; display:inline; width:260px; color:#666666;}

.sidebar_bucket {margin-bottom:20px; width:236px; padding:2px; background:#f8f9fa url('../images/bkgd_sidebar.gif') bottom left repeat-x; box-shadow:0px 0px 7px #B2B2B2; -moz-box-shadow:0px 0px 7px #B2B2B2; -webkit-box-shadow:0px 0px 7px #B2B2B2; }
.sidebar_bucket h3 {margin-top:10px; margin-bottom:10px; font-size:18px; font-weight:normal; padding-left:5px; padding-right:5px;}
.sidebar_bucket p {font-size:11px; padding-left:5px; padding-right:5px; line-height:18px;}
.sidebar_bucket a {display:block; text-align:right; margin-top:10px; margin-bottom:10px;}

#breadcrumb {margin-top:30px; margin-bottom:20px; display:block; color:#999999; font-size:11px;}
#breadcrumb li {display:inline; font-size:11px; margin-right:2px;}
#breadcrumb a {color:#666666;}

/* Vendor Detail Page */
#vendor_left_content_holder{float:left; height:auto; width:184px;}
#vendor_map_canvas_tiny {height:184px; width:184px; border:4px solid #D5EBEE; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:15px; overflow:hidden;}
#vendor_left_content {width: 184px; background-color: #FFFFFF;}
#vendor_left_content p {margin-bottom:15px;}
#vendor_right_content {float: left; width: 400px; margin-left:30px;}
#vendor_review_all_content_holder{margin-bottom:20px; background:url('../images/dotted-divider.gif') bottom left repeat-x; padding-bottom:10px;}
.dotted_divider {margin-bottom:5px; background:url('../images/dotted-divider.gif') top left repeat-x; padding-top:2px;}

/* CSS Menu */

ul.cssMenu {margin:0px; list-style:none; padding:0px 2px 2px 0px;}
ul.cssMenu li:hover {position:relative;}

/* CSS Menu Expanded */
ul.cssMenu ul {position: absolute; left:0px; top:93%; display:none; background:#fff;  padding:4px; margin:0; box-shadow: 0px 0px 3px #ddd; -moz-box-shadow: 0px 0px 3px #ddd; border:1px solid #ddd;}
ul.cssMenu li:last-child ul, ul.cssMenu li.last_item ul {position: absolute; left:-50px; top:93%; box-shadow: 0px 0px 3px #d5ebee; -moz-box-shadow: 0px 0px 3px #d5ebee; border:1px solid #d5ebee; background:#f8feff}
ul.cssMenu li.last_item ul li {border-bottom:1px solid #d5ebee; background:#f8feff;}
ul.cssMenu li.last_item ul li.last_item {border:0;}
ul.cssMenu li:hover>ul {display:block; z-index:200;}
ul.cssMenu ul li {width:135px; height:24px; background:#fff; border-bottom:1px solid #eee; margin:0 !important; padding:0 !important;}
ul.cssMenu ul li:last-child, ul.cssMenu ul li.last_item {border:0;}
ul.cssMenu ul li:hover {background:#d5ebee !important;}
ul.cssMenu ul li a {background:none !important; border:0; color:#666; font-size:12px; padding:2px 0 2px 6px; margin:0; height:20px !important;}
ul.cssMenu ul li a:hover {color:#505050;}

/* Listing page */

.tier1 {background:url('../images/listing-tier1.gif') 0 0 no-repeat; width:644px; height:96px; color:#333;}
	.tier1 .listing_logo {width:110px; height:82px; position:absolute; top:2px; left:3px; border-left:1px solid #d5ebee; border-right:1px solid #d5ebee;}
	.tier1 .listing_main {position:absolute; top:1px; left:114px; padding:8px 0 0 10px; line-height:22px;}
		.listing_main strong {float:left; font-size:18px; font-weight:bold; margin-right:4px;}
		.listing-insured, .listing-bonded, .listing-association {width:20px; height:19px; float:left;}
		.listing-insured {display:block; background:url('../images/listing-insured.gif') center bottom no-repeat;}
		.listing-bonded {display:block; background:url('../images/listing-bonded.gif') center bottom no-repeat;}
		.listing-association {display:block; background:url('../images/listing-association.gif') center bottom no-repeat;}
	.tier1 .listing_right {position:absolute; top:1px; right:3px; text-align:right; padding:8px 10px 0 0; line-height:22px;}
	.tier1 .listing_right img {vertical-align:bottom;}
		.listing-reviewlink {color:#333 !important;}
		.aim-status {font-weight:bold; color:#999;}
		.online {color:#3daf40}
		.aim_icon {vertical-align:-4px !important; margin-right:5px;}
		
.tier2 {background:url('../images/listing-tier2.gif') 0 0 repeat-x; width:632px; height:45px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; margin:-1px 0 0 3px; padding:2px 0 0 8px; color:#333;}
	.tier2 .listing_main strong {font-size:12px; color:#333; line-height:16px; padding-top:4px;}
	.tier2 .listing_logo {position:absolute; top:0px; left:269px; height:47px; width:63px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
	.tier2 .listing_phone {position:absolute; top:0px; left:334px; width:104px; height:45px; border-left:1px solid #fff; border-right:1px solid #e6e7e7; padding-left:15px; padding-top:2px;}
	.tier2 .listing_right {position:absolute; top:0px; left:455px; height:45px; border-left:1px solid #fff; padding-left:15px; padding-top:2px;}

.tier3 {width:632px; height:28px; background:url('../images/dotted-divider.gif') bottom left repeat-x; margin:0 0 0 3px; padding:2px 0 0 8px; }
	.tier3 .listing_main strong {font-size:12px; color:#333; line-height:16px; padding-top:4px;}
	.tier3 .listing_phone {position:absolute; top:0px; left:334px; width:104px; height:43px;padding-left:15px; padding-top:4px;}
	.tier3 .listing_right {position:absolute; top:0px; left:455px; height:43px; padding-left:15px; padding-top:4px;}
		.tier3 .listing_right span {color:#ccc;}
	.tier3 strong {color:#666 !important;}
	.tier3 .listing-reviewlink {color:#666 !important;}
	
.listing_pagination {background:url('../images/listing-pagination-background.gif') 0 0 repeat-x; width:624px; height:25px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; margin:-1px 0 0 3px; padding:3px 8px 0 8px; text-align:right;}
	.listing_legend {float:left;}
	.listing_pagination .listing-insured, .listing_pagination .listing-bonded, .listing_pagination .listing-association {background-position:left 4px; width:auto; height:19px; float:left; padding-left:20px; padding-right:20px; text-decoration:none; color:#666; font-size:11px;}
		.listing_pagination .listing-insured {padding-left:16px;}
		.listing_pagination .listing-association {padding-left:18px;}
	
	
	
/* Steps */
.step1, .step2, .step3 {display:inline-block; width:40px; height:46px; vertical-align:middle;}
.step1 {background:url('../images/step1.jpg') no-repeat}
.step2 {background:url('../images/step2.jpg') no-repeat}
.step3 {background:url('../images/step3.jpg') no-repeat}
.step_selected {background-position:bottom left;}

/* registration form */
form.regStep1 fieldset {
  margin-bottom: 10px;
}
form.regStep1 legend {
  padding: 0 2px;
  font-weight: bold;
}
form.regStep1 label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.regStep1 fieldset ul {
  margin: 0;
  padding: 0;
}
form.regStep1 fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.regStep1 em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.regStep1 label {
  width: 135px; /* Width of labels */
}

form.regStep1 ul.survey label {
	width:100%;
	display:block;
	margin-bottom:5px;
}

form.regStep1 ul.legend li {
	padding-top: 2px;
	padding-bottom: 2px;
}

form.regStep1 fieldset fieldset {
  border: none;
  margin-left: 30px;
}
form.regStep1 fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: bold;
}
form.regStep1 fieldset fieldset label {
  display: inline-block;
}

form.regStep1 fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.regStep1 li.btnsubmit {margin-left: 135px;}
#step1 {margin-top: 20px;}
ul#stepsIcons li { float: left; display:inline; margin-right: 20px;}

.btn_style {color:#1E8CA3; font-family:arial; text-decoration:none; font-size:12px; display:block; width:60px; padding:6px 0 6px 0; text-align:center; border:1px solid #d6ebee; -moz-box-shadow: 0px 0px 2px #d6ebee; -webkit-box-shadow: 0px 0px 2px #d6ebee; box-shadow: 0px 0px 2px #d6ebee; background:#ffffff;}
.btn_style:hover {background:#d6ebee; color:#004f5f}
.btn_style li label {text-align:right;}
.centered {margin: 0 auto !important;}

.errorMessage { font-style: bold; font-size: 14px; margin-top: 5px; color: red;}

#termsContainer {height: 300px; overflow: auto; border: solid 1px black; padding: 10px;}

form.regStep2 fieldset {padding-top: 15px; text-align: center;}
form.regStep2 fieldset li {list-style: none; padding: 10px;}
form.regStep2 label {font-weight: bold; padding-left: 10px;}

/* end registration form */

/* -----eidt my profile page ----*/
.edit_profile fieldset {
  margin-bottom: 10px;
}
.edit_profile legend {
  padding: 0 2px;
  font-weight: bold;
}
.edit_profile label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
.edit_profile fieldset ul {
  margin: 0;
  padding: 0;
}
.edit_profile fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

.edit_profile em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.edit_profile label {
  width: 200px; /* Width of labels */
}

.edit_profile input[type=text], edit_profile select {width:250px;}

.edit_profile fieldset fieldset {
  border: none;
  margin-left: 30px;
}
.edit_profile fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: bold;
}
.edit_profile fieldset fieldset label {
  display: inline-block;
}

.edit_profile fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
.edit_profile textarea {width:250px; height:100px; font-family:arial,helvetica,sans-serif;}

.profile_box {border: solid 2px black; background:#d6ebee; padding-left: 10px; padding-top: 10px;}

/* dog profile edit section */

form.add_dog fieldset {
  margin-bottom: 10px;
}
form.add_dog legend {
  padding: 0 2px;
  font-weight: bold;
}
form.add_dog label {
  display: inline-block;
  line-height: 1.2;
  vertical-align: top;
}
form.add_dog fieldset ul {
  margin: 0;
  padding: 0;
}
form.add_dog fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.add_dog em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.add_dog label {
  width: 145px; /* Width of labels */
}

form.add_dog input[type=text] {width: 225px;}
.dog_info {margin-left: 20px;}
.dog_diet_and_exercise {float: left; margin-left: 20px;}
.dog_behavior {float: left; margin-left: 20px;}
.other_dog_info {float: left; margin-left: 20px;}
.dog_vet_info {float: left; margin-left: 20px;}

#content_channel_full {float:left; display:inline; width:955px; margin-right:0px; margin-bottom:30px; color:#666666;}
#content_channel_full h2 {font-size:30px; line-height:38px; color:#333333; font-weight:normal; margin-bottom:15px;}
#content_channel_full h3 {font-size:18px; line-height:24px; color:#666666; font-weight:normal; margin-bottom:15px;}
#content_channel_full p {margin-bottom:25px;}

/* end edit my profile page */

.no_display {display:none;}
.show_bullets ul, .show_bullets ol {padding-left:20px; margin:20px;}
.show_bullets ul li {list-style-type:disc;}
.show_bullets ol li {list-style-type:decimal;}
.show_bullets ul li, .showbullets ol li {margin-bottom:5px;}

.error {color:#FF0000;}
.header_link {font-size:12px; font-weight:normal; margin-left:20px;}

/* rover deals coupons */

.rover_deal {height:284px; padding:7px; border:2px dashed #CCCCCC; box-shadow:0px 0px 14px #E3E3E3; -moz-box-shadow:0px 0px 14px #E3E3E3; -webkit-box-shadow:0px 0px 14px #E3E3E3; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin-bottom:30px;}
.rover_deal_company_logo {width:282px; height:121px; margin-bottom:10px;}
.rover_deal_company_details {position:absolute; top:14px; left:300px; width:185px;}
.rover_deal_company_details p {line-height:14px;}
.rover_deal_logo {position:absolute; top:7px; left:507px; text-align:center;}
.rover_deal_details {height:125px; font-size:30px; line-height:34px; font-weight:bold; text-align:center;}
.rover_deal_valid {text-align:center;}

/*#member_oath ol, li {list-style: decimal inside;}*/