#connect {
    padding:0 0 0 15px;
}

#connect .button {
    float:left;
}

.whatsThis {
    font-size:10px;
    text-decoration:underline;
    padding:3px 0 0 8px;
    display:block;
    float:left;
}

.whatsThis:hover {
    text-decoration:none;
}

#fbWhatsThis {
    width:162px;
    height:120px;
    padding:10px 12px;
    position:absolute;
    z-index:9999;
    top:15px;
    left:190px;
}

#fbWhatsThis h4 {
    font-size:12px;
    font-weight:bold;
    margin:0 0 5px 0;
}

#fbWhatsThis p {
    color:#393939;
    font-size:11px;
    line-height:14px;
}

.errorContainer {
    height:30px;
    color:#ff0000;
    font-size:12px;
    margin:0 0 10px 0;
}

#topContent #signUp_or {
    width:164px;
    height:41px;
    float:left;
}

#topContent #login {
    width:52px;
    height:41px;
    float:left;
    cursor:pointer;
}

#topContent .begin .sansFB #signUpNoFB {
    width:312px;
    height:17px;
    cursor:pointer;
}

#stateSelectLink {
    display:block;
    width:77px;
    height:26px;
    position:absolute;
    top:191px;
    left:359px;
    top:expression('183px');
    z-index:9999;
    line-height:22px;
    padding:2px 5px;
    color:#666;
}

#stateSelect {
    background:#f5f5f5;
    height:225px;
    width:182px;
    position:absolute;
    top:206px;
    top:expression('203px');
    left:357px;
    padding:0 0 0 8px;
}

#stateSelect .clear {
    clear:both;
    text-align:center;
}

#stateSelect a {
    display:block;
    float:left;
    text-transform:uppercase;
    width:19px;
    height:15px;
    padding:2px;
    text-align:center;
    margin:3px;
    font-size:12px;
    text-decoration:none;
}

#stateSelect a:hover {
    color:#fff;
}

.ui-widget-overlay {
    background:#fff;
    opacity:0.7;
    filter: alpha(opacity = 70);
    zoom:1;
    position:absolute;
    top:0;
    left:0;

}

.ui-dialog {
    background:#fff;
    position:absolute;
}

#signUp_ui-dialog .ui-dialog {
    height:244px !important;
    width:427px !important;
    left:50% !important;
    margin-left:-218px;
    text-align:left;
}

.ui-dialog-titlebar {
    width:25px;
    float:right;
    z-index:9000;
}

.ui-dialog-titlebar a {
    font-size:18px;
    font-weight:bold;
    line-height:15px;
    text-decoration:none;
    display:block;
    padding:5px;
    z-index:9001;
}

#ui-dialog-title-signUpPanel, #ui-dialog-title-loginPanel, #ui-dialog-title-forgotPasswordPanel, #ui-dialog-title-nutritionPopPanel, #ui-dialog-title-breedLargeImage, #ui-dialog-title-storeFinderPanel {
    display:none;
}

#signUp.outer {
    padding:15px 0 0 0;
    height:229px;
    position:static;
}

#signUp.outer .top {
    padding:0 0 0 15px;
    height:44px;
}

#signUp.outer .imgText {
    margin:10px 0 15px 15px;
}

#signUp.outer .sansFB {
    height:54px;
    position:absolute;
    bottom:0;
    left:0;
    width:427px;
}

#signUp.outer .sansFB a {
    display:block;
    padding:18px 15px;
}

#signUp.outer .step1 {
    clear:both;
    padding:20px 15px 15px 15px;
    position:absolute;
    bottom:0;
    left:0;
    width:371px !important;
}

#signUp_ui-dialog .step1 {
    height:480px !important;
    width:401px !important;
    /*
    margin-left:-206px;
    margin-top:-15%;
    */
}

#signUp_ui-dialog #regForm1.step1 {
    height:248px !important;
    margin-left:0;
}

#signUp.outer .regFields1 {
    padding:10px 0 0 0;
}

#signUp.outer .regFields1 .col {
    float:left;
    width:180px;
    margin:0 5px 0 0;
}

