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

   UNI-FORM DEFAULT by DRAGAN BABIC                         (v2) | Wed, 31 Mar 10

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

.uniForm{}

    .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 0 0 0 0; width:auto; display:block; }

    .uniForm .ctrlHolder{ padding: .25em; max-width:500px;}
    .uniForm .ctrlHolder.focused{ background: #FFE1B7; }
    .uniForm .ctrlHolder.disabled.focused{ background:transparent }

   .uniForm .inlineLabels .noLabel{}

    .uniForm .buttonHolder{ border-top:none; padding:.5em;}

        .uniForm .inlineLabels label em,
        .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; }
        .uniForm label small{ font-size: .75em; color: #777; }

      .uniForm .textInput,
      .uniForm .passwordinput,
      .uniForm input[type="text"],
      .uniForm input[type="password"],
      .uniForm textarea    { padding: 4px 2px; border: 1px solid #aaa; background: #fff; }
      .uniForm textarea    { height: 12em; }
      .uniForm select      { border: 1px solid #aaa; background: #fff; padding: 4px 3px; }
      .uniForm .fileUpload {}

      .uniForm .textInput[readonly],
      .uniForm .passwordinput[readonly],
      .uniForm input[type="text"][readonly],
      .uniForm input[type="password"][readonly],
      .uniForm textarea[readonly]{ 
          padding: 4px 2px; border: 1px solid #aaa; background: #DCDCDC; 
      }

      .uniForm ul{}
        .uniForm li{}
          .uniForm ul li label{ font-size: .85em; }

            .uniForm .small {}
            .uniForm .medium{}
            .uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */
            .uniForm .auto  {}
            .uniForm .small,
            .uniForm .medium,
            .uniForm .auto{}

      /* Get rid of the 'glow' effect in WebKit, optional */
      .uniForm .ctrlHolder .textInput:focus,
      .uniForm .ctrlHolder input[type="text"]:focus,
      .uniForm .ctrlHolder input[type="password"]:focus,
      .uniForm .ctrlHolder textarea:focus{ outline: none; }

      .uniForm .formHint                    { font-size: .85em; color: #777; }
      .uniForm .inlineLabels .formHint      { padding-top: .5em; }
      .uniForm .ctrlHolder.focused .formHint{ color: #333; }

/* ----------------------------------------------------------------------------- */
/* ############################### Messages #################################### */
/* ----------------------------------------------------------------------------- */

  /* Error message at the top of the form */
  .uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em;
                      /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
                    }
    .uniForm #errorMsg h3{} /* Feel free to use a heading level suitable to your page structure */
    .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; }
      .uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #FFF; position: relative; font-size: .85em;
                                /* CSS3 */
                                border-radius:         4px;
                                -webkit-border-radius: 4px;
                                -moz-border-radius:    4px;
                                -o-border-radius:      4px;
                                -khtml-border-radius:  4px;
                              }

   .uniForm .ctrlHolder.error input[type="text"],
    .uniForm .ctrlHolder.error input[type="password"],
    .uniForm .ctrlHolder.error select,
    .uniForm .ctrlHolder.error textarea{ margin: 0; padding: 4px;border: 1px solid #f3afb5; background-color:#FFF5DB;}

  /* Success messages at the top of the form */
  .uniForm #okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
                 }
    .uniForm #OKMsg p{ margin: 0; }

/* ----------------------------------------------------------------------------- */
/* ############################### Columns ##################################### */
/* ----------------------------------------------------------------------------- */

    .uniForm .col{}
    .uniForm .col.first{}
    .uniForm .col.last{}
    .uniForm .col{ margin-bottom: 1.5em; }
    /* Use .first and .last classes to control the layout/spacing of your columns */
    .uniForm .col.first{ width: 49%; float: left; clear: none;                   }
    .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; }


.uniForm *[disabled],
.uniForm *[readonly]{
    background:#EAEAEA;
    border-color:#D6D6D6;
}


.uniForm .disabled{
    background-color:#EFEFEF;
}

.uniForm .disabled{
    opacity:0.8;
}

.uniForm .disabled label{
    color:#999;
}

.uniForm #div_id_rules_accepted.ctrlHolder{
    max-width:100%;
}
.uniForm input#id_rules_accepted {
    margin: 7px 3px 0px 17%;
}
.uniForm #div_id_rules_accepted.ctrlHolder label{
    width:390px;
    margin: 0;
    padding: 0;
    float: right;
}


.checkout .uniForm .registration-form label, .checkout .uniForm .login-form label {
   /* position: static;*/
}

.uniForm .submitButton,
.uniForm .resetButton,
.uniForm .updateButton,
.no-cssgradients .checkout .checkout-inside .resetButton {
    border:1px solid #FFF;
    background: #5D9AD9; /* old browsers */
    display:block;
    width:115px;
    height:30px;
    line-height:25px;
    padding:2px 3px 5px 3px;
    color:#FFF;
    text-decoration:none;
    float:right;
    font-weight:700;
    font-size: 13px;
}

