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

Package: signinsignup

TABLE OF CONTENTS:
------------------
 1.0 - Common
 2.0 - Sign In
 3.0 - Sign Up
 4.0 - Country Dropdowns
 5.0 - Checkboxes & Radio buttons
 5.1 - Policy radio buttons
 6.0 - Sign in dialog
 7.0 - Facebook button
 8.0 - Merge account dialog
*/

/*---------------------------------------------
  1.0 - Common
----------------------------------------------*/
#signInSignUp .formWrapper {
    width: 520px;
}

#signInSignUp .featureTitle {
    padding-top: 10px;
}

#signInSignUp .separator-top {
    padding-top: 20px;
}
#signInSignUp .separator-bottom {
    padding-bottom: 20px;
}

/** When tooltips are fixed *
#signInSignUp input[type="submit"] {
    float: right;
    margin-top: -71px;
}
Until then... */
#signInSignUp .submitButton {
    margin: 20px 0;
}

#signInSignUp a.forgotPassword {
    display: block;
    margin-top: 15px;
}

#signInBackLink{
    clear: both;
    display: block;
    margin-left: 30px;
    margin-bottom: 18px;
}
/*---------------------------------------------
  2.0 - Sign In
----------------------------------------------*/
#signInSignUp .textDivider {
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 20px 0;
    text-align: center;
}

#signInSignUp .textDivider .text {
    background-color: #fff;
    display: inline-block;
    margin-top: -25px;
    padding: 10px;
    text-transform: uppercase;
    vertical-align: middle;
}
/*---------------------------------------------
  3.0 - Sign Up
----------------------------------------------*/

/*---------------------------------------------
  4.0 - Dropdowns
----------------------------------------------*/
#signInSignUp .jNiceSelectWrapper {
    margin: 0;
}

#signInSignUp .dropdown-country {
    display: block;
    float: left;
}

#signInSignUp .dropdown-state{
    display: block;
    float: left;
    margin: 0 0 0 185px;
}

#signInSignUp .fancy-select,
#signInSignUp select {
    width: 300px;
}
#signInSignUp select {
    top: 5px;
}
#signInSignUp .fancy-select .handle {
    float: right;
    height: 27px;
}
#signInSignUp .fancy-select .selected-item {
    padding-top: 3px;
}
#signInSignUp .selectContainer {
    position: relative;
    margin-top: 5px;
}
#signInSignUp .flyout {
    width: 95%;
    max-height: 300px;
    overflow: auto;
}
#signInSignUp .flyout .content-wrapper,
#signInSignUp .flyout .content-text {
    white-space: normal;
    height: auto;
}

/*---------------------------------------------
  5.0 - Checkboxes & radio buttons
----------------------------------------------*/
#signInSignUp .fancy-actual-label {
    clear: none;
    font-size: 13.2px;
    margin-left: 10px;
    padding: 0;
    width: auto;
}

#signInSignUp .fancy-radio,
#signInSignUp .fancy-checkbox-small {
    padding: 0;
}

#signInSignUp .fancy-control {
    margin-right: 0;
}

#signInSignUp .radioVerticalGroup .fancy-control-group {
    clear: both;
    display: block;
    float: left;
}


/*---------------------------------------------
  5.1 - Policy radio buttons
----------------------------------------------*/

.form-policy-container {
    border: 2px solid #F7F7F7;
    border-radius: 3px;
    padding: 10px;
    margin-top: 10px;
}

.form-policy-container.row {
    margin-left: 0;
    margin-right: 0;
}

.form-policy-container .title {
    font-weight: bold;
    font-size: 13.2px;
    margin: 10px 10px 10px 0;
}

.form-policy-container .text {
    margin: 10px 10px 10px 0;
}


/*---------------------------------------------
  6.0 - Sign in dialog
----------------------------------------------*/
#signInDialog #signInSignUp {
    margin-top: 20px;
}

/*---------------------------------------------
  7.0 - Facebook button
----------------------------------------------*/
.fb-wrapper {
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
}
label#fb-label {
    min-width: 220px;
    margin-bottom: 50px;
}

.moo-connect-fb {
    position: relative;
    top: 7px;
    left: 20px;
}

#fb-tsAndCs {
    position: relative;
    top: 12px;
    left: 20px;
 }

/*---------------------------------------------
  8.0 - Merge account dialog
----------------------------------------------*/
#mergeDialogForm {
    width: 610px;
}

#mergeDialogForm form {
    margin: 0px;
}

#mergeDialogForm div.dialogForm {
    margin-top: 20px;
    padding: 20px;
}

#mergeDialogForm .sub-heading {
    text-align: center;
    padding: 0px;
}

#mergeDialogForm div.sub-heading p {
    text-align: left;
}

#mergeDialogForm .split-two-columns {
    padding-top: 15px;
}

#mergeDialogForm .split-two-columns .column {
    width: 262px;
    float: left;
    padding-top: 10px;
}

#mergeDialogForm .split-two-columns .column p.keytext {
    min-height: 76px;
}

#mergeDialogForm .column-one {
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

#mergeDialogForm .column-two {
    padding-left: 20px;
}

#mergeDialogForm .split-two-columns .innerDialogForm {
    padding: 0px;
}

#mergeDialogForm label {
    font-weight: bold;
}

#mergeDialogForm #mergePassword {
    width: 218px;
    *width: 200px;
}

#mergeDialogForm #mergePassword,
#mergeDialogForm #btnMergeAccount {
    margin-bottom: 15px;
}

#mergeDialogForm p {
    margin-top: 0px;
}

#mergeDialogForm #mergePasswordReset,
#mergeDialogForm #mergePasswordCancel {
    font-size: 11px !important;
    margin-top: 0px;
}

#mergeDialogForm #mergePasswordCancel {
    margin-left: 10px;
}

#mergeDialogForm #mergeSpinner {
    background: transparent url(/images/spinner-moo-large.gif) no-repeat;
    width: 70px;
    height: 70px;
}

#mergeDialogForm div.details-section {
    background-color: #f6f6f6;
    padding: 16px 18px;
}

#remember-me-cookie-text {
    font-size: 11px;
    margin-left: 30px;
    float: left;
    clear: both;
}