#signUp.outer .regFields1 .row {
    margin:0 0 5px 0;
    height:42px;
}

#signUp.outer .regFields1 .label, #signUp.outer .regFields2 .label {
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    margin:0 0 2px 2px;
}

#signUp.outer .regFields1 .field {
    background:url("/images/sign_up_or_login/textfield_bg.png") repeat-x left top;
    border:1px solid #CCC;
    width:146px;
    padding:2px 0;
    height:24px;
    font-size:14px;
    color:#666;
    line-height:22px;
}

#signUp.outer .regFields1 .learnMore {
    color:#464646;
    font-size:12px;
    padding:10px 0 0 0;
    float:left;
}

#signUp.outer .regFields1 .learnMore a {
    text-decoration:none;
}

#signUp.outer .regFields1 .learnMore a:hover {
    text-decoration:underline;
}

#signUp.outer .regFields1 .error {
    background:url("/images/sign_up_or_login/textfieldError_bg.png") repeat-x scroll 0 0 transparent;
    border:1px solid #CCCCCC;
}

#signUp.outer .regFields1 .submitBtn {
    float:right;
}

#signUp.outer .regFields1 .submitBtn input {
    border:0;
    cursor:pointer;
}

#signUp.outer .regFields1 .row .messaging {
    color:#ff0000;
    font-size:10px;
    position:relative;
    top:46%;
    line-height:12px;
}
 
#signUp.outer .regFields1 .row .twoline {
    top:30%;
}

#signUp_ui-dialog #regForm2.step2 {
    height:430px !important;
    width:590px !important;
    margin-left:0;
    padding:0 0 20px;
}

#signUp.outer .step2 {
    clear:both;
    padding:20px 15px 15px 15px;
    width:371px !important;
    margin-top:0;
}

#signUp_ui-dialog .step2 {
    height:550px !important;
    width:590px !important;
    /*margin-left:-295px;
    margin-top:-20%;*/
}

#signUp_ui-dialog .step2 .top #step1Thanks {
    width:567px;
    height:39px;
}

#signUp_ui-dialog .step2 .heading {
    padding:0 15px;
    padding-bottom:10px;
}

#signUp_ui-dialog .step2 .heading .entreeHeading {
    background:url('/images/sign_up_or_login/pink/claim_coupon_heading.png') no-repeat left top;
    width:477px;
    height:14px;
    display:block;
}

#signUp_ui-dialog .step2 .regFields2 .floatFix {
    height:105px;
}

#signUp_ui-dialog .step2 .regFields2 .col {
    float:left;
}

#signUp_ui-dialog .step2 .regFields2 .left {
    width:180px;
    height:105px;
    padding:0 5px 0 15px;
}

#signUp_ui-dialog .step2 .regFields2 .right {
    border-left:1px solid #e9e9e6;
    width:345px;
    height:105px;
    padding:0 5px 0 15px;
}

#signUp_ui-dialog .step2 .regFields2 .right .row .float {
    margin:10px 10px 0 0;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .row {
    height:38px;
    margin:0 0 5px 0;
}

#signUp_ui-dialog .step2 .regFields2 .float {
    float:left;
    margin:0 10px 0 0;
}

#signUp_ui-dialog .step2 .regFields2 input.field {
    background:url('/images/sign_up_or_login/textfield_bg.png') repeat-x left top;
    border:1px solid #CCC;
    line-height:22px;
    font-size:14px;
    color:#666;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs select {
    width:118px;
	font-size: 10px;
}

#signUp_ui-dialog .step2 .regFields2 input.error {
    background:url('/images/sign_up_or_login/textfieldError_bg.png') repeat-x left top;
    border:1px solid #CCC;
}

#signUp_ui-dialog .step2 .regFields2 #emailContainer input {
    width:156px;
    height:24px;
    padding:2px 5px;
}


#signUp_ui-dialog .step2 .regFields2 #addressContainer input {
    width:301px;
    height:24px;
    padding:2px 5px;
}

#signUp_ui-dialog .step2 .regFields2 #cityContainer input {
    width:121px;
    height:24px;
    padding:2px 5px;
}

