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

.uniForm{border:0px solid whiteSmoke;}
    
/*     .uniForm legend{ font-weight: bold; font-size: 18px;  margin: 0; padding: 1.5em 0; padding-left: .75em !important; padding-bottom: 10px !important; } */
    .uniForm legend{ font-weight: bold; font-size: 14px;  margin: 0; padding: 1.5em 0; padding-left: .75em; padding-bottom: 10px !important; }
    .uniForm .ctrlHolder{ margin: 0 0 .5em 0; padding: .75em 10px; border-bottom: 1px solid #efefef; } 
    
    .uniForm .ctrlHolder:last-child { border-bottom: none; }
                      
    .uniForm .ctrlHolder.focused{ background: #fffcdf; }
    
    .uniForm .inlineLabels .noLabel{}
    
    .uniForm .buttonHolder { background: transparent; text-align: right; margin: 1.5em 0 0 0; padding: 1.5em; border-top: 1px solid #EFEFEF; }
      .uniForm .buttonHolder .primaryAction{ /*padding: 8px 22px; line-height: 1; background: #0099cc; border: 1px solid #163362; font-size: 14px; color: #fff;

      	      			            border-radius:         4px;
                                             -webkit-border-radius: 4px;
                                             -moz-border-radius:    4px;
                                             -o-border-radius:      4px;
                                             -khtml-border-radius:  4px;
                                             box-shadow: 1px 1px 0 #fff;
                                             -webkit-box-shadow: 1px 1px 0 #fff;
                                             -moz-box-shadow: 1px 1px 0 #fff;
                                             text-shadow: -1px -1px 0 rgba(0,0,0,.25);*/
                                             margin-left: 15px;
                                           }
      .uniForm .buttonHolder .primaryAction:active { position: relative; top: 1px; }
      .uniForm .secondaryAction { text-align: left; }
      .uniForm button.secondaryAction, .uniForm .secondaryAction { background: transparent; border: none; color: #777; margin: .5em 0 0 0; padding: 0; }
      
        .uniForm .inlineLabels label em,
        .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; }
        .uniForm label small{ font-size: .75em; color: #777; }
      
      .uniForm .textInput input,
      .uniForm .textInput,
      .uniForm textarea    { padding: 4px 2px; border: 1px solid #d6d5d2; background: #fff; margin: 5px 0px; 
                            /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
                      resize: both; 
      }
      /* .uniForm textarea    { height: 12em; } */
      .uniForm select      {}
      .uniForm .fileUpload {}
      
      .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,em
            .uniForm .medium,
            .uniForm .auto{}
      
      /* Get rid of the 'glow' effect in WebKit, optional */
      .uniForm .ctrlHolder .textInput input:focus,
      .uniForm .ctrlHolder .textInput: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 .error-generic, 
  .uniForm .error{ background: #fef5be;
                      /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
                    }
    .uniForm .error-generic legend,
    .uniForm .error legend { } /* Feel free to use a heading level suitable to your page structure */
    
    .uniForm .error-generic ol, 
    .uniForm .error ol { margin: 0 0 1.5em 0; padding: 0; }
      .uniForm .error-generic ol li,
      .uniForm .error ol li { margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1 !important; 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,
  .uniForm .ctrlHolder.focused.error{ background: #fef5be !important; border: 1px solid #f3afb5;
                                      border-radius:         4px;
                                      -webkit-border-radius: 4px;
                                      -moz-border-radius:    4px;
                                      -o-border-radius:      4px;
                                      -khtml-border-radius:  4px;
                                    } */
    .uniForm .ctrlHolder.error input.error,
    .uniForm .ctrlHolder.error select.error,
    .uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; }
  
  /* Success messages at the top of the form */
  .uniForm #okMsg{ background: #c8ffbf !important; 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; }
    
    .patternrule {display:none; font-size: 12px; color: #9c997c;}
    .error-generic .patternrule,
    .error .patternrule {display:block; clear: both; }
    /* li.error {display:block;visibility:visible} */
    
    /* validation extras */
    input:invalid,
    input:-moz-ui-invalid {outline:none !important; box-shadow: none !important;}

/* ----------------------------------------------------------------------------- */
/* ############################### 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: right; margin-right: 0; }
    
    .uniForm .group { float: left; width: 100%; }
    
    
/* ----------------------------------------------------------------------------- */
/* ########################## Tabs and Wizards ################################# */
/* ----------------------------------------------------------------------------- */

form.tab-ui { width: 600px; }/* border:1px solid #FAFAFA; */
form.tab-ui.api { width: 530px;}
form.tab-ui.registration { width: 665px; }
form.tab-ui.api-plan { width: 530px; }
form.account-plan, 
form.custom-field { width: 530px; }


form.tab-ui div.tabs ul li {float:left; margin-left:-1px !important; padding:12px; border-left:1px solid #ccc;border-right:1px solid #ccc;
                       border-top-left-radius:4px; 
                       border-top-right-radius:4px;
                        -webkit-border-left-radius:4px; 
                        -webkit-border-right-radius:4px;
                        -moz-border-left-radius:4px; 
                        -moz-border-right-radius:4px;
                        -o-border-left-radius:4px; 
                        -o-border-right-radius:4px;
                        -khtml-border-left-radius:4px;
                        -khtml-border-right-radius:4px;
                        }

form.tab-ui div.tabs ul li a {padding:0 !important;}
                        
                        
fieldset.tab {}

  fieldset.tab legend {display:none;} 
  
  form.tab-ui div.tabs li.disabled,
  form.tab-ui div.tabs li.disabled a {color:#ccc !important;}
  
  /* fieldset.tab ol {position:absolute; top:-14px; left:0; right:0.3em; display:none; margin-top:53px !important; padding-top:1em;} */
  fieldset.tab ol {display:none;}
  fieldset.active ol {display:block !important; height:auto;}
  
    fieldset.tab ol ol,
    fieldset.tab ol ul {display:block}

  .uniform button.nextAction {border-radius:4px; 
                                -webkit-border-radius:4px; 
                                -moz-border-radius:4px; 
                                -o-border-radius:4px; 
                                -khtml-border-radius:4px; 
                              box-shadow: 1px 1px 0 #fff; 
                                -webkit-box-shadow: 1px 1px 0 #fff; 
                                -moz-box-shadow: 1px 1px 0 #fff; 
                              text-shadow: -1px -1px 0 rgba(0,0,0,.25);}
                                  
  form.tab-ui button.disabled {color:#ccc !important; border:none !important;}
  
  .uniform button.nextAction {display:none !important;}
  
  fieldset.scrolltab {overflow:hidden;display:none;}
  fieldset.active.scrolltab {overflow:hidden;display:block;}
  fieldset.scrolltab ol {overflow-y:scroll !important;}
  

/* ----------------------------------------------------------------------------- */
/* ######################### Unique/Special Cases ############################## */
/* ----------------------------------------------------------------------------- */    
 
#list-filters label {display:block; margin:0 0 7px 10px; font-size:12px;}
/* #list-filters .search-keywords-container label {margin-left:22px;} */

.uniForm .chzn-container ul {float:none; display:block; width:auto;}

.uniForm #OrganizationInfo {display:none;}
.uniForm input[readonly] {background-color:#eee; color:#7a7a7a; font-style:italic;}

.ctrlHolder .row {margin:.3em}

/* #lightbox .registration { width: 960px; } */
#lightbox .registration { width: 650px; }
#lightbox .login { width: 320px; }
#lightbox .email-invite, #lightbox .account-plan-reject  { width:630px; }

.ui-accordion-header { cursor: pointer; }

.widgetform .primaryAction {position:absolute; right:0px; top:-40px; padding: 3px 8px 3px; font-size: 12px; border: 1px solid #FFF !important;}
.widgetform legend {font-size:1em; padding-bottom:0px !important; display: none; }
.widgetform ol {margin:0;}
.widgetform ol li label {margin:0 0 .4em 0;}
.widgetform ol li select {font-size:12px; font-family:"Helvetica Neue",Arial,sans-serif; margin:0;}
.widgetform .ctrlHolder { padding-left: 0 !important; padding-right: 0 !important; }

.uniForm label.switch {margin-left:.8em !important;}

.uniForm .hide {display:none;}

/* API Plan Forms */
.api-plan {}

#quotas legend,
#ratelimits legend,
#data-time legend {display:none;}

#data-time ul.alternate {width:185px}

#fieldlist_QuotaValue {float:left; clear:left !important; width:170px;}
#QuotaValue {width:auto;}

#fieldlist_QuotaTimeUnit {float:left; clear:right !important; width:304px; height:55px}
#QuotaTimeUnit {width:auto; margin:9px 0;}

#MaxRequestRate {width:90px;}
/* #MaxRequestRate:before {content:"Maximum "; display:block; float:left; width:100px;} */
#label_MaxRequestRate {line-height:31px}

#fieldlist_StartTime {float:left; clear:left !important; width:210px;}
#fieldlist_EndTime {float:left; clear:right !important; width:264px;}

#fieldlist_StartTime label,
#fieldlist_EndTime label {margin-left:0;}

#fieldlist_StartTime ul.alternate,
#fieldlist_EndTime ul.alternate {width:190px;}

#fieldlist_StartTime select,
#fieldlist_EndTime select {width:49px;}

#StartTime_MM,
#StartTime_SS,
#EndTime_MM,
#EndTime_MM {width:75%;}

#fieldlist_StartDay {float:left; clear:left !important; width:170px;}
#fieldlist_EndDay {float:left; clear:right !important; width:284px;}
#label_StartDay,
#label_EndDay {margin:0 0 5px 0;}
#fieldlist_StartDay select,
#fieldlist_EndDay select {width:129px;}


/* Application Management Forms */

#app-api {}
  
  #app-api label {font-weight:bold; margin-bottom:1em;}
  #app-api li.current-api {border-bottom:1px solid #EFEFEF;}
  #app-api .icon {display:block; float:left; margin:0 1em 1em 0; height:42px; width:42px;}
  #app-api .emptyicon {margin:0 1em 1em 0;width:42px; height:10px;}
  #app-api .title {display:block; float:left; margin:0 1em 0 0; color:#333;}
  #app-api .desc {font-style:italic;}
  
  .api-select { margin: 1em 0; }
  .api-select + .patternrule { margin: 1em 0 0 0; }
  
  #app-api .request-change {float:right; color:#999; margin-top:-7px;}
  #app-api select.edit-api {display:inline;width:160px;margin-left: -8px;} 
  
  #app-api .apikey {margin:.8em 2em .5em 0;}
  #app-api li.current-api button {margin:0 1em;}
  #app-api select.add-api {width:30%;}

  #app-api .eula-content {height:200px; overflow:scroll; overflow-y:scroll; margin:1em 0; display:none;}
  #app-api #accept-eula-row {display:none;}
  #app-api #accept-eula-row button {margin-right:2em;}
  
  #app-api .new-title {width:226px;}
  
#ApplicationInfo {}
  #ApplicationInfo .apikey {margin:.8em 2em .5em 0;}
  #ApplicationInfo li.current-api button {margin:0 1em;}
  #ApplicationInfo select.add-api {width:30%;}

  #ApplicationInfo .eula-content {height:200px; overflow:scroll; overflow-y:scroll; margin:1em 0; display:none;}
  #ApplicationInfo #accept-eula-row {display:none;}
  #ApplicationInfo #accept-eula-row button {margin-right:2em;}
  
  #ApplicationInfo .new-title {width:226px;}
  
/* API Explorer Forms */

#apiexplorer {}
  
  #apiexplorer #APIInfo li {width:45%; float:left; clear:none;}
  #apiexplorer #APIInfo label {margin-bottom:1em;font-weight:bold;} 
  #apiexplorer #fieldlist_execute {margin-top:-1em;}
  #apiexplorer .textInput { padding:0; border:0; background:none; margin:0; 
                            /* CSS3 */
                      border-radius:         none;
                      -webkit-border-radius: none;
                      -moz-border-radius:    none;
                      -o-border-radius:      none;
                      -khtml-border-radius:  none; }



/* Registration Forms */

/* .registration #fieldlist_firstName {width:45%; clear:left; float:left;}
.registration #fieldlist_lastName {width:45%; clear:none; float:right;}
.registration #fieldlist_email {width:45%; clear:left; float:left;}
.registration #fieldlist_username {width:45%; clear:none; float:right;} */

.registration #fieldlist_firstName {width:297px; clear:left; float:left;}
.registration #fieldlist_lastName {width:297px; clear:none; float:right;}
.registration #fieldlist_email {width:297px; clear:left; float:left;}
.registration #fieldlist_username {width:297px; clear:none; float:right;}

/* .profile #fieldlist_firstName, .profile #fieldlist_lastName,
.profile #fieldlist_email, .profile #fieldlist_username {
  width: 45%;
} */

.profile #fieldlist_firstName, .profile #fieldlist_lastName,
.profile #fieldlist_email, .profile #fieldlist_username {
  width: 297px;
}

.profile #fieldlist_lastName, .profile #fieldlist_username { float: right; }

.ldaprestricted #fieldlist_email {border-bottom:none;}

/* .registration #fieldlist_password {width:45%; clear:left; float:left;}
.registration #fieldlist_passwordConfirm {width:45%; clear:none; float:right;} */

.reg-popup #fieldlist_newPassword {width:297px; clear:left; float:left;}
.reg-popup #fieldlist_retypePassword {width:297px; clear:none; float:right;}

.uniForm label#label_apiOid { padding-bottom: 16px; }
.uniForm input[type=checkbox] { margin-right: 8px; }
#fieldlist_RegistrationDisclaimerContent {height:150px;}
#fieldlist_RegistrationDisclaimerContent .contentscroll {overflow:auto; height:100%;}


/* Foms and inputs for specific dashboard widgets */
.create-new-message {float:right;margin:0.8em 0 -0.2em 0;}
.message-save {float:right; margin:0 0 0 0; position:static !important; font-size:13px !important; padding:6px 14px 5px 14px !important;}

/* API Edit Form */
#api-general #fieldlist_InteractiveDocumentation { padding-bottom: 0;}


/* API Owner Groups */
#ownergroup {width:500px;}
#ownergroup ol {display:block;}


/* API Group styles */

  .startgroup {width:47%; float:left; margin:0 1em 0 0;}
  .savegroup {width:47%; float:right; margin:0 0 0 0;}
  
  #all, #selected {height:300px; clear:both;}
  
  #apigroupaccess ul {width:100%;}
  #apigroupaccess ul.group-list .btn {float:right; margin-top:.3em}
  
  #apigroupaccess ul.group-list a.row {display:block; float:left; width:75%; margin:.3em 0 0 0; padding:.5em 0 .7em .5em}
  
  #saveApiGroup {margin:0 0.5em .5em 0;}
  
  #apigroupsmgmt ul.row {width:100% !important;}
  #apigroupaccess .ctrlHolder {margin:0; padding:0 0;}
  .savegroup-ctrls {clear:left; display:block;}
  
  .moveto {float:right; margin:0 .5em .5em 0;}
  .movefrom {float:left !important;}
  
  
  .api-role-selector {width:350px; height:100px;}
  .assigned-container {width:350px; height:100px; overflow-x:hidden; overflow-y:auto; }
  #moveto-assignedapis {color:#333 !important;}
  
textarea.code {
  font-family: Inconsolata,"andale mono",Monaco,monospace;
}

/* Dashboard Widget Editor styles */

form.dashboardwidget {width:500px;}

  #fieldlist_IsRequired ul,
  #fieldlist_RequiredFor ul,
  #fieldlist_AllowMultiple ul {width:100%;}
  
  #fieldlist_RequiredFor ul li label {display:inline; }

  
/* Custom Field Form */
#AssociatedForm {width:504px;}
#DataType {width:504px;}
#FieldType {width:504px;}

.optionlist-container {display:none;}
ul.option-list {float:none; width:100%;}
ul.ui-sortable {cursor:move;}
input.optiontext {display:inline !important; width:65% !important;}
.sortable-placeholder {border: 3px dashed #dedede; background:#eee; height:29px; position:relative; left:-.5em; right:.5em;
                       border-radius:        4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
}

.optionlist-container i {margin:2px 0 0 20px;}

.isdefaultoption .icon-default { color: #39a857 !important; text-decoration: none;}


/* Remove webkit HTML5 number input up/down arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}  

/* input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
} */

.uniForm #fieldlist_propValue select#propValue { width: 225px; }