#Cart form.reset .resetButton {
    border:1px solid #FFF;
    background: #848E95;
    display:block;
    width:115px;
    height:30px;
    line-height:25px;
    padding:2px 3px 5px 3px;
    color:#FFF;
    text-decoration:none;
    font-weight:700;
    font-size: 13px;
    box-shadow:2px 2px 4px rgba(0,0,0,0.25);
    border-radius:4px;
}
.chrome #Cart form.reset .resetButton {
    padding-top: 0;
}
.opera #Cart form.reset .resetButton {
    padding-top: 5px;
}

.uniForm .submitButton,
.uniForm .updateButton{
    margin-left:5px;
}

.uniForm .submitButton.var-width,
.uniForm .resetButton.var-width,
.uniForm .updateButton.var-width{
    width:auto;
    padding:2px 10px 5px 10px;
}
.chrome .uniForm .submitButton.var-width,
.chrome .uniForm .resetButton.var-width,
.chrome .uniForm .updateButton.var-width{
    padding:0px 10px 5px 10px;
}
.opera .uniForm .submitButton.var-width,
.opera .uniForm .resetButton.var-width,
.opera .uniForm .updateButton.var-width{
    padding:5px 10px 5px 10px;
}

.uniForm .resetButton{
    float:left;
}

.cssgradients .uniForm .submitButton{
    background: -moz-linear-gradient(top, #5D9AD9 0%, #0A5DA1 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5D9AD9), color-stop(100%,#0A5DA1)); /* webkit */
}

.cssgradients .uniForm .updateButton{
    background: -moz-linear-gradient(top, #FFBD38 0%, #FE9112 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFBD38), color-stop(100%,#FE9112)); /* webkit */
}

.no-cssgradients .uniForm .updateButton{
    background: url('/media/images/bg/orange_button.png') repeat-x;
}
.no-cssgradients .uniForm .submitButton{
    background: url('/media/images/bg/blue_button.png') repeat-x;
}
.no-cssgradients .uniForm .resetButton, .no-cssgradients #Cart form.reset .resetButton, .no-cssgradients .checkout .checkout-inside .resetButton,
.no-cssgradients .checkout button.back {
    background: url('/media/images/bg/grey_button2.png') repeat-x;
}

.boxshadow .uniForm .submitButton,
.boxshadow .uniForm .resetButton,
.boxshadow .uniForm .updateButton
{
    -moz-box-shadow:2px 2px 4px #D8750A;
    -webkit-box-shadow:2px 2px 4px #D8750A;
    box-shadow:2px 2px 4px #D8750A;
}

.rgba.boxshadow .uniForm .submitButton,
.rgba.boxshadow .uniForm .resetButton,
.rgba.boxshadow .uniForm .updateButton,
.no-cssgradients .checkout .checkout-inside .resetButton,
.rgba.boxshadow .contact-form .uniForm button.primaryAction {
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.25);
    box-shadow:2px 2px 4px rgba(0,0,0,0.25);
}

.cssgradients .uniForm .resetButton, #Cart form.reset .resetButton {
    background: -moz-linear-gradient(top, #BCBCBC 0%, #596A77 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCBCBC), color-stop(100%,#596A77)); /* webkit */
}

.borderradius .uniForm .submitButton,
.borderradius .uniForm .resetButton,
.borderradius .uniForm .updateButton,
.rgba.boxshadow .contact-form .uniForm button.primaryAction {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.no-cssgradients .uniForm .updateButton {
    background-color:#FEA422;
}

.no-cssgradients .uniForm .submitButton {
    background-color:#2873B5;
}

.no-cssgradients .uniForm .resetButton {
    background-color:#848E95;
}

.checkout .checkout-inside .resetButton {
    
}

.uniForm fieldset{
    border:1px solid #dcdcdc;
    margin:0 0 20px 0;
    position:relative;
}

.borderradius .uniForm fieldset{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}


.uniForm fieldset{
    padding:5px 5px 25px 5px;
}


button[type="submit"],
button[type="reset"],
input[type="reset"],
input[type="submit"]{
    cursor:pointer;
}


.uniForm .required-fields-text{
  display: block;
  position:absolute;
  bottom: 3px;
  right:10px;
  font-size:11px;
  color:#333;
}
.webkit .uniForm .required-fields-text{
  height: 16px;
}


.opera .uniForm .required-fields-text, .chrome .uniForm .required-fields-text {
    top: -3px;
}

.uniForm .required-fields-text span{
    color:#B70B19;
}

.uniForm .inlineLabels label span,
    .uniForm .inlineLabels .label span,
    .password_reset_confirm .uniForm label span{color:#B70B19;}

.uniForm label span,
    .uniForm .label span,
    .password_reset_confirm .uniForm label span{color:#B70B19;}

.uniForm .ctrlHolder .calendarwidget,
.uniForm .inlineLabels .formColumn input[type="text"].calendarwidget{
    float:left;
    margin-right:5px;
}

.uniForm .ctrlHolder .calendarwidget,
.uniForm .inlineLabels .formColumn input[type="text"].calendarwidget{
    width:48%;
}


.uniForm .ctrlHolder img{
    margin:0;
}


#RegistrationForm.uniForm #div_id_rules_accepted.ctrlHolder label{
  /*width:auto;*/
}

#RegistrationForm.uniForm.summary #div_id_rules_accepted.ctrlHolder label{
    margin-left:110px;
}

.uniForm .make-it-yourself .formColumn input[type="text"]{
width:259px;
float:left;
}