#signUp_ui-dialog .step2 .regFields2 #stateContainer {
    width:87px;
    height:30px;
}

#signUp_ui-dialog .step2 .regFields2 #stateContainer input {
    background:url('/images/sign_up_or_login/stateField_bg.jpg') no-repeat left top;
    border:0;
    width:77px;
    height:26px;
    padding:2px 5px;
    line-height:22px;
    color:#666;
}

#signUp_ui-dialog .step2 .regFields2 #stateContainer input.error {
    background:url('/images/sign_up_or_login/stateFieldError_bg.jpg') no-repeat left top;
}

#signUp_ui-dialog .step2 .regFields2 #zipContainer input {
    width:61px;
    height:24px;
    padding:2px 5px;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs {
    clear:both;
    margin:15px 0 10px 0;
    padding:11px 0px 11px 16px;
    height:136px;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .dogFields {
    border-right:1px solid #dfd3d8;
    padding:0 9px 0 9px;
    width:126px;
    height:135px;
    float:left;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .first {
    padding:0 9px 0 0;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .last {
    border:0;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .dogFields .off {
    text-align:center;
    padding:60px 0 0 0;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .dogFields .off .addDog {
    width:91px;
    height:30px;
    margin:0 0 0 18px;
    margin:expression('0');
    cursor:pointer;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .dogFields .on .first {
    padding:5px 0 0 0;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .dogFields .close {
    float:right;
    width:11px;
    height:13px;
    margin:1px 0 0 0;
    text-align:center;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .dogFields .close a {
    font-size:11px;
    line-height:12px;
    font-weight:bold;
    text-decoration:none;
    padding:2px 3px;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .dogFields input {
    background:url('/images/sign_up_or_login/dogField_bg.jpg') no-repeat left top;
    border:0;
    width:108px;
    height:20px;
    padding:2px 5px;
}

#signUp_ui-dialog .step2 .regFields2 #addDogs .dogFields input.error {
    background:url('/images/sign_up_or_login/dogFieldError_bg.jpg') no-repeat left top;
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs {
    text-align:center;
    width:375px;
    height:30px;
    margin:0 auto;
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs .float {
    float:left;
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs .main {
    margin-top:expression('-5px');
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs .float span.label {
    font-weight:bold;
    font-size:12px;
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs .checkbox {
    width:16px;
    height:14px;
    float:left;
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs .checkbox {
    margin-top:expression('-5px');
    padding:0 5px 0 0;
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs .checkbox input {
    border:0 !important;
    height:auto;
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs .sel {
    margin:1px 0 0 10px;
    width:75px;
    text-align:left;
}

#signUp_ui-dialog .step2 .regFields2 #giveMyDogs .sel .label {
    color:#363636;
    font-size:14px;
    text-transform:lowercase;
    font-weight:normal !important;
    float:left;
}

#signUp_ui-dialog .step2 .regFields2 #optIns {
    padding:0 15px;
}

#signUp_ui-dialog .step2 .regFields2 #optIns .row {
    min-height:10px;
    height:auto;
    clear:both;
}

#signUp_ui-dialog .step2 .regFields2 #optIns .row .optInBox {
    float:left;
    margin:1px 5px 0 0;
    width:16px;
    height:20px;
}

#signUp_ui-dialog .step2 .regFields2 #optIns .row .optInBox input {
    border:0 !important;
    height:auto;
}

#signUp_ui-dialog .step2 .regFields2 #optIns .row .optInLabel {
    float:left;
    font-size:11px;
    color:#666;
    width:480px;
}

#signUp_ui-dialog .step2 .regFields2 #optIns .submitBtn {
    position:absolute;
    bottom:15px;
    right:15px;
}

#signUp_ui-dialog .step2 .regFields2 #optIns .submitBtn input {
    width:93px;
    height:31px;
    border:0;
    cursor:pointer;
}

#signUp_ui-dialog .regThanks {
    height:128px !important;
    margin-left:-206px;
    width:393px !important;
}

#signUp_ui-dialog #registerThanks {
    padding:30px 0 0 0;
    text-align:center;
}

#signUp_ui-dialog #registerThanks h3 {
    font-size:18px;
    font-weight:bold;
    margin:0 0 5px 0;
}

#signUp_ui-dialog #registerThanks p {
    color:#636363;
    font-size:14px;
}

#signUp_ui-dialog #registerThanks p a {
    text-decoration:underline;
}

#signUp_ui-dialog #registerThanks p a:hover {
    text-decoration:none;
}

/* Log In Panel */

#login_ui-dialog .ui-dialog {
    height:330px !important;
    width:420px !important;
    left:50% !important;
    margin-left:-214px;
    text-align:left;
}

#login.outer {
    padding:15px 0 0 0;
    height:330px;
}

