body {background:#fff; margin:0px; padding:0px;}
a {color:#48bab6; text-decoration:none;}
a:visited {color:#48bab6;}
a:hover {color:#e06f4b;}
ul {list-style:none;}
li {}
h1 {color:#666; font-size:1.7em; font-weight:normal; padding:0px; margin:0px;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.questionbtn {margin:8px 0px 8px 10px;}
.floatr {float:right;}
.floatl{float:left;}
.center {text-align:center;}
.teal {color:#48bab6 !important;}
.grey {color:#666666 !important;}
.bold {font-weight:bold;}
.normal {font-style:normal;}
.tableright {text-align: right;}
.profilephotolarge {background: url(/img/bg-profile-large.png) no-repeat top left; padding:14px; float:left; height:236px; width:204px;}
.profilephotomed {background: url(/img/bg-profile-med.jpg) no-repeat top left; padding:2px; float:left; height:62px; width:62px;}
.profilephotosm {background: url(/img/bg-profile-sm.jpg) no-repeat top left; padding:2px; float:left; height:32px; width:32px; margin-right:10px;}
.errors {color:#cc0000 !important; font-size:10px !important; margin:0px !important; padding:4px 0px 0px 0px!important; font-style:italic; line-height:1.5em; display:block;}
.sevenem {font-size:0.7em !important;}
.eightem {font-size:0.8em !important;}
hr {color: #888; height: 1px; padding:0px; margin:0px;}
.tooltip {
	display:none;
	background:transparent url(/img/bg-tooltip.png) top left no-repeat;
	font-size:12px;
	height:52px;
	width:218px;
	padding:15px 15px 15px 25px;
	color:#888;
}
.fbconnect{width:251px; float:left;}
.orange {color:#e06f4b;}
.bolded {font-weight:bold;}
.shadow {moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px#ccc;
box-shadow: 0 0 5px #ccc;}
.profilepic{background: url(/img/profile-photobg.png) no-repeat top left; padding:8px; float:left; width:79px; height:86px;}
.profileblurb h3{color:#666666; font-size:0.9em; font-weight:bold; margin-left:10px; margin-bottom:2px; width:140px;}
.profileblurb h4{color:#666666; font-size:0.8em; font-weight:normal; margin-left:10px; margin-bottom:2px;}
.profileblurb p{color:#8a8a8a; font-size:0.8em; margin-left:10px; line-height:1.4em;}
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/img/checkbox.png) 0 0 no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(/img/radio.png) no-repeat;
}
.radiobtn {width:25px !important; }
.top10 {margin-top:10px !important;}
.dashedbot {border-bottom:1px dashed #888; margin:20px 0; }


/* modals */

#modalvacay {width:462px; background:#FFF;} 
#modalvacay h1 {font-size:1.1em; color:#666;margin-bottom:10px;}
#modalvacay h2 {font-size:0.9em; color:#666; font-weight:normal; margin-bottom:10px;}
#modalvacay p {font-size:0.8em; margin-bottom:5px;}
.modalbluebox {border:1px solid #48bab6; background:#ebf4f5; overflow:hidden; padding:15px; color:#4f4f4f; margin-bottom:25px; width:430px; box-shadow:0px 0px 4px #e5e5e5;}
.modalredbox {border:1px solid #993333; background:#ffcccc; overflow:hidden; padding:15px; color:#4f4f4f; margin-bottom:25px; width:430px;}
.modalgreenbox {border:1px solid #669933; background:#d9e6c3; overflow:hidden; padding:15px; color:#4f4f4f; margin-bottom:25px; width:430px;}
#modalsent {background: url(/img/bg-modal-sent.png) no-repeat; width:462px; height:287px;}
#modalsent-header {background: url(/img/bg-icon-pawprint.png) no-repeat 12px 12px; height:50px; padding:12px 0px 0px 48px; font-size:18px; font-weight:bold; color:#444444; vertical-align: middle;}
#modalsent-copy {width:410px; height: 96px; margin:0px auto;}
#modalsent-copy p{color:#444444; font-size:14px; line-height: 22px; width:275px; margin-left:30px; padding-top:6px;}
#modalsent .browsehostsbtn {display: block; width: 332px; height: 48px; padding: 0; border: 0; background: transparent url(/img/btn-browse-more-hosts.png) no-repeat center top; text-indent:-1000em; font-size:0; display:block; line-height:0; cursor:pointer; margin:0px auto;}
#modalsent .browsehostsbtn:hover {opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);}
.modalsent_close {text-align: center; margin-bottom: 0px; color: #555; font-style: italic; font-size: 13px; padding-top: 2px;}

#insurancemodal {width:582px; background:#FFF;}
#insurancemodal input[type="text"] { background: #fff ; padding: 5px; margin: 0 0 2px 0; width: 420px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; color:#666;}
.almostdonebox {background: url(/img/insurance-modal-bg.jpg) no-repeat; height:91px; padding:50px 20px 20px; width:541px;}
.almostdonebox p {color:#444; font-size:0.8em; line-height:1.4em;}
.almostdonebox2 {background: url(/img/insurance-modal-bg2.jpg) no-repeat; height:51px; padding:50px 20px 20px; width:541px;}
.almostdonebox2 p {color:#444; font-size:0.8em; line-height:1.4em;}
.almostdonebadge {margin:0 auto; position:absolute; top:130px; left:266px;}
.almostdonebadge2 {margin:0 auto; position:absolute; top:76px; left:275px;}
.insurancetitle {font-size:1.1em;  font-weight:normal; color:#666; margin-top:32px;}
.insurancename {float:left; margin-right:12px;}
.insurancename input {background: #fff ; padding: 5px; margin: 0 15px 7px 0; width: 220px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; color:#666;}
.insurancename label {font-size:0.7em; color:#444;}
.nophone input {background: #fff ; padding: 5px; margin: 0 15px 7px 0; width: 220px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; color:#666; }
.nophone label {font-size:0.7em; color:#444;}
.modalsubtext {font-size:0.7em; color:#888;}
#policy-renew {text-align:center; font-size: .75em; font-style: italic; color: #888; width: 250px; margin:0 auto; padding-top: 20px;}
#policy-renew input[type="checkbox"] {float:left; margin:10px 10px 0 0;}
#policy-renew .checkbox {margin: 7px 5px 0 0;}
#policy-renew p {float: left;}

#paymentaddress {width:290px; float:left; font-size:0.8em; color:#888; margin-right:15px;}
#paymentaddress label {font-size:0.85em; color:#444;}
.singleinput {background: #fff ; padding: 8px; margin: 0 5px 5px 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; width:115px !important;}
.twothirdinput {background: #fff ; padding: 8px; margin: 0 5px 5px 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; width:185px !important;}
.doubleinput {background: #fff ; padding: 8px; margin: 0 5px 5px 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; width:255px !important;}
.nameinput {background: #fff ; padding: 8px; margin: 0 5px 5px 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; width:267px !important;}
.nophoneinput {background: #fff ; padding: 8px; margin: 0 5px 5px 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; width:185px !important;}
#paymentcard {width:250px; float:left; font-size:0.8em; color:#888;}
#paymentcard label {font-size:0.85em; color:#444;}

.alerterror{border:1px solid #993333; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background: url(/img/alerticon_error.png) 10px 10px no-repeat #ffcccc; padding:8px; margin-bottom:20px;}
.alerterror p{font-size:.8em !important; color:#888 !important; line-height:1.6em; margin-left:26px; margin-bottom:0px !important;}
.alerterror b, .alerterror strong{color:#993333 !important;}
.alertsuccess{border:1px solid #669933; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background: url(/img/alerticon_success.png) 10px 10px no-repeat #d9e6c3; padding:8px; margin-bottom:20px;}
.alertsuccess p{font-size:.8em !important; color:#888 !important; line-height:1.6em; margin-left:26px; margin-bottom:0px !important;}
.alertsuccess b, .alertsuccess strong{color:#669933 !important;}
.alertinfo{border:1px solid #48BAB6; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background: url(/img/alerticon_information.png) 10px 10px no-repeat #EAF2F3; padding:8px; margin-bottom:20px;}
.alertinfo p{font-size:.8em !important; color:#888 !important; line-height:1.6em; margin-left:26px; margin-bottom:0px !important;}
.alertinfo b, .alertinfo strong{color:#339999 !important;}
.alertattention{border:1px solid #cc9933; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background: url(/img/alerticon_attention.png) 10px 10px no-repeat #ffffcc; padding:8px; margin-bottom:20px;}
.alertattention p{font-size:.8em !important; color:#888 !important; line-height:1.6em; margin-left:26px; margin-bottom:0px !important;}
.alertattention b, .alertattention strong{color:#cc9933 !important;}
.modalcheckbox {width:140px; float:left; font-size:0.8em;}
.smalltext {font-size:0.7em; color:#888;}

#modalform input { background: #fff ; padding: 5px; margin: 0 0 15px 0;  border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; color:#666;}
#modalform textarea { background: #fff ; height:70px; padding: 5px; margin: 0 0 10px 0; width: 420px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; color:#666;}
#modalform ul li{font-size:0.9em;}

#modaldogform input { background: #fff ; padding: 5px; margin: 0 0 15px 0; width: 420px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; color:#666;}
#modaldogform textarea { background: #fff ; padding: 5px; margin: 0 0 10px 0; width: 420px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; color:#666;}

.dogformcheck {font-size:0.8em; float:left; display:block; width:140px;}


/*dropdown */
#groupon {border-bottom:1px solid #ccc; width:257px; margin-bottom:8px; height:30px;}

/*email modal */
#grouponmodal {width:545px; height: 330px;    background: url("/img/bg-signup-modal-gradient.png") repeat scroll 0 0 #FFF; padding: 20px; }

#grouponmodal .col1 { width: 345px; }
#grouponmodal  h1 {font-size: 26px;}
#grouponmodal  h2 {font-weight: normal;}
#grouponmodal  .input1  {width: 300px;}
#grouponmodal  .input2, #grouponmodal  .input3  {width: 128px;}
#grouponmodal  .input3 {margin-left: 10px;}
#grouponmodal .tc{line-height: 12px;}
#grouponmodal .ziperr {
    padding-right: 11px !important;
    padding-top: 0 !important;
 }
.groupon-sprite { background: transparent url("/pug/img/modals/groupon-1.png"); display:block; }
.groupon-sprite.join {
   background-position: -157px -19px;
    margin: 0 88px;
    width: 114px;
}
.groupon-sprite.dog {
 background-position: 0 -9px;
    height: 248px;
    width: 146px;
}
#grouponmodal .paw-sm {padding-left:24px; margin-top:10px;}


/*email modal */
#emailmodal {width:500px;}
#emailmodal h1 {font-size: 1.2em;}
#emailmodal h2 {font-size:0.8em; color:#666;}

#emailmodalform {margin:10px 0;}
.emailformmodal {font-size:0.8em; background: #fff ; padding: 9px; margin: 0; width: 400px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; color:#666; float:left; #height:35px !important;}

#modalvacay.host-initials-modal {width: 535px;}
.host-initials-modal {color: #666;}
.host-initials-modal #headline-banner {background: url(/img/bg-host-initials-banner.png) 0 0 no-repeat; width: 527px; height: 62px;}
.host-initials-modal #headline-banner.new-user {background: url(/img/bg-host-initials-banner-new.png) 0 0 no-repeat;}
.host-initials-modal #headline-banner h1 {text-indent: -1000em;}
.host-initials-modal #intro, .host-initials-modal form {padding: 0 5px;}
.host-initials-modal #intro-text {width: 360px; float: left;}
.host-initials-modal #intro-text p {margin-bottom: 0 !important; padding-bottom: 10px}
.host-initials-modal form {padding-top: 5px;}
.host-initials-modal .initials-step {background: #e9f2f3; border: 1px dashed #6eb7ca; padding: 8px 10px; margin-bottom: 10px;}
.host-initials-modal .initials-step p {width: 432px; font-size: .75em !important; margin-bottom: 0 !important;}
.host-initials-modal .initials-step input[type="text"] {background: #fff; color:#444; padding: 3px 5px; margin: 0; width: 43px; border: 1px solid #ccc; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; font-size: .8em; text-align: center;}
.host-initials-modal .initials-step .error input[type="text"] {border-color: #993333; background: #ffcccc; box-shadow: 0 1px 1px #cc7a7a inset, 0 1px 0 #fff; -moz-box-shadow: 0 1px 1px #cc7a7a inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #cc7a7a inset, 0 1px 0 #fff;}
.host-initials-modal .initials-step .error label {color: #993333;}
.host-initials-modal .initials-step label {display: block; text-align: center; font-size: .625em; font-style: italic; color: #2b919f;}
.host-initials-modal #article-error {text-align: center; color: #993333; padding-bottom:5px; font-style: italic; font-weight: bold; font-size: .75em;}
.host-initials-modal .ajaxLoader {position: absolute; top: 15px; right: 135px;}

#res-modal-badge {display: block; background: url(/img/badge-guarantee-74x69.png) 0 0 no-repeat; width: 74px; height: 69px; position: absolute; top: 0; right: 0; z-index: 10001;}
#res-modal-badge-tip {display: block; position: absolute; top: 8px; right: 38px; background: url(/img/bg-guarantee-info-modal.png) 0 0 repeat; width: 190px; height: 32px; padding: 10px 45px 10px 13px; z-index: 10000; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 5px #ccc;}

#datealertcontainer {margin: 0; padding: 0;}