/* universal */ body {background:#fff; } a {color:#48bab6; text-decoration:none;} a:visited {color:#48bab6;} a:hover {color:#e06f4b;} ul {list-style:none;} h1 {color:#666; font-size:1.7em; font-weight:normal; padding:0px; margin:0px;} option.placeholder {color: #aaa; *color: #666;} /* common classes */ .questionbtn {cursor:pointer; vertical-align: top; margin-top:10px; margin-left:8px;} .questionbtnline {margin:10px 0px 8px 2px;} .questionbtnsm {margin:10px 0px 8px 2px;} .question-btn-aqua-tooltip{cursor: pointer;} .floatr {float:right !important;} .floatl{float:left !important;} .center {text-align:center;} .teal {color:#2b919f !important;} .aqua {color:#48bab6 !important;} .green {color: #669933 !important;} .bold {font-weight:bold !important;} .italic {font-style:italic !important;} .normal {font-style:normal;} .tableright {text-align: right;} .vmiddle {vertical-align: middle;} .profilephotolarge {background: url(/img/bg-profile-large.png) no-repeat top left; padding:14px; float:left; height:222px; width:180px;} .profilephotolarge .photo {position: relative; display: block; width: 180px; height: 180px;} .profilephotolarge .photo::before {content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 5px #999; -webkit-box-shadow:inset 0px 0px 5px #999; box-shadow:inset 0px 0px 5px #999;} .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:0.7em !important; font-style:italic; line-height:1.5em; display:block;} hr {color: #888; height: 1px; padding:10px 0;} .white {color:#fff !important;} .orange {color:#e06f4b !important;} .grey {color:#666666 !important;} .lgrey {color:#888888 !important;} .red {color: #bf6060 !important;} .blue {color:#50b6c4 !important;} .shadow {moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px#ccc; box-shadow: 0 0 5px #ccc; padding:10px;} .tshadow {text-shadow: 1px 1px 2px #333;} .tshadowe1 {text-shadow: 1px 1px 2px #e1e1e1;} .tshadowc1 {text-shadow: 1px 1px 2px #c1c1c1;} .smalltext {font-size:0.7em; color:#888;} .bluedashedbox {border:1px dashed #48bab6; background:#eaf2f3; overflow:hidden; padding:15px; color:#4f4f4f; } .bluedashedbox15 {border:1px dashed #48bab6; background:#eaf2f3; overflow:hidden; padding:15px; color:#4f4f4f; width:450px; margin:0px auto 30px !important;} .oneem {font-size:1em;} .nineem {font-size:0.9em !important;} .eightem {font-size:0.8em !important;} .sevenem {font-size:0.7em !important;} .sevenfiveem {font-size: .75em !important;} .onethreeem {font-size:1.3em !important;} .onefour {font-size:1.4em !important;} .normal {font-weight:normal;} .top40 {margin-top:40px !important;} .top30 {margin-top:30px !important;} .top20 {margin-top:20px !important;} .top15 {margin-top:15px !important;} .top10 {margin-top:10px !important;} .top5 {margin-top:5px !important;} .topneg10 {margin-top:-10px !important;} .dashedbot {border-bottom:1px dashed #888; margin:20px 0; } .extrapad15 {padding:15px !important;} .checkmargin {width:24px !important; margin-top:0px !important; background:none !important; padding:0px !important; border:none !important; border-radius:0px !important; box-shadow: none !important;} .lowercase {text-transform:lowercase !important;} .mbotlast {margin-bottom:0px !important;} .m0 {margin:0px !important;} .mtn20 {margin-top:-20px !important;} .shadow-up {background: url(/img/shadow-up.png) center bottom repeat-x;} .shadow-down {background: url(/img/shadow-down.png) center top repeat-x;} .bottom5 {margin-bottom:5px;} .bottom10 {margin-bottom:10px;} .bottom15 {margin-bottom:15px;} /* gradients */ .gradient.orange { background: rgb(255,93,43); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmNWQyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2M1NDEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,93,43,1) 1%, rgba(197,65,0,1) 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,93,43,1)), color-stop(98%,rgba(197,65,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,93,43,1) 1%,rgba(197,65,0,1) 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,93,43,1) 1%,rgba(197,65,0,1) 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,93,43,1) 1%,rgba(197,65,0,1) 98%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,93,43,1) 1%,rgba(197,65,0,1) 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5d2b', endColorstr='#c54100',GradientType=0 ); /* IE6-8 */ } .gradient.gray { background: rgb(224,224,224); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(224,224,224,1) 1%, rgba(204,204,204,1) 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(224,224,224,1)), color-stop(98%,rgba(204,204,204,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(224,224,224,1) 1%,rgba(204,204,204,1) 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(224,224,224,1) 1%,rgba(204,204,204,1) 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(224,224,224,1) 1%,rgba(204,204,204,1) 98%); /* IE10+ */ background: linear-gradient(to bottom, rgba(224,224,224,1) 1%,rgba(204,204,204,1) 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ } /* buttons */ .button { display: inline-block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; /* behavior: url(/js/border-radius.htc); */ padding: 5px 5px 3px 5px; text-align: center; font-weight: bold; } .button.orange { border: 1px solid #d14819; color: #fff !important; text-shadow: -1px -1px 1px #c64100, -1px -1px 0 #999; } .button.gray { border: 1px solid #bbb; color: #1F8B99; text-shadow: -1px -1px 1px #eee; } /* loading */ .theoverlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(/img/bg-overlay.png) 0 0 repeat; z-index: 99998; display: none;} .loader, .acceptconfirm {position: absolute; top: 0; left: 0; padding: 10px 25px 15px 20px; background: #fff; border: 4px solid #999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 99999; display: none; box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; -webkit-box-shadow: 0 0 12px #333; font-style: italic;} .loader img {float: left;} .loader p {float: left; padding: 16px 0 0 25px; font-size: 1.25em; color: #666666; } .acceptconfirm {width: 500px; padding: 20px; border: none; font-style: normal;} /* header */ #heading {height:90px; background: url(/img/headerbg.png) top repeat-x transparent; z-index:100; position:relative; } #headerwrap {margin:0 auto; width:980px;} #logo {width:140px; height:74px; float:left;} #logo #logo-img {background: url(/img/logo.png) 0 0 no-repeat; display: block; width: 130px; height: 67px; text-indent: -1000em; margin-top:10px; margin-left:10px;} #phonetop {display:none; height:40px; width:140px; margin:30px 20px 4px 0px; float:right;} #phonetop p {color:#444; padding:0px; margin:0px; text-align:right; font-size:0.8em;} #phonetop p img{margin:0px 5px 0px 0px;vertical-align:middle;} #subphone {display:none; color:#888; font-size:.9em; text-align:right;} #menuphone {font-size: 14px; color: #888; padding: 10px 0 11px 0; text-align: right; text-shadow: 1px 1px 2px #ededed;} #hostbtn{float:right; padding:27px 10px 4px 0px; position: relative; min-width: 140px;} #hostbtn .eightem { line-height: 21px; vertical-align: text-top; font-size:13px!important} #hostbtn .sevenem { line-height: 11px; vertical-align: text-bottom; font-size:11px!important} #hostbtn .sevenem i { padding-left: 3px;padding-right: 2px;} #checkout-guarantee {background: url(/img/bg-guarantee-checkout-1.png) 0 0 no-repeat; width: 457px; height: 70px; float: right; margin-top: 8px; font-size: 17px;} #checkout-guarantee p {padding: 19px 0 0 20px; font-size: .75em; color: #666; text-shadow: 1px 1px 1px rgba(0,0,0,.15);} /* content wrappers */ #wrapper{background:url(/img/sandtile.jpg) top repeat;} #sandpaw { width:100%; top:0;} #sandpaw .inner {background: url(/img/shadow-up.png) 50% 100% repeat-x;} #whitebg{background: transparent url(/img/white50.png) 0 0 repeat; width:980px; margin:0 auto; height:100%; overflow:auto; padding-bottom:20px;} #whitesolidbg{background:#fff; width:980px; margin:0 auto; min-height:100%; overflow:hidden; position: relative; padding-bottom:20px} #whitesolidbg.shadow-up{background: #fff url(/img/shadow-up.png) center bottom repeat-x; } #whitesolidbgprofile{background:#fff repeat; width:980px; margin:0 auto;} /* front page */ #frontwrap{width:920px; height:373px; padding-top:30px; padding-left:0px; padding-right:40px; margin:0 auto; position: relative; overflow: visible;} #frontsearchwrap {width:300px; /*follow your image's size*/ height:55px;/*follow your image's size*/ background-image:url(/img/search-l.png); background-repeat:no-repeat; /*important*/ padding:0px; margin:30px 0px 0px 0px; position:relative; /*important*/ } #frontsearchwrap form { display:inline ; } .frontsearchbox { border:0px; /*important*/ background-color:transparent; /*important*/ position:absolute; /*important*/ left:9px; width:276px; height:30px; color:#666; font-size:1.3em; padding-top:15px; outline: none; } /* login */ #login {margin:60px 0px 100px 310px; overflow:hidden;} #login h2 {color:#666; font-size:0.8em; margin:0px; padding:0px; font-weight:normal; margin-bottom:20px;} #login p {color:#666; font-size:0.8em; } #login-btn-spinner {position: absolute; top: 15px; left: 165px;} #fb-login a {display: inline-block; vertical-align: middle;} #login_fb_spinner {vertical-align: top; margin: 14px 0 0 5px;} a.signup-tape {display: block; width: 267px; height: 75px; background: url(/img/bg-signup-tape.png) 0 0 no-repeat; margin: 0 auto;} a.signup-tape img {margin: 30px 0 0 117px;} a.signup-tape:hover img {opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} /* signup */ #signup {padding:30px 70px 80px 70px;} #signup h2 {color:#666; font-size:0.8em; margin:0px; padding:0px; font-weight:normal; margin-bottom:20px;} #signup p {color:#666; font-size:0.8em; } #signupleft {width:480px; } .signupleft h2 {font-size:1.1em; color:#444; font-weight:bold; margin-bottom:2px;} #signupright {width:350px; float:right;} #signupright p {margin-bottom:0px;} #signupright ul{margin:0px 0px 40px; padding:0px;} #signupright ul li{background: transparent url(/img/li-pawprint-2.png) no-repeat top left; color:#666; padding-left:26px; font-size:.9em; line-height:1.2em; padding-bottom:10px; } #signuptype {margin:60px 0px 100px 260px; overflow:hidden;} #signuptype h2 {color:#666; font-size:0.8em; margin:0px; padding:0px; font-weight:normal; margin-bottom:10px;} .signuptitles {font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#666; font-weight:lighter !important; font-size:1.6em !important; word-spacing:-0.2em; margin-bottom:5px !important;} #signuptop {background: transparent url(/img/bg-signup-top.png) no-repeat top left; width:345px; height:107px; padding-top:50px; padding-left:30px; padding-right:30px; margin-left:-12px;} #signupmid {background: transparent url(/img/bg-signup-mid.png) repeat-y top left; width:335px; padding:30px 40px 10px; margin-left:-12px;} #signupmid h2{font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#666; font-weight:normal; font-size:1.2em; word-spacing:-0.2em; text-align: center; margin-bottom:10px;} #signupmid p{text-align: center;} .signupgreybox {border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#eee; overflow:hidden; padding:10px; color:#4f4f4f; margin-bottom:10px; } .signupbluebox {border:1px solid #48bab6; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#eaf2f3; overflow:hidden; padding:10px; color:#4f4f4f; margin-bottom:10px; overflow:hidden;} .signupyellowbox{border:1px solid #be8007; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#faf6d4; padding:10px; margin-bottom:10px; overflow:hidden;} .dogradioselect {float:right;} .signupemailtxt{cursor:pointer;} .signupemailpass h2 {margin-bottom:10px;} .signupalready{border:1px solid #cccccc; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background: rgb(255,255,255); background: rgba(255,255,255,.75); padding:15px; margin-top:15px; width:355px;} .signupalready p {font-size:14px !important;} #signuptos {font-size:.7em !important; padding-bottom:10px; width:384px;} #signuprightphoto {width:297px; float:right;} #signupprofilephoto {background: transparent url(/img/polaroid.png) no-repeat top left; height:315px;width:270px; padding: 30px 0 30px 32px;} #signuphomephoto {background: transparent url(/img/polaroid-stack.png) 0 0 no-repeat; height: 319px; width: 285px; padding: 42px 0 30px 38px; margin-left: -10px;} #signupprofilephoto .photo, #signuphomephoto .photo {position: relative; display: block; width: 240px; height: 240px; cursor: pointer;} #signupprofilephoto .photo::before, #signuphomephoto .photo::before {content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 5px #999; -webkit-box-shadow:inset 0px 0px 5px #999; box-shadow:inset 0px 0px 5px #999;} #signuprightphoto ul li{background: transparent url(/img/li-pawprint-2.png) no-repeat top left; color:#666; padding-left:26px; font-size:.8em; line-height:1.2em; padding-bottom:10px; } #signuprightphoto ul {padding: 0 0 5px 32px;} .signup-social ul li{background: transparent url(/img/li-pawprint-2.png) no-repeat top left; color:#666; padding-left:26px; font-size:13px; line-height:1.2em; padding-bottom:10px; } .signup-social ul {padding-top: 15px} #signupsidebar {width: 292px; float: right;} #transparentsidebar {background: url(/img/bg-fff-30.png) 0 0 repeat; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,.25); -moz-box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25); font-size: .75em;} #transparentsidebar .sidebaritem {padding-bottom: 25px;} #transparentsidebar .sidebaritem.first {border-bottom: 1px dashed #b4b4b4;} #transparentsidebar h3 {background: url(/img/bg-sidebar-highlight.png) 0 0 repeat-x; padding: 18px 20px 8px 20px; text-align: center; font-size: 1.667em; font-weight: normal; color: #2e9eac;} #transparentsidebar .sidebaritem.first h3 {border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;} #transparentsidebar div.fades {background: transparent url(/img/divider-fade.png) 50% 50% no-repeat; height: 2px; padding: 0; margin: 0;} #transparentsidebar p {padding: 10px 18px 5px 18px; text-align: center; font-size: 1em;} #transparentsidebar p.highlight {font-size: 1.167em; font-weight: bold;} .signupupload a {padding:10px 0px 10px 0px; font-size:1.2em; } .uploadtext {width:160px; font-size:0.75em !important; float:left; padding-top:10px;} .photo-headline {font-size: 1.75em; font-weight: normal; color: #4fbac8; text-align: center; padding-bottom: 5px; background: url(/img/divider-fade-297.png) 50% 100% no-repeat;} .photo-text {padding: 8px 0 20px 32px;} .photo-text-with-list {padding: 8px 0 1px 32px;} .btn-container {display: block; background: url(/img/button-container.png) 0 0 no-repeat; width: 300px; height: 53px; padding: 7px 6px 4px 6px; position: relative;} .btn-container #signup-spinner {position: absolute; top: 23px; right: -25px;} #signupform {width:380px;} #signupform input[type="text"], #signupform input[type="email"], #signupform input[type="password"] {background: #fff; color:#444; padding: 15px 15px 15px 15px; margin: 0 0 10px 0; width: 290px; 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;} #signupform textarea {background: #fff; padding: 15px 15px 15px 15px; margin: 0 0 10px 0; width: 290px; 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;} #signupform textarea.dog-description {height: 59px;} #signupform textarea.profile-description {height: 131px;} #signupform label {padding-top:15px; font-size:0.8em;} #signupform input:focus { background-color: #fff; color:#444; border-color: #e8c291; outline: none;-moz-box-shadow: 0 0 0 1px #e8c291 inset; -webkit-box-shadow: 0 0 0 1px #e8c291 inset;box-shadow: 0 0 0 1px #e8c291 inset; } #signupform ul li {margin:10px 0;} #signupform input::-webkit-input-placeholder {color:#444;} #signupform input::-moz-placeholder {color:#444;} /*selectize breed dropwdown overrides*/ #signupform .selectize-control.single { padding: 5px 60px 5px 0 !important; height: 49px; } #signupform .profile-breed .selectize-control.single { padding-right: 130px !important; } #signupform .selectize-control input[type="text"] { width: 290px !important; } #signupform .selectize-control input[type="text"] { padding: 12px !important; font-size: 16px; font-family: sans-serif; line-height: 24px; width: 290px !important; } #signupform .selectize-input:after { right: 3px !important; } #signupform .item { padding: 12px; font-size: 16px; font-family: sans-serif; line-height: 24px; } #signupform .selectize-input { border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; } #signupform .selectize-dropdown-content { font-size: 16px; font-family: sans-serif; line-height: 24px; } #signupform .selectize-control.single .selectize-input.input-active.has-items input { cursor: text; padding-left: 5px !important; width: 4px !important; } .selectize-control.single .selectize-input.input-active .item { width: initial; padding-right: 0 !important; } #signupformb {width: auto;} #signupformb input { background: #fff ; padding: 10px; margin: 0 0 10px 0; width: 150px; 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; } #signupformb input:focus { background-color: #fff; border-color: #e8c291; outline: none;-moz-box-shadow: 0 0 0 1px #e8c291 inset; -webkit-box-shadow: 0 0 0 1px #e8c291 inset;box-shadow: 0 0 0 1px #e8c291 inset; } #signupformb textarea { background: #fff ; padding: 15px 15px 15px 15px; margin: 0 0 10px 0; width: 290px; 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;} #signupformb label p {color:#666; margin:0px 0px 0px 15px; font-size:0.8em; width:150px;} #signupformb ul li {margin:10px 0; font-size:0.9em; color:#444;} #signupformb .errors {margin-left:13px;} #signupformb input[type=radio] {background: none ; padding: 10px; margin: 0 0 10px 0; width: auto; border: 1px solid #ccc; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #signupformb .lastminute-tip.questionbtnsm {margin-top: -5px; margin-left: 0px;} #signupformb .lastminute {margin-bottom: 10px;} #signupformb .right-column {float: right; width: 190px; height: 100px;} #signupformb .servicepolicytmp .cancellation-selection {font-size: 13px;} #signupformb .radio-label {margin-right: 10px; margin-left: 5px} #desc-progress {position: absolute; top: 0; left: 335px; height: 167px;} #desc-progress #progress-bar {position: absolute; top: 10px; left: 8px; z-index: 100; width: 13px; height: 148px; background-image: url(/img/bg-progress.png); background-repeat: no-repeat; background-position: 0px 163px;} #desc-progress #progress-container {position: absolute; top: 0; left: 0; z-index: 200; width: 33px; height: 167px; background: url(/img/bg-progress-bar-container.png) 0 0 no-repeat;} #desc-progress #progress-labels {font-size: .688em; color: #888; line-height: 1em; position: absolute; top: 10px; left: 32px; height: 148px;} #desc-progress #progress-labels div {background-image: url(/img/bg-description-labels.png); background-position: 0 0; background-repeat: no-repeat; text-indent: -1000em; width: 70px; height: 24px;} #desc-progress #progress-labels #good {position: absolute; top: 89px; left: 0; background-position: -149px 0px;} #desc-progress #progress-labels #good.on {background-position: -149px -24px;} #desc-progress #progress-labels #great {position: absolute; top: 40px; left: 0; background-position: -74px 0px;} #desc-progress #progress-labels #great.on {background-position: -74px -24px;} #desc-progress #progress-labels #excellent {position: absolute; top: -8px; left: 0; background-position: 0 0px;} #desc-progress #progress-labels #excellent.on {background-position: 0 -24px;} #profile-return {background: url(/img/bg-signup-return.png) 0 0 repeat-x; height: 57px; font-size: .75em;} #profile-return .inner {background: none; padding: 10px 70px 0 70px;} #profile-return #profile-return-info {float: left; padding-top: 9px; color: #555;} #profile-return a.return-btn {float: right; margin-top: 2px;} .insurancetopbtn {padding-top:305px; padding-left:260px;} .tooltipimg {height:13px; width:14px; cursor:pointer;} .fbconnect{width:255px; position: relative; overflow: visible;} .fbconnect #connect_fb_spinner {position: absolute; top: 11px; left: 297px;} /* signup rates page */ #signup.rates {padding:30px 67px 40px 67px;} #signup.rates * {outline: none;} .rates .headlines {position: relative; padding: 0 3px 20px 3px;} .rates .headlines p.step {position: absolute; top: 0; right: 0;} #signup.rates h2 {font-size: 1.625em !important; font-weight: bold; color: #444 !important; margin-bottom: 0 !important;} #signup.rates h3 {font-size: 1.125em !important; font-weight: bold; color: #444 !important; margin-bottom: 0 !important;} #signup.rates h4 {font-size: .875em !important; font-weight: bold; color: #444 !important; margin-bottom: 0 !important;} #signup.rates input[type="text"] {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 3px 10px; text-align: center;} #signup.rates a:hover img {opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} #signup.rates input[type="radio"]{box-sizing: border-box; width: 15px !important;margin-right: 5px;} #rates-box-main {background: url(/img/bg-rates-box-main.png) 0 0 no-repeat; display: block; width: 838px; height: 234px; padding: 4px;} #rates-box-main .left-side {padding: 25px 18px 0 16px; width: 323px;} #rates-box-main .left-side .rate-set {background: url(/img/bg-icon-rates-home.png) 2px 10px no-repeat; padding: 0 0 5px 115px;} #rates-box-main .left-side h2 {padding-left: 22px;} #rates-box-main .left-side p {padding: 0 0 3px 23px; font-size: .875em; font-weight: bold;} #rates-box-main .left-side .marydale {font-size: 1.75em;} #rates-box-main .left-side input[type="text"] {width: 84px; font-size: 1.286em; margin: 0 5px;} #rates-box-main .left-side input.error-field {background: #fdc6c5; border-color: #8b2d2a;} #rates-box-main .left-side .service-disabled .add-service-btn {padding: 5px 0 0 21px;} #rates-box-main .left-side a.add-service {display: block; width: 122px; height: 35px; position: relative; margin-left: 1px;} #rates-box-main .left-side a.add-service img.ajaxLoader {position: absolute; top: 8px; left: 53px;} #rates-box-main .left-side a.remove-service {display: block; width: 111px; height: 27px; position: relative; margin-left: 3px;} #rates-box-main .left-side a.remove-service img.ajaxLoader {position: absolute; top: 4px; left: 47px;} #rates-box-main .right-side {padding: 25px 30px 0 30px; width: 420px;} #rates-box-main .right-side p {font-size: .875em;} #rates-box-main .right-side .service-errors {padding-top: 5px;} .rate-options {padding: 20px 3px 0 3px;} .rate-options .chzn-container {max-width: 398px !important;} #service_dog-sitting .rate-options {padding-bottom: 20px;} .rate-options .left-side {padding-right: 44px;} .divider-paw {margin: 30px auto 21px auto; background: url(/img/bg-divider-paw.png) 0 0 no-repeat; width: 840px; height: 28px; border: none;} #rates-box-secondary-w-ribbon {background: url(/img/bg-rates-box-secondary-w-ribbon.png) 0 0 no-repeat; display: block; width: 838px; height: 193px; padding: 0 4px 4px 4px;} #rates-box-secondary-w-ribbon .ribbon {padding: 12px 25px 0 25px; height: 23px; font-size: .75em; text-align: center; color: #444;} #rates-box-secondary-w-ribbon .ribbon b {color: #6ab8be;} #rates-box-secondary-w-ribbon .left-side {padding: 19px 18px 0 13px; width: 326px;} #rates-box-secondary-w-ribbon .left-side .rate-set {background: url(/img/bg-icon-rates-dog-sitting.png) 0 14px no-repeat; padding: 0 0 5px 138px;} #rates-box-secondary-w-ribbon .left-side h2 {padding-left: 2px;} #rates-box-secondary-w-ribbon .left-side p {padding: 0 0 3px 3px; font-size: .875em; font-weight: bold;} #rates-box-secondary-w-ribbon .left-side a.add-service {display: block; width: 122px; height: 35px; position: relative; margin-left: 2px;} #rates-box-secondary-w-ribbon .left-side a.add-service img.ajaxLoader {position: absolute; top: 8px; left: 53px;} #rates-box-secondary-w-ribbon .left-side a.remove-service {display: block; width: 87px; height: 28px; position: relative;} #rates-box-secondary-w-ribbon .left-side a.remove-service img.ajaxLoader {position: absolute; top: 4px; left: 35px;} #rates-box-secondary-w-ribbon .left-side a.edit-service {display: block; width: 87px; height: 28px; position: relative; margin-left: 4px;} #rates-box-secondary-w-ribbon .left-side a.edit-service img.ajaxLoader {position: absolute; top: 4px; left: 35px;} #rates-box-secondary-w-ribbon .service-enabled .service-details {color: #e06f4b; font-size: 1.5em; padding-left: 3px;} #rates-box-secondary-w-ribbon .service-enabled .service-details .service-detail.radius {margin-left: 10px;} #rates-box-secondary-w-ribbon .service-enabled .service-details .unit {font-size: .458em;} #rates-box-secondary-w-ribbon .service-enabled .edit-buttons {padding-left: 1px;} #rates-box-secondary-w-ribbon .right-side {padding: 25px 30px 0 30px; width: 420px;} #rates-box-secondary-w-ribbon .right-side p {font-size: .875em;} #other-service-grid {padding: 12px 0 25px 0;} .rates-box-sm {background: url(/img/bg-rates-box-sm.png) 0 0 no-repeat; display: block; width: 266px; height: 131px; padding: 4px; margin: 0 12px 12px 0;} .rates-box-sm .rates-box-sm-top {height: 36px; padding-top: 8px; position: relative;} .rates-box-sm .rates-box-sm-top .hint-handle {display: block; position: absolute; top: 15px; right: 11px; background: url(/img/icon-question-mark.png) 4px 0 no-repeat; width: 16px; height: 13px;} .rates-box-sm .rates-box-sm-top .hint-handle:hover {background-position: 4px -13px;} .rates-box-sm .hint-text {padding: 12px 15px;} .rates-box-sm .hint-text p {font-size: .75em !important;} #service_dog-daycare .rates-box-sm-top {background: url(/img/bg-icon-rates-sun.png) 10px 10px no-repeat; padding-left: 49px;} #service_checkup-visits .rates-box-sm-top {background: url(/img/bg-icon-rates-car.png) 10px 14px no-repeat; padding-left: 60px;} #service_dog-walking .rates-box-sm-top {background: url(/img/bg-icon-rates-walking.png) 15px 8px no-repeat; padding-left: 63px;} #service_dog-training .rates-box-sm-top {background: url(/img/bg-icon-rates-whistle.png) 10px 12px no-repeat; padding-left: 56px;} #service_dog-grooming .rates-box-sm-top {background: url(/img/bg-icon-rates-brush.png) 10px 13px no-repeat; padding-left: 60px;} #service_add-ons .rates-box-sm-top {background: url(/img/bg-icon-rates-basket.png) 10px 11px no-repeat; padding-left: 48px;} .rates-box-sm .service-disabled, #service_add-ons .service-enabled {text-align: center; padding-top: 15px;} .rates-box-sm .service-disabled p, #service_add-ons .service-enabled p {color: #666666;} .rates-box-sm .service-disabled p.btn-legacy, #service_add-ons .service-enabled p.btn-legacy {padding-left: 72px; text-align: left;} .rates-box-sm .service-enabled {padding: 12px;} .rates-box-sm .service-enabled .service-details {color: #e06f4b; font-size: 1.5em; text-align: center;} #service_add-ons .service-enabled .service-details {font-size: 1em; padding: 3px 0 5px 0;} #service_add-ons .service-enabled .service-details .add-on-enabled {background: url(/img/icon-check-teal-16x16.png) 0 0 no-repeat; padding-left: 20px;} .rates-box-sm .service-enabled .service-details .service-detail.radius {margin-left: 10px;} .rates-box-sm .service-enabled .service-details .unit {font-size: .458em;} .rates-box-sm .service-enabled .edit-buttons {padding-left: 35px;} #service_add-ons .service-enabled .edit-buttons {padding-left: 44px;} .rates-box-sm a.add-service {display: block; width: 122px; height: 35px; position: relative;} .rates-box-sm a.add-service img.ajaxLoader {position: absolute; top: 8px; left: 53px;} .rates-box-sm a.remove-service {display: block; width: 87px; height: 28px; position: relative;} .rates-box-sm a.remove-service img.ajaxLoader {position: absolute; top: 4px; left: 35px;} .rates-box-sm a.edit-service {display: block; width: 87px; height: 28px; position: relative; margin-left: 4px;} .rates-box-sm a.edit-service img.ajaxLoader {position: absolute; top: 4px; left: 35px;} #service_add-ons .rates-box-sm a.edit-service {display: block; width: 146px; height: 28px; position: relative;} #service_add-ons .rates-box-sm a.edit-service img.ajaxLoader {position: absolute; top: 4px; left: 65px;} /* signup rates modals */ .rates-modal-top {height: 50px; background: url(/img/bg-rates-modal-top.png) 0 0 repeat-x; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0;} .rates-modal-top h1 {padding-top: 11px; font-size: 1.375em; font-weight: bold !important; color: #444;} #dog-sitting-modal .rates-modal-top h1 {background: url(/img/bg-icon-rates-dog-sitting-sm.png) 15px 10px no-repeat; padding-left: 76px;} #dog-daycare-modal .rates-modal-top h1 {background: url(/img/bg-icon-rates-sun.png) 18px 14px no-repeat; padding-left: 56px;} #checkup-visits-modal .rates-modal-top h1 {background: url(/img/bg-icon-rates-car.png) 18px 18px no-repeat; padding-left: 68px;} #dog-walking-modal .rates-modal-top h1 {background: url(/img/bg-icon-rates-walking.png) 18px 12px no-repeat; padding-left: 66px;} #dog-training-modal .rates-modal-top h1 {background: url(/img/bg-icon-rates-whistle.png) 18px 16px no-repeat; padding-left: 64px;} #dog-grooming-modal .rates-modal-top h1 {background: url(/img/bg-icon-rates-brush.png) 18px 16px no-repeat; padding-left: 66px;} #add-ons-modal .rates-modal-top h1 {background: url(/img/bg-icon-rates-basket.png) 18px 16px no-repeat; padding-left: 56px;} .rates-modal-main {padding: 15px 20px 20px 20px; color: #444 !important; position: relative;} .rates-modal-main .left-side {width: 230px;} .rates-modal-main .right-side {width: 250px;} .rates-modal-main .marydale {font-size: 1.125em;} .rates-modal-main .marydale input {margin: 0 5px;} .rates-modal-main input[type="text"] {font-size: 1.444em; width: 43px; text-align: center; background: #fff; padding: 3px 10px; 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;} .rates-modal-main .rate-entry {padding-bottom: 10px;} .rates-modal-main .distance-entry {padding-left: 15px;} .rates-modal-main .left-side h3 {font-size: 1em; padding-bottom: 3px;} .rates-modal-main p.service-desc {font-size: .875em; line-height: 1.7em; padding-top: 10px;} .rates-modal-container hr {border: none; background: #ccc; color: #ccc; margin: 10px 20px 20px 20px; padding: 0;} .rates-modal-buttons {padding: 0 20px 20px 20px;} .rates-modal-buttons a.remove-service {margin: 4px 4px 0 96px; display: block; width: 111px; height: 27px; position: relative;} .rates-modal-buttons a.remove-service img.ajaxLoader {position: absolute; top: 4px; left: 47px;} .rates-modal-buttons a.save-service {display: block; width: 176px; height: 35px; position: relative;} .rates-modal-buttons a.save-service img.ajaxLoader {position: absolute; top: 8px; left: 80px;} .rates-modal-main input.error-field {background: #fdc6c5; border-color: #8b2d2a;} .rates-modal-main .service-errors {position: relative;} .rates-modal-main .alerterror {position: absolute; top: 0; left: 0; margin-bottom: 0 !important; display: block; width: 232px; background-image: none !important;} .rates-modal-main .alerterror p {font-size: .75em !important; margin-left: 0 !important;} .rates-modal-main .service-errors .rate-error, .rates-modal-main .service-errors .rate-min-error {top: 25px;} .rates-modal-main .service-errors .rate-60-error, .rates-modal-main .service-errors .rate-error-2, .rates-modal-main .service-errors .rate-max-error {top: 102px;} .rates-modal-main .service-errors .radius-error {top: 101px;} .rates-modal-main .service-errors .radius-error.walking {top: 179px;} #add-ons-modal .rates-modal-main {min-height: 150px;} #add-ons-modal .add-on-service {padding-bottom: 10px;} #add-ons-modal .add-on-service-selector {width: 230px;} #add-ons-modal .add-on-service-selector a {margin-right: 10px;} #add-ons-modal .add-on-service-selector h4 {padding-top: 1px;} /* #add-ons-modal .add-on-service-selector h4:hover {color: #6abbc0; cursor: pointer;} #add-ons-modal .add-on-service-info-pop {position: absolute; top: 20px; right: 20px; width: 224px; background: #e8f0f2; border: 1px solid #69b9bf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 12px 12px 12px;} #add-ons-modal .add-on-service-info-pop h3 {font-size: 1.125em;} #add-ons-modal .add-on-service-info-pop p {font-size: .875em;} */ #add-ons-modal .add-on-form {display:block; background: #e8f0f2; border: 1px solid #69b9bf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 12px 12px 12px;} #add-ons-modal #add-on-form-bathing {min-height: 95px;} #add-ons-modal .add-on-form h4 {padding-top: 2px;} #add-ons-modal .add-on-form .no-errors {position: relative;} #add-ons-modal .add-on-form .add-on-form-title {padding-bottom: 5px; width: 260px;} #add-ons-modal .add-on-form .add-on-form-title a {margin-right: 10px;} #add-ons-modal .add-on-form p.service-desc {padding-top: 0; width: 195px; position: absolute; top: 0; right: 0;} #add-ons-modal .add-on-form .left-side {width: 203px;} #add-ons-modal .add-on-form .right-side {width: 253px;} #add-ons-modal .add-on-form a.remove-service-sm {display: block; width: 63px; height: 26px; position: relative;} #add-ons-modal .add-on-form a.remove-service-sm img.ajaxLoader {position: absolute; top: 4px; left: 23px;} #add-ons-modal .service-errors .alerterror {width: 235px;} #add-ons-modal .service-errors .rate-error {top: 0px;} #add-ons-modal .service-errors .radius-error {top: 52px;} #add-ons-modal .rates-modal-buttons a.save-service {margin-left: 153px;} .rates-modal-main a:hover img, .rates-modal-buttons a:hover img {opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} @-moz-document url-prefix() { #signup.rates input[type="text"] {padding: 8px 10px 2px 10px;} /* #service_dog-sitting .rate-options .left-side {padding-right: 36px;} */ .divider-paw {margin: 21px auto;} .rates-box-sm .rates-box-sm-top {height: 34px; padding-top: 10px;} .rates-box-sm .hint-text {padding: 10px 14px 12px 14px;} .rates-modal-main input[type="text"] {padding-top: 6px;} .rates-modal-main .service-errors .radius-error {top: 103px;} .rates-modal-top h1 {padding-top: 12px;} } /* search page */ #searchbar {width:980px; background:#e8e8e8; height:54px; border-bottom:1px solid #cccccc; padding:15px 25px 15px 0;} #searchbar.lander {height:124px; padding:0px 0px 15px 0px;} #searchfield{width:350px; /*fol1low your image's size*/ height:60px;/*follow your image's size*/ background-image:url(/img/search-field.png); background-repeat:no-repeat; /*important*/ padding:0px; float:left; margin-left:25px; } #searchmid{background:url(/img/search-dropdown.png) top left no-repeat; width:420px; padding:7px 0px 0px 25px;height:60px; float:left; text-align:center;} #searchmid2{background:url(/img/search-mid2.png) top left no-repeat; min-width:348px; padding:7px 0px 0px 25px;height:60px; float:left; text-align:center;} #searchmid2 .floatl label {background: none; float: none; width: auto; padding: 0; border: none; margin: 0; height: auto; text-align: left; cursor: default; font-size: .9em; font-weight: bold; color: #666666;} #searchmid2 .floatl label span {font-size: 1em !important; font-weight: normal; display: inline; margin: 0 !important; width: auto; -webkit-margin-before: 0; -webkit-margin-after: 0;} #searchmid2 input[type="text"] {/* background: #fff; border: 1px solid #c9c1b8; box-shadow: inset 1px 1px 3px #ccc; -moz-box-shadow: inset 1px 1px 3px #ccc; -webkit-box-shadow: inset 1px 1px 3px #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; */ background: url(/img/bg-search-date.png) 0 0 no-repeat; border: none; margin-bottom: 0; padding: 8px 9px 7px 9px; width: 140px;} #searchmid2 #daterangecal {padding: 1px 0 0 2px; width: auto;} #searchmid2 #daterangecal .floatl {position: relative; /* margin-right: 15px; */} #searchmid2 #daterangecal .floatl:first-child {margin-right: 15px;} #searchmid2 #daterangecal .caltrigger {position: absolute; bottom: 5px; right: 4px;} #searchmid2 #clear_dates {font-size: 10px; padding: 22px 10px 0 10px; vertical-align: bottom;} /* #searchmid2 #clear_dates a {background: url(/img/clear-x-10x10.png) 0 0 no-repeat; padding-left: 15px; line-height: 9px;} */ #searchmid2 #clear_dates a {background: url(/img/clear-x-text.png) 0 0 no-repeat; text-indent: -9999px; width: 73px; height: 10px; display: block;} #searchmid2 #clear_dates a:hover {background-position: 0 -10px;} #adminsearchmid{background:url(/img/search-mid2.png) top left no-repeat; min-width:348px; padding:9px 0px 0px 25px;height:51px; float:left; text-align:center; font-size: .8em;} #searchdogselect{float: left; margin: 20px 10px 5px; width: 90px;} #searchdogselect select{font-size:1.2em;} #searchdogselect p {font-size:0.9em;} #searchfilter {font-size:0.8em; float:left; margin:15px 15px 0px 0px; color:#666; font-weight:normal;} #searchfilter select {padding:3px;} #searchfilter input {margin-left:10px;} .searchpageinput {border:0px; /*important*/ background-color:transparent; /*important*/ width:338px; height:36px; color:#888; font-size:1.3em; padding:15px 0px 0px 15px; outline: none; } #selectdog {position:relative; width:150px; float:right; top:-50px; right:200px;} #searchmap {height:277px;} #searchmap img {padding:7px;} #searchoptions {width:300px; background:#f5f5f5;float:right; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-bottom:5px;} #price-slider {padding: 20px 10px 18px 10px;} #price-slider #pricerange {float: left; margin: 3px 18px 0 19px;} #price-slider input[type="text"] {float: left; width: 36px; height: 16px; text-align: center; font-size: .688em; color: #fff; background: transparent url(/img/bg-price-slider-vals.png) 0 0 no-repeat; border: none;} #searchresultwrap {float:left; width: 679px;} #searchresultstop {height:45px; background:#f5f5f5; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:0 20px; margin-top: -18px; } /* #searchresulttxt { height:45px; background:#f5f5f5; border-bottom:1px solid #cccccc; padding:0 20px; } */ #searchresulttxt p { color:#666; font-style:oblique; padding-top:16px; font-size:.688em; float: right; margin-right: 10px;} #searchresultlist {padding:20px; width:630px; } #searchresultlist h1 {float:left; font-size:1.20em; color:#888888;} .searchlisth1wrap {border-bottom:1px solid #ccc; height:30px; margin-top:-5px; margin-bottom:10px; } .searchlisth1 {float:left; font-size:1.20em; color:#888888; margin-right:6px;} #search-dates-banner {background: url(/img/bg-search-dates-banner.png) 0 0 no-repeat; position: relative; height: 55px; margin-top: -8px;} #search-dates-banner img {position: absolute; top: -2px; left: 15px;} #num-results-btm {position: absolute; top: 8px; right: 0; font-size: .688em; font-style: oblique; color: #666;} #searchresultbluebox {border-bottom:1px solid #48bab6; background:#eaf2f3; overflow:hidden; padding:20px; color:#4f4f4f; margin-bottom:10px;} #searchresultbluebox p{font-size:0.8em; margin-bottom:3px;} #searchresultbluebox h2 {margin-bottom:5px; font-size:1.2em;} # input {background: #fff ; color:#888; padding: 15px 15px 15px 15px; margin: 0 0 5 0; width: 360px !important; 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; float: left;} .searchprofile {border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:15px; width:630px; margin-bottom:15px;} .searchprofilerealsearch {border-bottom:1px solid #ccc; /* overflow:hidden; */ padding-bottom:15px; width:630px; margin-bottom:15px;} .searchphoto {background: url(/img/results-photobg-20130405.png) no-repeat top left; width:118px; height:122px; float:left; padding:12px 10px 12px 12px; position: relative;} .searchphoto .photo {position: relative; display: block; width: 120px; height: 120px;} .searchphoto .photo::before {content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 5px #999; -webkit-box-shadow:inset 0px 0px 5px #999; box-shadow:inset 0px 0px 5px #999;} .searchcontent {float:right; } .searchcontenttop {width:470px; padding:5px 0; margin-bottom:5px; border-bottom:1px dashed #888; overflow:hidden;} .searchprofiletitle {height:auto; overflow:hidden; } .searchprofiletitle h2{color:#e06f4b; font-size:1.2em; font-weight:bold; margin-left:10px; margin-bottom:2px;} .searchprofiletitle a:hover{text-decoration:underline} .searchprofiletitle p{color:#8a8a8a; font-size:0.8em; margin-left:10px;} .searchprofileprice {color:#8a8a8a; font-size:0.8em; vertical-align: top; width:274px; margin-left:10px; float:left;} .searchcontentinfo {/* height:70px; */ width:470px; margin-top:10px;} .searchcontentinfo p {color:#8a8a8a; font-size:0.8em; } .searchcontentinfo p a{font-size:0.9em; } .searchcontent ul{margin-top:10px; padding:0px;} .searchcontent ul li{display:inline; margin-right:20px; color:#8a8a8a; font-size:0.7em; padding-bottom:5px; padding-top:3px; font-weight:bold;} .dvcertifiedico{background: url(/img/icon-dvcertified.png) no-repeat top left; background-position:0 -5; padding-left:20px; } .reviewsico{background: url(/img/icon-reviews.png) no-repeat top left; padding-left:24px;} .poweruserico{background: url(/img/icon-poweruser.png) no-repeat top left; padding-left:20px;} /* profile page */ #profilepage {padding:15px;} #profileoptions {width:301px; float:right;} .profilecontainer {border:1px solid #e6e6e6; background:#f5f5f5; padding:8px; margin-bottom:10px;} .profilecontainer .make-res-button:hover img {opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} .profilelist ul{margin:10px 0px 10px; padding:0px;} .profilelist ul li{background: transparent url(/img/li-pawprint-2.png) no-repeat top left; color:#666; padding-left:26px; font-size:.9em; line-height:1.6em; padding-bottom:10px; } .profileline ul {padding:0px; margin:0px;} .profileline ul li { border-bottom:1px solid #cccccc; margin:0px; padding-bottom:15px; margin-bottom:15px;} .profileline ul li:last-child {border-bottom: none;} .profiledash ul {padding:0px; margin:0px;} .profiledoglist ul li{width:300px; float:left; margin-bottom:20px; } #profiledogform {padding:5px 0px;} #profiledogform ul li {margin:0;} #profiledogform ul li.margin-t-1 {margin-top:10px;} .badgelist ul{margin:20px 0px 10px; padding:0px;} .badgelist ul li{background: transparent url(/img/li-checkmark.png) no-repeat top left; color:#666; padding-left:46px; font-size:.9em; line-height:1.6em; padding-bottom:5px; margin-left:10px; cursor:pointer;} .badgelarge {float:left; margin:-13px 0px 10px -62px; padding-right:10px;} .badgesearch {margin-left:4px;} .largecertified {font-weight:bold; font-size:1.2em; clear:left;} .mediumcertified {font-weight:bold; font-size:1.1em;} .responserate {color:#666; margin-top:10px; font-size:0.9em; text-align: left; } .responserate img {margin-right:20px;} #profilecontent {width:640px; float:left;} #profilecontent a {} #profilecontent h1 {font-size:1.6em; font-weight:normal; margin-top:10px; margin-bottom:10px; margin-left:6px;} #profilecontent h2 {font-size:0.7em; font-weight:normal; margin-bottom:10px; margin-left:8px;} #profilereviews {margin:20px 0px 40px; text-align:left !important; } #profilereviews h3 {background:url(/img/h2-paw.png) 0px -4px no-repeat; padding-left:40px; font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4; font-weight:normal; font-size:1.7em; letter-spacing:0.05em;} #avg-reviews {background: url(/img/bg-profile-avg-reviews.png) 0 0 no-repeat; width: 396px; height: 63px; font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; font-size: 1.125em; color:#50b6c4; position: relative; padding-bottom: 20px;} #avg-reviews #review-avg {color: #fff; position: absolute; top: 18px; left: 13px; font-size: 1.333em;} #avg-reviews #avg-title {position: absolute; top: 21px; left: 74px;} #avg-reviews #avg-stars {position: absolute; top: 17px; left: 228px;} .profilepic{background: url(/img/profile-photobg.png) no-repeat top left; padding:8px; float:left; width:63px; height:70px; margin-right:15px;} .profilepic .photo {position: relative; display: block; width: 60px; height: 60px;} .profilepic .photo::before {content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 5px #999; -webkit-box-shadow:inset 0px 0px 5px #999; box-shadow:inset 0px 0px 5px #999;} .profiledogpic{background: url(/img/bg-profile-med.png) no-repeat top left; padding:9px; float:left; width:120px; height:120px; margin-right:15px;} .profiledogpic .photo {position: relative; display: block; width: 120px; height: 120px;} .profiledogpic .photo::before {content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 5px #999; -webkit-box-shadow:inset 0px 0px 5px #999; box-shadow:inset 0px 0px 5px #999;} .profileblurb {overflow:visible;} .profileblurb h3{color:#e06f4b; font-size:1.2em; font-weight:bold; margin-left:10px; margin-bottom:2px;} .profileblurb h4{color:#e06f4b; font-size:1.2em; font-weight:normal; margin-left:10px; margin-bottom:2px; word-wrap: break-word;} .profileblurb p{color:#8a8a8a; margin-left:10px; line-height:1.4em; font-size:0.8em;} #profileblurbtop {background: url(/img/bg-profile-top-08142012.jpg) no-repeat top left; width:281px; height:77px; padding:10px; margin-bottom:-12px; position:relative; z-index:10;} .profileblurbphoto {background: url(/img/bg-profile-large.png) no-repeat top left; padding:14px; height:222px; width:180px; margin:15px auto;} .profileblurbphoto .photo {position: relative; display: block; width: 180px; height: 180px;} .profileblurbphoto .photo::before {content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 5px #999; -webkit-box-shadow:inset 0px 0px 5px #999; box-shadow:inset 0px 0px 5px #999;} .profileblurbphoto2 {background: url(/img/bg-profile-large2.png) no-repeat top left; padding:14px; height:180px; width:180px; margin:15px auto 10px;} .profileblurbphoto2 .photo {position: relative; display: block; width: 180px; height: 180px;} .profileblurbphoto2 .photo::before {content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 5px #999; -webkit-box-shadow:inset 0px 0px 5px #999; box-shadow:inset 0px 0px 5px #999;} .profileblurbphoto h3{font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4; font-weight:normal; letter-spacing:0.05em; color:#e06f4b; font-size:1.2em; margin-bottom:2px; text-align: center;} .profileblurbphotoh3 {font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4; font-weight:normal !important; letter-spacing:0.05em; color:#e06f4b; font-size:1.3em !important; margin-bottom:12px !important; text-align: center;} .profiledogblurb {float: left; width: 113px; } .profileprice {font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; font-weight:normal; font-size:1.8em !important; color:#e06f4b !important; text-align: center;} .profileblurb .social-sharing {text-align: center;} .profileblurb .social-sharing .share-block {display: inline-block; margin: 0 5px; vertical-align: top;} .profileblurb .social-sharing .profilereviewcount {float: none; margin: 0; padding: 0; width: auto;} .profileblurb .social-sharing .profilereviewcount img {float: left;} .profileblurb .social-sharing .profilereviewcount p {float: left;} .profilereviewblurb h3{font-family: Helvetica, Arial, sans-serif !important; background:none !important; color:#666 !important; font-size:0.9em !important; font-weight:bold !important; margin-left:10px; margin-bottom:2px;} .profilereviewblurb p{color:#8a8a8a; font-size:0.8em; margin-left:10px; line-height:1.4em; width:500px; height:100%; display:block; overflow:hidden; } .profilereviewblurb {border-bottom:1px dashed #cccccc; margin-bottom:10px; padding-bottom:10px; } .profilereviewcount {font-size:0.8em; width:90px; float:left; text-align: right; clear:left; margin-left:0px; padding-right:20px;} .profilereviewcount p {padding-top:4px; float:right; margin-left:3px; color:#48bab6;} #profilephoto {padding:4px 5px; width:600px;} #profilemap {padding:10px 12px; width:600px; height:478px;} #profilecalendar {padding:5px; width:600px; height:478px;} #calendarinfo {color:#888; padding-right:10px; } #calendarinfo h2{font-size:14px !important; color:#444; margin:16px 0px 0px !important; text-align:left !important; border-bottom:1px solid #ccc; font-weight:bold !important;} #calendarinfo p{margin:6px 0px 10px; font-size:14px; line-height:1.4em; } #profiletabs {width: 626px;} #profileaboutme {background: url(/img/profile-aboutme-mid.jpg) repeat-y top left; } #profileaboutcontent {background: url(/img/profile-aboutme-top.png) no-repeat top left; overflow:hidden; } #profileaboutcontent2 {background: url(/img/profile-aboutme2-top.png) no-repeat top left; overflow:hidden; } #profileleft {width:320px; float:left; padding:20px 0px 0px 28px;} #profileleft h3 {background:url(/img/h2-paw.png) 0px -4px no-repeat; padding-left:40px; font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4; font-weight:normal; font-size:1.9em; letter-spacing:0.05em;} #profileleft p{ font-size:0.8em; color:#888; line-height:1.8em;} #profileaboutme2 {background: url(/img/profile-aboutme-mid2.png) repeat-y top left; } #profileleft2 {width:580px; float:left; padding:20px 0px 0px 28px;} #profileleft2 h3 {background:url(/img/h2-paw.png) 0px -4px no-repeat; padding-left:40px; font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4; font-weight:normal; font-size:1.9em; letter-spacing:0.05em;} #profileleft2 p{ font-size:0.8em; color:#888; line-height:1.8em;} #profileright {float:right; width:220px; margin-top:24px; margin-right:26px;} #profileright p{font-size:0.8em; color:#888; margin-bottom:22px; position: relative;} #profileright .questionbtn {position: absolute; top: 1px; right: -5px;} .profilerightvars {float:right; font-weight:normal; color:#666;} .profilerightabout {float:right; font-weight:normal; color:#666; padding-right:15px; text-transform: capitalize;} #profileservices {padding:2px 3px 3px;} #profileservicewrap {/* background:url(/img/profile-rates-071012.jpg) no-repeat top left; padding:8px 20px; height:444px; */} #profileservices p {font-size:0.8em; color:#888; padding: 0 15px; position: relative;} #services-header {background: #f1f7f8 url(/img/bg-services-rates-header-main.png) left bottom repeat-x; padding: 15px 0; border-top: 1px solid #fff;} #services-header p {margin-bottom: 0; padding-bottom: 5px;} .profileratevars {float:right; font-style:bold; color:#666; text-transform:capitalize;} .profileratesodd {background:url(/img/profile-rates.png) no-repeat top left; height:38px; padding-top:8px;} .profilerateseven {background:#fff;height:34px;} #dog-boarding-title {font-size: 1.5em !important; color: #46b2c1 !important; padding-bottom: 0 !important;} #dog-boarding-pricing {font-weight: bold;} #dog-boarding-pricing .profilerightvars {font-size: 1.231em;} #dog-boarding-cta {font-size: .7em !important; text-align: center; padding-top: 5px;} #extra-services {background: url(/img/bg-services-rates-sub-head.png) center bottom repeat-x; font-size: .8em !important; padding: 10px 10px 15px 10px !important; margin: 0; text-align: center; border-bottom: 1px solid #fff; font-weight: bold;} .extra-service {background: #eaf2f3; border-top: 1px solid #c5d6d8; border-bottom: 1px solid #fff; padding: 6px 15px !important;} .extra-service.alt {background: #fff;} #profilesignupform input { background: #fff ; padding: 15px 15px 15px 15px; margin: 0 0 10px 0; width: 290px; 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;} #profilesignupform textarea { background: #fff ; padding: 15px 15px 15px 15px; margin: 0 0 10px 0; width: 290px; 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;} #profilesignupform label {padding-top:15px;} #profilesignupform input:focus { background-color: #fff; border-color: #e8c291; outline: none;-moz-box-shadow: 0 0 0 1px #e8c291 inset; -webkit-box-shadow: 0 0 0 1px #e8c291 inset;box-shadow: 0 0 0 1px #e8c291 inset; } #profilesignupform {width:380px;} #profilesignupform ul li {margin:10px 0; } #profilemoredogs {padding-bottom: 0 !important;} #profilemoredogs ul li:last-child {padding-bottom: 0;} /* profile modal 426x374 */ #signup-modal-container {width: 426px; height:367px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; box-shadow: 0 0 90px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; display:none; background: url("/img/bg-signup-modal-gradient.png") repeat scroll 0 0 #FFF; padding-top:20px;} #profile-signup-modal {text-align: center;} #profile-signup-modal h2 {font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#2a9aac; font-weight:normal; font-size:1.5em;margin-top:10px; width:300px; margin-left:100px; text-shadow: 1px 1px 0px rgba(0,0,0,.1);} #profile-signup-modal .topleftmail {position:absolute; top:20px; left:10px; float:left;} #profile-signup-modal-buttons {background: url(/img/bg-white-rounded-342.png) no-repeat; padding: 0; height:183px; width:342px; margin:0 auto; padding-top:20px;} #profile-signup-modal-buttons .modallogin {line-height:36px; width:274px; margin:0 auto 6px; cursor: pointer; overflow:hidden;} #profile-signup-modal-buttons .modalsignup {line-height:36px; width:274px; margin:12px auto 0px; cursor: pointer; overflow:hidden;} #profile-signup-modal-buttons a:hover {zoom: 1; filter: alpha(opacity=85); opacity:.85; cursor: pointer;} #profile-signup-modal-contact {background: url(/img/icon-grey-phone.png) no-repeat left center; padding:3px 0px 3px 20px; width:342px; text-align: left; margin-left:60px; margin-top:10px;} /* reservations using profile css */ .payinfo {border-bottom:1px dashed #888; padding:10px 0;} .payvar {font-weight:bold; float:right;} .paylast {border-bottom:none;} .reservetitle {font-size:1.2em; border-bottom:1px dashed #888; margin:20px 0;} .reservevar {text-align:left; font-weight:normal; width:300px; float:right; margin-left:30px; font-size:0.8em;} div.replies .totalvar {color: #669933;} .totalvar,.reserve-total-label {text-align:left; font-weight:bold; width:300px; float:right; margin-left:30px; font-size:1.5em;} .reserve-total-label {float:none; width:inherit;} #paymentadditional {display:none;} #paymentform {width:600px; } /* payment/saved cards */ .cc-info .dashboardbluebox, .cc-info .dashboardbluebox15 {overflow: visible;} #saved-cards .dashboardbluebox, #saved-cards .dashboardbluebox15 {overflow: hidden;} .cc-info .column-headers {background: url(/img/bg-card-header-grad.png) center bottom repeat-x; border-bottom: 1px solid #fff; padding: 0 20px 10px 20px; font-weight: bold;} .cc-info .column-headers .card {float: left; width: 190px; margin-right: 10px;} .cc-info .column-headers .name {float: left; width: 150px; margin-right: 10px;} .cc-info .column-headers .expires {float: left; width: 80px; margin-right: 10px;} .cc-info .column-headers .modify {float: left; width: 90px; margin-right: 10px;} .cc-info .column-headers .default {float: left; width: 60px;} .cc-info .border {font-size: 0px; line-height: 0px; height: 0px; border-bottom: 1px solid #989d9e;} .cc-info .row {padding: 10px 20px;} .cc-info .row.selected {background: #fff; box-shadow: 0 0 5px #999;} .cc-info .row.bad-card {background: url(/img/bg-cc-bad-card.png) 0 0 repeat; box-shadow: 0 0 5px #d54a4a;} .cc-info .row .card-img {float: left; width: 50px; height: 28px;} .cc-info .row .card-num {float: left; width: 140px; margin-right: 10px; padding-top: 5px;} .cc-info.res .row .card-num {width: 115px;} .cc-info .row .name {float: left; width: 150px; margin-right: 10px; padding-top: 5px;} .cc-info .row .expires {float: left; width: 80px; margin-right: 10px; padding-top: 5px;} .cc-info .row .modify {float: left; width: 90px; margin-right: 10px; padding-top: 5px; position: relative;} .cc-info .row .modify .ajaxLoader {position: absolute; top: 5px; right: 0;} .cc-info.res .row .modify .ajaxLoader {right: -17px;} .cc-info .row .default {float: left; width: 45px; padding-left: 15px; padding-top: 5px;} .cc-info.res .row .default {padding-left: 0; width: 25px;} .cc-info .row .address {display: block; padding-top: 5px; margin-left: 50px; border-top: 1px dashed #949494; font-size: .917em; margin-top: 5px;} .cc-info .row .problem-details {display: block; color: #993333; font-size: .917em; font-style: italic; font-weight: bold; margin-left: 50px;} .cc-info.res .row .address, .cc-info.res .row .problem-details {margin-left: 75px;} .cc-info .add-new-card {padding-top: 20px; text-align: center; position: relative;} .cc-info .add-new-card a:hover img {zoom: 1; filter: alpha(opacity=85); opacity: .85;} .cc-info .add-new-card .ajaxLoader {position: absolute; top: 33px; right: 168px;} .cc-info.res .add-new-card .ajaxLoader {top: 24px; right: -25px;} .make-default {clear:both; font-size: .7em; padding-bottom: 10px; text-align:center; color: #666;} .cc-info .chzn-container-single .chzn-single {padding: 4px 10px;} .cc-info .chzn-container-single .chzn-single div b {margin-top: 4px;} #exp_month_chzn, #exp_year_chzn {width: 90px !important;} #exp_month_chzn .chzn-drop, #exp_year_chzn .chzn-drop {width: 88px !important;} #country_select_chzn {width: 143px !important;} #country_select_chzn .chzn-drop {width: 141px !important;} .cardalert {padding-bottom: 10px;} .cardalert p {font-size:.8em !important; color:#888 !important; line-height:1.6em; margin-left: 162px; margin-bottom:0px !important;} .cardalert b, .cardalert strong {color:#339999 !important;} .viewSavedCardsButton.btn-legacy {float: left; margin-top: 5px; margin-right: 15px;} .viewSavedCardsButton.btn-legacy:hover {zoom: 1; filter: alpha(opacity=80); opacity: .8;} #card-icons {position: relative;} #card-icons img.greyed {zoom: 1; filter: alpha(opacity=40); opacity: .4;} #card-icons #card-disclaimer {position: absolute; top: 10px; right: 0; font-size: .833em; color: #666; font-style: italic;} .couponcode {background: #fff; width:200px; 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; } #paymentaddress {width:320px; float:left; font-size:0.8em; color:#888;} #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:125px;} .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:285px;} #paymentcard {width:280px; float:right; font-size:0.8em; color:#888;} #paymentcard label {font-size:0.85em; color:#444;} #paymenthelp {border:1px dashed #48bab6; background:#fff; overflow:hidden; padding:10px; color:#4f4f4f; width:300px; margin:20px auto 10px !important; text-align:center;} .profilenotify {border:1px solid #be8007; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#faf6d4; padding:10px; margin-bottom:25px;} .profilenotify p{font-size:.8em; color:#be8007; line-height:1.6em;} .profilenotify a{color:#2b919f;} .profilenotify a:hover{color:#e06f4b;} /* reservation new, degrade some items above */ #checkoutcard {font-size:0.75em; color:#444;} #checkoutcard label {font-size:0.917em; color:#444;} #checkoutcard select {padding:2px;} .checkoutheader {background:url(/img/checkout-header.png) no-repeat; width:586px; height:34px; color:#fff; padding:5px 0px 0px 10px; margin-left: -3px; margin-bottom:-18px; position:relative; z-index:900; text-shadow: -1px -1px 1px #3595a2; font-size: .875em;} .checkoutheaderwide {background:url(/img/checkout-header-wide.png) no-repeat; width:664px; height:34px; color:#fff; padding:5px 0px 0px 10px; margin-left:-3px; margin-bottom:-18px; position:relative; z-index:900; text-shadow: -1px -1px 1px #3595a2; font-size: .875em;} #checkoutguarantee{width:220px; float:right; font-size:0.8em; margin-top:20px;} #checkoutguarantee h2 {font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4 !important; font-weight:normal; font-size:2em !important; line-height:1em; word-spacing:-0.2em; margin:5px 0px 0px 5px !important;} .ccinput {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:216px;} .nameinput {width: 175px;} @-moz-document url-prefix() { .singleinput, .doubleinput, .ccinput, .nameinput {padding: 9px 8px;} .checkoutheader, .checkoutheaderwide {padding-top: 6px; height: 33px;} } /* content page */ #contentmid {background:url(/img/bg-jagged-mid.png) repeat-y; margin:0px auto; width:717px; padding:50px; overflow:hidden;} #content {background:url(/img/bg-jagged-20130523.png) no-repeat; margin:20px auto 0px auto; width:717px; padding:50px;} #content p {color:#888; line-height:1.8em; font-size:.9em; margin-bottom:20px;} #content h2 {background:url(/img/h2-paw.png) no-repeat 0px -4px; padding-left:40px; font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4; font-weight:normal; font-size:1.7em; letter-spacing:0.05em; margin-bottom:10px;} .contentbottom{margin:0px auto 60px auto; width:817px;} .contenttop{margin:20px auto -10px auto; width:817px;} .contenttitle {margin:36px 0px 0px 86px;} .contentimg {float:right; padding:10px;} #content ul {margin-left:15px; font-size:.8em;} #content li{list-style:disc; color:#888; line-height:1.8em; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:10px;} #content li b{color:#2b919f} #content li ul, #content li ol {font-size:1.2em; margin:5px 15px 5px 15px; list-style:square; } #content li li {border-bottom:0px; margin:2px; font-size:0.8em; padding-bottom:0px;} #content ol li { list-style: decimal; } #content ol ul li {list-style: disc;} #content ol ul li b {color: #888;} #content b{color:#666;} .contentlistright {float:right; width:350px;} #content.faq li {padding-bottom: 15px; margin-bottom: 15px; list-style: none;} #content.faq li a.question {background: url(/img/less-more2.png) 0 0 no-repeat; padding: 0 0 1px 20px;} #content.faq li .answer {padding-left: 20px;} #content.faq li li {list-style: disc; margin: 0 !important;} #contentcities {background:url(/img/bg-jagged-20130523.png) no-repeat; margin:20px auto 0px auto; width:717px; padding:50px; overflow:hidden;} #contentcities .citycolumn {float:left; width:177px; } #contentcities a{font-size:0.8em;} #contentcities ul{margin-bottom:20px; } #contentcities ul li{} #contentcities ul h2{font-size:0.9em !important; color:#666; } #contentpress {background:url(/img/bg-jagged-mid.png) repeat; margin:0px auto; width:717px; padding:50px;} #contentpress h1 {font-size:1.8em; color:#2b919f; font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif;} #contentpress h2{font-size:1em;} #contentpress p{font-size:0.8em;} .pressexcerpt {width:580px; float:right; margin-top:10px;} .pressexcerpt p {color:#444;} /* contact content pages */ #contactpage {background:url(/img/bg-jagged-20130523.png) no-repeat; margin:20px auto 0px auto; width:717px; padding:50px;} #contactpage p {color:#888; line-height:1.8em; font-size:.9em; margin-bottom:20px;} #contactpage ul li{list-style:none;} #contactpage b {color:#666;} #contactpage h2 {background:url(/img/h2-paw.png) 0px -4px no-repeat; padding-left:40px; font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4; font-weight:normal; font-size:1.7em; letter-spacing:0.05em;} #contentribbon {background:url(/img/bg-ribbon-top.png) no-repeat; margin:0 auto; padding:50px 120px; } #contentribbon input { background: #fff ; padding: 15px 15px 15px 15px; margin: 0 0 10px 0; width: 408px; 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;} #contentribbon textarea { background: #fff ; padding: 15px 15px 15px 15px; margin: 0 0 10px 0; width: 408px; 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;} #contactinfo {width:440px; margin-top:20px;} /* reviews */ #reviewform {width:400px;} #reviewform ul {margin:20px 0px;} #reviewform ul li {font-size:1.1em; list-style:none; color:#666; width:400px; min-height:32px; padding-bottom:20px; margin-bottom:10px;} #reviewform textarea {width:370px;} #reviewform .referral-share {margin-top: 70px;} .reviewtext {width:265px; float:left;} .reviewtext p {margin-bottom: -10px !important; padding:0px !important; font-size: 1.1em !important; color:#666 !important; } .reviewstars {width:90px; float:right;padding-top:10px;} .lg-stars.reviewstars {width: 130px;} #public-note-container, #private-note-container {position: relative;} #public-unlocked, #private-locked {border: 1px solid #91b470; border-left:none; width:10px; position:absolute; top:0; right:-20px; box-shadow: 2px 1px 2px #ddd;} #private-locked {border-color:#d8ae40;} #unlocked-img, #locked-img {background: url(/img/unlock-green.png) 0 50% no-repeat; width: 25px; position:absolute; top:0; right: -55px;} #locked-img {background-image: url(/img/lock-yellow.png);} #recommend-dogvacay ul {font-size: .688em; margin: 10px 0; width:420px;} #recommend-dogvacay ul li {float: left; margin: 0 5px; text-align: center; width: auto; min-height: 0; padding-bottom: 0; font-size: 1em; border: none; line-height: 1.4em;} #recommend-dogvacay ul li label {display:block; padding: 0; font-size: 1em; width: auto;} #recommend-dogvacay ul li input[type="radio"] {/* background: transparent; */padding: 0; margin: 0;/* border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0; width: auto; */} #recommend-dogvacay ul li i {color: #2b919f; font-weight: bold;} /* dashboard */ #dashboard {margin:0px auto; width:900px; padding: 0 20px 20px 20px; overflow:hidden; z-index:999; position:relative;} .dashboardtop {margin: 0 auto; width: 940px; z-index: 999; position: relative; height: 20px;} .dashboardtitle {margin:20px 0px 0px 20px;} .dashboardbottom{margin:0px auto 60px auto; width:940px;} #dashboardnav {z-index:0; position:relative; top:4px; left:265px; } #dashboardnav ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px;width: 100%; margin-left:5px; font-size:0.8em;} #dashboardnav ul.tabs li {float: left;margin: 0;padding: 0;height: 31px;line-height: 31px;border: 1px solid #c0c0c0;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;position: relative; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; margin-right:3px;} #dashboardnav ul.tabs li a {text-decoration: none;color: #666;display: block;padding: 0 20px;border: 1px solid #fff;outline: none; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } #dashboardnav ul.tabs li.active a {color:#1f8b99; } #dashboardnav ul.tabs li.tabactive {border: 1px solid #99cccc; background:url(/img/ccecf0.png) repeat; } #dashboardnav ul.tabs li.tabactive a {color:#1f8b99; } #dashboardnav ul.tabs li a:hover {background: #ccc; } #dashboardnav ul.tabs li.tabactive, html ul.tabs li.tabactive a:hover {background:url(/img/ccecf0.png) repeat !important; } #dashboardsidebar {width:210px; float:left; padding:2px;} #dashboardsidebar h2 {text-align:center; font-size:1.2em; font-weight:normal;} #dashboardsidebar h3 {text-align: center; font-size: 1em; font-style: italic; font-weight: normal; color: #888; padding-bottom: 5px;} #dashboardprofilepic{background: url(/img/profile-photobg.png) no-repeat top left; padding:8px; float:left; width:79px; height:86px;} #dashboardprofilename h2{color:#e06f4b; font-size:1.2em; font-weight:bold; margin-left:10px; margin-bottom:2px;} .sidebar-menu-cont {width:210px;} #dashboardmain {float:right; width:670px;} #dashboardmain h2{font-size:1.3em; color:#666; margin-top:15px; margin-bottom:10px; font-weight:normal;} #dashboardsidenav .calendar-confirm-button {padding: 8px; border-radius: 5px; background-color: #0F748C; color: #fff; font-size: 12px; font-weight: bold; border: none; width: 100%;} .dashboardphototxt {text-align:center; font-size:1.2em; font-weight:normal; margin-left:-20px; } .previewbtn {margin-left:5px;} .previewbtn:hover{zoom: 1; filter: alpha(opacity=85); opacity:.85; cursor: pointer;} #dashboard-fb-connect {position: relative; margin: 0 5px; padding: 10px 0 20px 0;} .profile-vaccinations {margin-left: 30px;} #dashboardmain .host-main-cont{ width: 640px; } #dashboardmain .host-list-item{ border: 1px solid #c0c0c0; } #dashboardmain .host-image{ width: 60px; height: 60px; } #dashboardmain .host-info{ width:345px; } #dashboardmain .vacay-info{ background-color: #f3f3f3; bottom:-10px; right:10px; height:15px; padding:10px; position:relative; width:100%; } .bookmark-list-cont .dv-icon__instantbook { background-color: transparent; font-size: 20px; padding: 0; vertical-align: middle; } .add-dog .brown-gradient { margin-top: 8px; margin-left:-4px; width: 586px!important; padding-top: 5px; } .add-dog .img-shadow { height: 60px; width: 60px; } .add-dog-msg, .add-dog-btn, .add-another-dog-btn {background: transparent url(/pug/img/user/edit/edit-profile-dogs-sprite-1.png) no-repeat 0 0; display: block; } .add-dog-msg { background-position: -6px -1px; height: 40px; margin-left: 15px; margin-right: 26px; margin-top: 10px; width: 360px; } .add-dog-btn { background-position: -10px -54px; height: 70px; width: 177px; margin-right: -9px; } .add-another-dog-btn { background-position: -218px -69px; width: 124px; margin-left: 10px; margin-right: 14px; } .banner-cta-container{position:relative;} .banner-cta{position: absolute; top: -44px; right: 23px;} #quiz-banner {position: absolute; top: 19px; right: 23px;} #quiz-banner:hover, .banner-cta:hover {opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} #spring-break-cal-banner {position: absolute; top: 93px; right: 23px; z-index: 5000;} .ie10 #spring-break-cal-banner {top: 94px;} @-moz-document url-prefix() { #spring-break-cal-banner {top: 94px;} } #tos-alert {background: url(/img/bg-tos-alert.png) 0 0 repeat-x; height: 32px; position: relative;} #tos-alert p {text-align: center; font-size: .75em; color: #666; padding-top: 8px;} #tos-alert p a {color: #666; text-decoration: underline;} #tos-alert p a:hover {color:#e06f4b;} #tos-alert a#dismiss {position: absolute; top: 0px; right: 3px; display: block; width: 101px; height: 32px; background: url(/img/dismiss-with-icon.png) 0 -32px no-repeat;} #tos-alert a#dismiss:hover {background-position: 0 0;} #tos-alert .ajaxLoader {position: absolute; top: 8px; right: 42px;} /* dashboard secondary tabs */ #dashboard-secondary-tabs {z-index:0; position:relative; border-bottom: 1px solid #c0c0c0;} #dashboard-secondary-tabs ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px;width: 100%; margin-left:5px; font-size:0.8em;} #dashboard-secondary-tabs ul.tabs li {float: left;margin: 0;padding: 0;height: 31px;line-height: 31px;border: 1px solid #c0c0c0;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;position: relative; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; margin-right:3px;} #dashboard-secondary-tabs ul.tabs li a {text-decoration: none;color: #666;display: block;padding: 0 20px;border: 1px solid #fff;outline: none; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } #dashboard-secondary-tabs ul.tabs li.active a {color:#1f8b99; } #dashboard-secondary-tabs ul.tabs li.tabactive {border: 1px solid #99cccc; background:url(/img/ccecf0.png) repeat; } #dashboard-secondary-tabs ul.tabs li.tabactive a {color:#1f8b99; } #dashboard-secondary-tabs ul.tabs li a:hover {background: #ccc; } #dashboard-secondary-tabs ul.tabs li.tabactive, html ul.tabs li.tabactive a:hover {background:url(/img/ccecf0.png) repeat !important; } #dashboardmain h3.tabbed-header {font-size: .688em; color: #1f8b99; border: 1px solid #c0c0c0; background: #e3f4f6; padding: 5px 8px;} /*notifications */ .notification{border:1px solid #339999; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#ccecf0; padding:10px; margin-bottom:25px;} .notification p{font-size:.8em; color:#666; line-height:1.6em;} .notification a{color:#339999; text-decoration:underline;} .notification a:hover{color:#e06f4b;} .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:#444 !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;} .alertnotify{border:1px solid #be8007; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#faf6d4; padding:15px; margin-bottom:25px; overflow:hidden;} .alertnotify p{color:#be8007;} .alertnotify b, .alertnotify strong{font-weight:bold;} #dashboardgallery .alertnotify p{color:#444444;} #dashboardgallery .alertnotify{border:1px dashed #666666; background:#f1f1f1; margin-top:5px; margin-bottom:15px;} /* dashboard messages */ .messagepreview {border-top:1px dashed #888; padding:10px 0; overflow:hidden;} .messagepreview:first-child {border: none;} .messagetype{font-size:.9em; color:#444;} .messagesubject {color:#48bab6; font-size:.8em; width:520px;float:left; line-height:1.6em;} .messageheader {color: #444; font-size: .8em; width: 520px; float: left; line-height: 1.6em;} .messagemeta {float:right; width:100px;font-size:.75em; color:#999; text-align:right; font-weight:bold; font-style: italic; padding-right: 1px;} .messagemeta p {padding-right: 3px;} .author {color:#888; font-weight:normal;} .unread {font-weight:bold; color:#48bab6;} #messagepagination {} .dv-icon__instantbook {padding: 2px; background-color: #085163; border-radius: 50%; color: #ffce00 !important; text-shadow: none;} .message-heading .dv-icon__instantbook {float: right; margin-right: 80px; margin-top: 2px; font-size: 18px; } .messagemeta .dv-icon__instantbook {float: left; font-size: 14px; margin-left: 5px;} #cshowmore, #ushowmore, #cshowless, #ushowless {font-size: .688em; text-align: right; background: #fff !important;} #cshowmore a, #ushowmore a, #cshowless a, #ushowless a {background: url(/img/less-more.png) right top no-repeat; padding: 1px 18px 0 0;} #cshowless a, #ushowless a {background-position: right -14px;} @-moz-document url-prefix() { #cshowmore a, #ushowmore a, #cshowless a, #ushowless a {padding-top: 2px;} } /* dashboard side nav */ #dashboardsidenav { } #dashboardsidenav ul {margin:0px; padding:0px;} #dashboardsidenav ul li{background:url(/img/bg-sidenav.png) 0 0 no-repeat; padding:12px 0px 0px 20px; display:block; width:190px; height:32px; margin-right:5px; margin-bottom: 7px;} #dashboardsidenav ul li:hover {background-position: 0 -43px;} #dashboardsidenav ul li a{ font-size:.8em; color:#666; display:block;} #dashboardsidenav .active, #dashboardsidenav .active:hover {background-position: 0 -86px; color:#2b919f;} #dashboardsidenav .active a{color:#1f8b99;} /* dashboard about settings */ .dashboardbluebox {border:1px solid #48bab6; background:#eaf2f3; overflow:hidden; padding:30px; color:#4f4f4f; margin-bottom:20px; box-shadow: 0 0 4px #ddd;} .dashboardbluebox15 {border:1px solid #48bab6; background:#eaf2f3; overflow:hidden; padding:15px; color:#4f4f4f; margin-bottom:20px; box-shadow: 0 0 4px #ddd;} .dashboardgreybox15 {border:1px solid #888; background:#eee; overflow:hidden; padding:15px; color:#4f4f4f; margin-bottom:20px; box-shadow: 0 0 4px #ddd;} #profilecurrentinfo { float:right; width:370px; font-size:.8em;} #profilecurrentinfo ul{margin:0px; padding:0px;} #profilecurrentinfo ul li{padding:12px 0; border-bottom:1px dashed #888;} #profileguarantee h3 {font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; font-weight:normal; font-size:1.7em; letter-spacing:0.05em; margin-bottom:10px; line-height:1.1em;} #pack-leader-referrals .messagemeta {width: 150px; font-size: .8em; font-weight: bold; font-style: normal;} #pack-leader-referrals .messagemeta p {padding-right: 0;} #pack-leader-referrals .messagesubject {width: 470px;} #pack-leader-tabs {z-index:0; position:relative; border-bottom: 1px solid #c0c0c0; margin-bottom: 10px;} #pack-leader-tabs ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px;width: 100%; margin-left:5px; font-size:0.8em;} #pack-leader-tabs ul.tabs li {float: left;margin: 0;padding: 0;height: 31px;line-height: 31px;border: 1px solid #c0c0c0;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;position: relative; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; margin-right:3px;} #pack-leader-tabs ul.tabs li a {text-decoration: none;color: #666;display: block;padding: 0 20px;border: 1px solid #fff;outline: none; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } #pack-leader-tabs ul.tabs li.active a {color:#1f8b99; } #pack-leader-tabs ul.tabs li.tabactive {border: 1px solid #99cccc; background:url(/img/ccecf0.png) repeat; } #pack-leader-tabs ul.tabs li.tabactive a {color:#1f8b99; } #pack-leader-tabs ul.tabs li a:hover {background: #ccc; } #pack-leader-tabs ul.tabs li.tabactive, html ul.tabs li.tabactive a:hover {background:url(/img/ccecf0.png) repeat !important; } #pack-leader-payouts .payout-month {border-bottom:1px dashed #888; padding-bottom:10px; margin-bottom:10px; overflow:hidden;} #pack-leader-payouts .payout-month .payout-date {font-size: .9em; color: #444;} #pack-leader-payouts .payout-month .payout-date span {color: #999; font-size: .8em; font-style: oblique;} #pack-leader-payouts .payout-month .payout-amount {float: right; width: 150px; font-size: .8em; color: #999; text-align: right; font-weight: bold; padding-top: 1px;} #packleaderpayout {border:1px solid #48bab6; background:#eaf2f3; overflow:hidden; padding:15px; color:#4f4f4f; margin-bottom:20px; width:300px; float:right; margin-top:-40px;} #packleaderpayout p {font-size:0.8em; margin:4px 0;} #packleaderpayout h3 {font-size:1em; margin-bottom:10px;} #packleaderperformance {float:left; margin-top:10px;} #packleaderperformance p {padding-bottom:8px; font-size:0.8em;} #packleaderbg {background:url(/img/bg-packleader.jpg); height:489px; margin-left:-49px; width:755px; padding:0px 30px;} #contestcontent {margin: 0 auto; padding: 10px 6px 30px 6px; width:805px;} .ratetickli { width: 390px; } /* dashboard and signup gallery*/ #dashboardgallery {float:right; width:208px; margin-left:5px;} #dashboardgallery ul{margin-top:5px; list-style:none;} #dashboardgallery ul li {display:inline; padding:right:2px; float:left; cursor: hand; cursor: pointer; } #dashboardgallery .profilephotolarge h2 {font-size: 1.2em; text-align: center; margin: 0; padding: 5px 0 0 0; color: #222;} #signupgallery {width:255px; margin: 0 auto; padding-top: 20px;} #signupgallery ul{list-style:none;} #signupgallery ul li {float:left; cursor: pointer; margin: 3px !important; background: #fff; padding: 1px; border: 1px solid #ccc;} #signupgallery .photo {width: 75px; height: 75px;} #sortgallery {} .sortgallerycontainer {width:75px; height:75px; position:relative; padding:0;} .sortgallerycontainerlg {width:180px; height:180px; position:relative; padding:0px 2px 2px;} .sortgallerycontainer240 {width: 240px; height: 240px; position: relative; padding: 0;} .sortgallerydelete {cursor:pointer; position:absolute; height:35px; width:35px; right: -22px; top: -11px; z-index:999;} .sortgallerydelete180 {cursor:pointer; position:absolute; height:35px; width:35px; right: -14px; top: -15px; z-index:999;} .sortgallerydelete240 {cursor:pointer; position:absolute; height:35px; width:35px; right: -14px; top: -15px; z-index:999;} a.why_cant_edit {font-size: 11px; padding-right: 10px;} /* messages */ #mainmessage {overflow: visible;} #mainmessage p {font-size:0.8em;} .messagedatemeta {float:right; width:240px; } .doginfometa {float:left; width:195px; padding-right: 15px; border-right:1px solid #888;} .doginfometa2 {float:right; width:225px; margin-left:15px;} .doginfometa p, .doginfometa2 p {word-wrap: break-word;} .dogphotometa {float:left; width:155px;} .messagereplieswrap {border:1px solid #ccc;background:#eee; overflow:hidden; padding:15px; color:#4f4f4f; margin-bottom:20px; width:500px; float:right;} .replyprice {float:right; font-size:2.0em; font-weight:bold; width:150px; text-align:right;} .replyheading {font-size:0.75em; margin-bottom:15px;} .profilepicreply{width:78px; font-size:0.8em; margin-bottom:20px;} #replygeneral {font-size:0.8em;} img.msg-status {position: absolute; top: 5px; right: 0;} .messagereplieswrap.message-by-admin {padding-top: 0; position: relative; overflow: visible;} .message-by-admin .admin-banner {display: block; background: url(/img/admin-label.png) 0 0 no-repeat; width: 95px; height: 72px; position: absolute; top: -3px; left: -4px; z-index: 500;} .message-by-admin .admin-name {text-align: center; font-size: .75em; color: #50b6c4; text-decoration: underline; background: #ffffcc; border-bottom: 1px solid #ccc; padding: 10px; margin: 0 -15px 10px -15px;} .review-shelf {width: 640px; height: 106px; background: url(/img/bg-review-shelf-wide.png) 0 0 no-repeat; margin: -20px auto 40px auto; font-size: .75em; color: #878787;} .review-shelf h3 {font-size: 1.833em; font-weight: normal;} .review-shelf .badge-review {padding: 17px 20px 0 30px;} .review-shelf .review-info {padding-top: 23px; width: 285px;} .review-shelf .review-btn {padding: 33px 20px 0 0;} .review-shelf .review-btn a:hover {opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} #adminmessageinfo {padding: 5px 10px 5px 109px; border: 1px solid #cfcfcf; background-color: #eaeaea; border-radius: 3px; margin-bottom: 10px; font-size: .75em; color: #666; position: relative;} #adminmessageinfo .banner {display: block; background: url(/img/admin-label.png) 0 0 no-repeat; width: 95px; height: 72px; position: absolute; top: -3px; left: -4px; z-index: 500;} #adminmessageinfo .floatl, #adminmessageinfo .floatr {width: 240px; margin-right: 5px;} #messaging-disabled {border: 1px solid #ccc; background: #fff url(/img/bg-messaging-disabled-body.png) 0 0 repeat-x; font-size: .75em;} #msg-dis-header {background: url(/img/bg-messaging-disabled-header.png) 0 0 repeat-x; padding: 13px 20px 14px 20px; font-size: 1.5em;} #msg-dis-body {padding: 20px 25px 15px 25px; line-height: 2em; background: url(/img/sad-pup.png) 355px 40px no-repeat;} #msg-dis-body h4 {font-size: 1.167em;} #search-tools {padding: 5px 10px; border: 1px solid #cfcfcf; background-color: #eaeaea; border-radius: 3px; margin-bottom: 10px; font-size: .75em; color: #666;} #search-tools #filter {float: right;} #search-tools #filter label {vertical-align: middle; padding: 2px 5px 0 0; font-style: italic;} #search-tools #filter #filter-sender {min-width: 150px;} #search-tools #filter #filter_sender_chzn {vertical-align: middle;} #search-tools #filter .chzn-container-single .chzn-single {padding: 0 10px;} #search-tools #filter .chzn-container-single .chzn-single div b {margin-top: 0;} #search-tools #filter #clear-filter {padding: 3px 0 0 5px; font-size: .8em; vertical-align: middle;} /* Tool Tips */ .jTooltip img {vertical-align:top;} .jTooltipsm img {vertical-align:top; } .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; z-index:10000; position:relative;} .tooltip-small {display:none; background:transparent url(/img/bg-tooltip.png) top left no-repeat; font-size:10px; height:60px; width:218px; padding:7px 15px 20px 25px; color:#888; z-index:10000; position:relative;} .sTooltip img {vertical-align:top;} #badgeTooltip img {vertical-align:top;} .toptooltip {display:none; background:transparent url(/img/bg-toptooltip.png) top left no-repeat; font-size:12px; height:74px; width:224px; padding:10px 15px 10px 15px; color:#888;} .dynamictooltip {display:none; z-index: 10000;} .tooltipleftarrow {background:transparent url(/img/bg-tooltip-leftarrow-yellow.png) no-repeat; position:absolute; z-index:50; width:19px; height:19px; margin:-20px 0px 0px -8px; top:50%;} .tooltiptop {margin-bottom:-10px;} .tooltipinner { background:transparent url(/img/bg-toptooltip-inner-yellow.png) top left repeat-y; font-size:0.75em; padding:10px 20px 0px 20px; width:214px; color:#444; line-height:1.6em;} .tooltipinner .normal {margin:0; padding:0 0 10px 0; color:#666; font-size: .917em;} .tooltipinner .normal h4 {font-weight: normal; text-decoration: underline; margin: 0; padding: 0; color: #666; font-size: 1.091em;} .tooltipinner .selected {margin:0; padding:0 0 10px 0; font-weight:bold !important; color: #444; font-size: .917em;} .tooltipinner .selected h4 {font-size:1.091em; text-decoration: underline; margin: 0; padding: 0; color: #444; font-weight: bold !important;} /* reply accordion */ #replyselect { background:#fff ;width: 500px; border:1px solid #ccc; -background:#666; float:right;} #replyselect h2 {margin:0; padding:6px 15px; font-size:1em; font-weight:normal; border:1px solid #fff; cursor:pointer; } #replyselect h2:hover {text-decoration:underline;} #replyselect h2.current {cursor:default; }/* currently active header */ #replyselect h2.current:hover {text-decoration:none; } #replyselect h2.current img {display:none;} #replyselect .pane {border:1px solid #fff; border-width:0 2px; display:none; overflow:hidden; padding:15px; color:#888; font-size:1em;}/* accordion pane */ #replyselect .pane h3 {font-weight:normal; margin:0 0 -5px 0; font-size:1.2em; color:#999;} /* a title inside pane */ #replyselect .pane p{color:#888; font-size:0.8em; margin-bottom:5px;} .quoteprice { background: #fff ; padding: 15px 15px 15px 15px; margin: 0 10px 5px 0; width: 185px; 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; float:left;} .replies textarea { background: #fff ; padding: 15px 15px 15px 15px; margin: 0 0 10px 0; width: 430px; height: 85px; 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;} .replies label {color:#888; font-size:0.9em;} .replysendprefix {width:250px; font-style:italic; float:left; font-size:0.8em; margin-top:10px;} #replyextraservices ul li{font-size:0.9em; margin:10px 0;} .extraservicescheckbox {width:140px; float:left; font-size:0.8em;} .replyquotenote {border:1px solid #48bab6; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#eaf2f3; padding:10px; margin-bottom:20px;} .replyquoteinternal {border-bottom:1px dotted #800080; padding-bottom:10px; margin-bottom:10px;} .replyquoteinternal_label {margin-bottom: 5px; color: #800080;} .replyquoteinternal_note {width:160px; font-size: 13px;} .replyquoteinternal_note p {padding-top: 3px; padding-left: 15px; color: #800080 !important;} .replyaccept {background:url(/img/bg-messages-accept.jpg) no-repeat;} .replyrequest {background:url(/img/bg-messages-request.jpg) no-repeat;} .replydecline {background:url(/img/bg-messages-decline.jpg) no-repeat;} .replyquote {background:url(/img/bg-messages-quote.jpg) no-repeat;} .custom_quote_form #daterangecal .errors {font-size:1em!important; margin-left:12px;} .custom_quote_form #daterangecal label {height:18px;} .custom_quote_form .chzn-container .chzn-results {max-height:220px;} /* bookmarks */ #profiletabs li#bkmk-tab {float: right; border: none; background: none; border-radius: 0; height: 21px; padding: 10px 5px 0 0; line-height: 1.4em; min-width: 130px; text-align: right;} #profiletabs li#bkmk-tab.tabactive {border: none;} #profiletabs li#bkmk-tab a {height: auto; padding: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; display: inline;} #profiletabs li#bkmk-tab a:link, #profiletabs li#bkmk-tab a:visited, #profiletabs li#bkmk-tab a:active {color:#48bab6;} #profiletabs li#bkmk-tab a:hover {color:#e06f4b; background: none;} #profiletabs li#bkmk-tab a.bkmk-heart:hover {background: url(/img/bkmk-heart.png) no-repeat;} .add-bkmk, .rem-bkmk {float: left; font-size: .8em; position: relative;} .add-bkmk .bkmk-heart, .rem-bkmk .bkmk-heart {display:block !important; background: url(/img/bkmk-heart.png) 0 0 no-repeat; height: 18px; width: 22px !important; float: left;} .rem-bkmk .bkmk-heart {background-position: 0 -18px;} .rem-bkmk i {font-weight: bold;} .rec-bkmk p, .rec-bkmk .bkmks {float: left;} .rec-bkmk .bkmks {margin-left: 10px;} .rec-bkmk .add-bkmk, .rec-bkmk .rem-bkmk {padding-left: 0; float: none;} .rec-bkmk .bkmks a {display: block; width: 22px; float: none; text-indent: -9999px;} .rec-bkmk .tooltipinner {text-align: center; font-size: 1em;} .profileblurb .rec-bkmk {width: 22px; float: left;} #citylinks {margin-top:6px; text-align:right; width:570px;} #citylinks ul {margin-right:17px;} #citylinks ul li{display:inline; margin-right:3px;} #citylinks ul li a{font-size:0.6em; color:#bbb;} /* custom form elements */ .checkbox, .radio {width: 19px; height: 25px; padding: 0 5px 0 0; background: url(/img/checkbox.png) no-repeat;display: block;clear: left; float: left; } .radiobtn {background: transparent !important ; padding: 0px !important; margin: 0 0 10px 0; width: 18px !important; border: none !important; box-shadow: none !important;} /* modal wrappers */ #grouponModalCont { -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px; display:none; background: url("/img/bg-signup-modal-gradient.png") repeat scroll 0 0 #FFF;} #grouponModalCont iframe {border-radius: 15px; } #payoutmethodmodal { -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px; display:none; background:#fff; padding:20px;} #contactinfomodal { -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px; display:none; background:#fff; padding:20px;} #referfriendmodal { -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px; display:none; background:#fff; padding:20px;} #calendarmodal { width:716px; color: #666; font-size: .813em; line-height: 1.6em; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px; display:none; background:#fff; padding:20px;} .simple_overlay { display:none; z-index:10000; min-height:200px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px;padding:20px; background:#fff; } .deleteMethodModalContainer { -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px; display:none; background:#fff; padding:20px;} #enter-challenge-modal { -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 15px; display:none; background:#fff; padding:20px;} #share-experience-modal { -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; border: 1px solid #ccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; display:none; background:#fff; padding:0; width: 520px;} .rates-modal {width: 522px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; box-shadow: 0 0 90px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; display:none; background:#fff; padding:0;} .close { background-image:url(/img/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } div.contentWrap { overflow-y:auto; } #calendarmodal h1 {display: block; background: url(/img/cal-update-title.png) 0 0 no-repeat; width: 574px; height: 63px; margin: 0 auto; text-indent: -1000em; padding-bottom: 10px;} #calendarmodal h2.indent {position: absolute; top: 0; left: 0; text-indent: -1000em;} #calendarmodal #cal-update-ribbon {display: block; background: url(/img/bg-cal-modal-ribbon.png) 0 0 no-repeat; width: 656px; height: 39px; padding: 28px 30px; position: relative;} #calendarmodal #last-update {position: absolute; top: 40px; right: 45px; font-style: italic;} #calendarmodal #cal-choices {padding-top: 0px;} #calendarmodal h2#title2 {display: block; background: url(/img/cal-update-title-2.png) 0 0 no-repeat; width: 667px; height: 21px; margin: 0px auto 10px auto; text-indent: -1000em;} #calendarmodal .blue-box {background: #eaf2f3; border: 1px solid #48bab6; padding: 20px 15px 11px 15px; text-align: center; width: 316px;} #calendarmodal .blue-box h3 {font-size: 1.538em; color: #4eb0bd; text-shadow: 1px 1px 1px rgba(0,0,0,.1); padding-bottom: 12px;} #calendarmodal .blue-box p {padding-bottom: 20px;} #calendarmodal #big-or {position: absolute; top: 69px; left: 333px;} #calendarmodal #cal-success {padding-top: 30px;} #share-experience-modal .share-header {background: url(/img/bg-share-experience-modal-header.png) 0 0 repeat-x; height: 50px; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0;} #share-experience-modal h3 {background: url(/img/icon-heart-dog.png) 14px 13px no-repeat; font-size: 1.375em; padding: 10px 0 0 49px; color: #4d4d4d;} #share-experience-modal h4 {text-align: center; font-size: 1.125em; color: #47aab9; text-shadow: 1px 1px 3px rgba(0,0,0,.08); padding: 15px 0;} #share-experience-modal .share-buttons {background: url(/img/bg-share-buttons-container.png) 0 0 no-repeat; width: 497px; height: 185px; padding-bottom: 20px; margin-left: 9px; position: relative;} #share-experience-modal .share-buttons .facebook {position: absolute; top: 28px; right: 15px;} #share-experience-modal .share-buttons .twitter {position: absolute; top: 117px; right: 16px;} .dv-confirmed-availability-modal__checkbox label:before {box-sizing: border-box;} .dv-confirmed-availability-modal__checkbox label:after {box-sizing: border-box;} /* Google map */ #map_canvas {width: 600px; height: 454px;border:1px solid #dbdbdb;} #map_canvas_profile {width: 600px; height: 278px;border:1px solid #dbdbdb;} #signup_map {height:300px; width:317px; margin-bottom:20px; margin-left:-20px;} /* Calendar */ #backend_spinner{width: 650px; height: 455px; padding-bottom: 10px; background: url(/js/BookingCalendar/images/loader-big.gif) no-repeat center center;} #backend{width: 650px; height: 455px; padding-bottom: 10px; display: none;} #frontend_spinner{width: 600px; height: 445px; display:block; background-color: #ffffff; background: url(/js/BookingCalendar/images/loader-big.gif) no-repeat center center;} #frontend{width: 600px; height: 445px; background-color: #ffffff; display: none;} #publicvisible {background:url(/img/bg-public-slider.jpg) no-repeat top left; height:58px; width:633px; margin-bottom:10px; padding:10px;} #publicvisible h3 {font-size:14px; font-weight:bold; color:#5fb5c4; float:left;} #publicvisible p {width:460px; float:left; color:#888; font-size:13px;} /*customer review*/ #customerreview {background:url(/img/bg-jagged-mid.png) repeat-y; margin:0px auto; padding:30px 10px 10px; width:797px;} #customerreview p {color:#888; line-height:1.8em; font-size:.9em; margin-bottom:20px;} #customerreview h2 {background:url(/img/h2-paw.png) no-repeat 0px -4px; padding-left:40px; font-family: 'MarydaleRegular', Helvetica, Arial, sans-serif; color:#50b6c4; font-weight:normal; font-size:1.7em; letter-spacing:0.05em; margin-bottom:10px;} div#quotes { width: 777px; margin: auto; } div.quote { float: left; margin: 10px; width: 230px; font-size: 0.8em; } div.quote .review { display: block; padding: 10px 20px; color: #666; line-height: 1.7em;} div.quote .reviewer { display: block; font-weight: bold; font-style: oblique; font-size: larger; color: #666; } div.quote .host { display: block; text-decoration: underline; font-weight: bold; } div.quote .browse { display: block; text-decoration: underline; font-size:0.9em;} .random1 { background:url(/img/customer-review-blue-mid.jpg) repeat-y top left; width:194px; margin-top:-10px;} .random2 { background:url(/img/customer-review-green-mid.jpg) repeat-y top left; width:194px; margin-top:-10px;} .random3 { background:url(/img/customer-review-yellow-mid.jpg) repeat-y top left; width:194px; margin-top:-10px;} /* front page scroller */ #press {text-align: center; } .scrollable {position:relative; overflow:hidden; width: 763px; height:50px; margin:0; } .scrollable.narrow {height: 65px;} .scrollable .items { width:20000em; position:absolute; clear:both;} .items div {float:left; width:763px;} .scrollable.narrow .items div {width: 558px;} .scrollable img {margin:0 5px; width: 753px; height: 50px;} .scrollable .active {position:relative; cursor:default;} .scrollable.narrow {width: 558px;} .scrollable.narrow img {margin: 0; width: 558px; height: 65px;} /* admin styles */ #admin-menu {padding: 5px 10px; margin: 0 auto 9px auto; width: 960px;} #admin-menu label {margin-right: 5px;} /* fixed table headers */ #fixed-header {position: fixed; top: 0; display: none;} /* ipad email capture page */ h1.ipad-header {float: left; font-size: 1.875em; font-weight: normal; padding: 23px 0 0 116px;} .emailcaptitle {padding: 15px 0 15px 40px; font-size: 1.5em;} form#email-capture {padding: 0 40px; font-size: .75em; color: #4c4c4c;} form#email-capture label {display: block; padding-bottom: 5px;} form#email-capture label span {font-size: 1.167em; color: red;} form#email-capture input[type="text"], form#email-capture input[type="email"], form#email-capture input[type="date"] {padding: 8px 7px; background: #fff; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 0 5px rgba(0,0,0,.4); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.4); width: 426px; margin-bottom: 12px !important; font-size: 1.333em; color: #4c4c4c !important; -webkit-appearance: none;} form#email-capture.host input[type="text"], form#email-capture.host input[type="email"], form#email-capture.host input[type="date"] {margin-bottom: 20px !important;} form#email-capture input.errorfield {background: #ffcccc; box-shadow: inset 0 0 5px #993333; -moz-box-shadow: inset 0 0 5px #993333; -webkit-box-shadow: inset 0 0 5px #993333; color: #993333 !important;} form#email-capture .floatl input[type="text"], form#email-capture .floatl input[type="date"] {width: 201px;} form#email-capture input.date {float: none !important; font-weight: normal !important; color: #4c4c4c !important;} #guest-form-container {background: url(/img/bg-jagged-form-retina) 0 0 no-repeat; background-size: 500px 402px; width: 440px; height: 382px; padding: 10px 30px; float: left;} #guest-form-container hr {padding: 0; margin: 12px 0; height: 2px; background: #c0c0c0 url(/img/bg-hr.png) 0 0 repeat-x; border: none;} /* form#email-capture.host hr {margin: 20px 0;} */ #ipadsearchdates .floatl {position: relative;} #ipadsearchdates .caltrigger {position: absolute; bottom: 20px; right: 5px;} #guest-form-container .errors {font-size: .917em !important; margin: -12px 0 5px 0;} form#email-capture.form #guest-form-container .errors {margin-top: -20px;} #rep-form-container {width: 300px; float: right; margin-top: -12px;} #rep-form-container .photo-stack {padding-bottom: 20px;} #rep-form-container #rep-form {background: url(/img/bg-rep-box-retina.png) 0 0 no-repeat; background-size: 282px 67px; display: block; width: 262px; height: 47px; padding: 12px;} #rep-form .clearfix {padding-bottom: 5px;} #rep-form label {float: left; width: 105px; padding-top: 1px;} #rep-form select, #rep-form .rep-selected {float: left; width: 156px;} #email-cap-submit {padding: 20px 0 10px 0; position: relative;} #email-cap-submit .ajaxLoader {position: absolute; bottom: 29px; right: 263px;} #guest-form-success {width: 500px; float: left; font-size: 1.5em;} .btn-reload-form {display: block; width: 112px; height: 27px; background: url(/img/btn-reload-form.png) 0 0 no-repeat; background-size: 112px 27px; text-indent: -1000em; margin: 0 auto;} .icon-refresh {display: block; width: 20px; height: 23px; background: url(/img/icon-refresh.png) 0 0 no-repeat; background-size: 20px 23px; text-indent: -1000em;} /* ios app notification banner */ #get-the-app {background: #f7f7f7;} #get-the-app #app-container {width: 940px; margin: 0 auto; padding: 14px 20px;} /* Cesar Contest Modal 2013 */ .cesar-modal-container {background:#fff url(/img/cesar/bg-cesar-modal.png) repeat-x; width:550px; height:277px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; box-shadow: 0 0 90px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } #cesar-modal-head {height:170px; text-align: center; padding-top:16px;} #cesarmoresitters {width:271px; height:90px; float:left; text-align: center; padding-top:20px; padding-left:2px;} #cesarworks {background:url(/img/cesar/blue-vertical-divider.png) no-repeat; width:271px; height:90px; float:right; text-align: center; padding-top:20px;} a.cesarbutton:hover {zoom: 1; filter: alpha(opacity=90); opacity:.90; cursor: pointer; }