#loginPanel #topContentLogin {
    padding:0 0 18px 15px;
}

#loginPanel #topContentLogin .top {
    height:44px;
}

#login.outer #topContentLogin .imgText {
    margin:10px 0 15px 0;
}

#login.outer #topContentLogin #signUp {
    width:64px;
    height:41px;
    float:left;
    cursor:pointer;
}

#login.outer #topContentLogin #login_or {
    width:116px;
    height:41px;
    float:left;
}

#login.outer #loginFields {
    height:183px;
    width:405px;
    padding:8px 0 0 15px;
}

#login.outer #loginFields .imgText {
    margin:10px 0 5px 0;
}

#login.outer #loginFields .row .label {
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    margin:0 0 2px 2px;
}

#login.outer #loginFields .row .float {
    float:left;
    width:190px;
}

#login.outer #loginFields .row input {
    background:url('/images/sign_up_or_login/textfield_bg.png') repeat-x left top;
    border:1px solid #CCC;
    height:24px;
    line-height:22px;
    width:151px;
    padding:2px 4px;
    font-size:14px;
    color:#666;
    line-height:22px;
}

#login.outer #loginFields .row input.error {
    background:url('/images/sign_up_or_login/textfieldError_bg.png') repeat-x left top;
}

#login.outer #loginFields .row a {
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    margin:0 4px;
}

#login.outer #loginFields .row a:hover {
    text-decoration:underline;
}

#login.outer #loginFields #loginBtnContainer {
    float:right;
    margin:12px 56px 0 0;
}

/* Forgot Password Panel */

#forgotPassword_ui-dialog .ui-dialog {
    height:230px !important;
    width:375px !important;
    left:50% !important;
    margin-left:-192px;
}

#forgotPassword_ui-dialog .forgotPasswordThanks {
    height:120px !important;
    width:375px !important;
    margin-left:-192px;
}

#forgotPassword.outer {
    padding:20px 0 0 0;
    height:210px;
}

#forgotPassword.outer .top {
    padding:0 0 0 15px;
}

#forgotPassword.outer .imgText {
    margin:10px 0 10px 5px;
}

#forgotPassword.outer .forgotPasswordFields {
    position:absolute;
    bottom:0;
    height:47px;
    width:100%;
    padding:17px 0;
}

#forgotPassword.outer .forgotPasswordFields .float {
    float:left;
    padding:0 0 0 10px;
    height:44px;
    position:relative;
}

#forgotPassword.outer .forgotPasswordFields .float div {
    margin:0 0 0 10px;
}

#forgotPassword.outer .forgotPasswordFields .float .label {
    font-size:11px;
    font-weight:bold;
    margin:0 0 2px 2px;
    text-transform:uppercase;
}

#forgotPassword.outer .forgotPasswordFields .float input.field {
    background:url('/images/sign_up_or_login/textfield_bg.png') repeat-x left top;
    border:1px solid #CCC;
    width:158px;
    height:24px;
    line-height:22px;
    padding:2px 4px;
    font-size:14px;
    color:#666;
    line-height:22px;
}

#forgotPassword.outer .forgotPasswordFields .float input.error {
    background:url('/images/sign_up_or_login/textfieldError_bg.png') repeat-x left top;
}

#forgotPassword.outer .forgotPasswordFields .float .submitBtn {
    position:absolute;
    bottom:0;
    width:93px;
    height:31px;
    border:0;
}