/* Captcha */

#recaptcha_widget {
  background: #eee;
  padding: 10px;
  margin: 10px;
}

#recaptcha_image {
  margin-bottom: 1em;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: content-box;
  padding: 1em;
  background: #fff;
}

#recaptcha_image img {
  padding: 0;
  border: none;
}

html #page #content #recaptcha_widget ul {
  padding-left: none !important;
  background: none;
  margin-left: none;
}

html #page #content #recaptcha_widget ul li {
  padding-left: none !important;
  background: none;
  margin-left: none;
  float: left;
}

#loginposition { 
    float: right;
}
#content div.griffith-help {
    border: #ddd dotted 1px;
    background-color: #def;
    color: #555;
    padding: 0.5em;}
span.informationabout {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/information-about-16.png) 0 0.1em no-repeat;}
/* Commands */
a.edit {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/edit-16.png) 0 0.1em no-repeat;}
    
a.schedule {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/sort-by-date-16.png) 0 0.1em no-repeat;}    
    
a.up {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/up-16.png) 0 0.1em no-repeat;}    
    
a.down {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/down-16.png) 0 0.1em no-repeat;}    
    
a.delete, button.delete {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/delete-16.png) 0 0.1em no-repeat;}    
    
a.user-edit, a.prompt-edit {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/edit-administrator-16.png) 0 0.1em no-repeat;}    
    
a.user-delete, a.prompt-delete, button.delete-guest  {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/delete-administrator-16.png) 0 0.1em no-repeat;}    
    
a.view-output {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/records-16.png) 0 0.1em no-repeat;}
    
a.cancel { 
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/cancel-16.png) 0 0.1em no-repeat;}
    
a.save {
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/save-16.png) 0 0.1em no-repeat;}

a.sort-alpha {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/sort-by-name-16.png) 0 0.1em no-repeat;}

a.sort-date {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/sort-by-date-16.png) 0 0.1em no-repeat;}
    
a.repair {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/wizard-16.png) 0 0.1em no-repeat;}

a.view {
    display: block;
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/open-file-16.png) 0 0.1em no-repeat;}    
a.update {
    display: block;
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/application-configuration-16.png) 0 0.1em no-repeat;}    
a.history {
    display: block;
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/history-16.png) 0 0.1em no-repeat;}    
a.viewlog {
    display: block;
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/check-in-16.png) 0 0.1em no-repeat;}    
a.viewmigs {
    display: block;
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/export-user-data-16.png) 0 0.1em no-repeat;}        
a.add-editor {
    display: block;
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/add-user-16.png) 0 0.1em no-repeat;}
a.remove {
    display: block;
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/remove-16.png) 0 0.1em no-repeat;}
a.add, button.add, input.add {
    display: block;    
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/add-16.png) 0 0.1em no-repeat;}
  
  a.purchase, button.purchase, input.purchase-button {
      display: block;    
      padding: 0.4em 0.7em 0.4em 1.8em;
      background: transparent url(/00/icons/checkout-item-16.png) 0 0.1em no-repeat;}  
    
  input.purchase-button {
        display: block;    
        background: transparent url(/00/icons/checkout-24.png) 0 0.1em no-repeat;}  
      
  input.add-button {
      display: block;    
      background: transparent url(/00/icons/add-24.png) 0 0.1em no-repeat;
  }   
  
  input.save-button {
      display: block;    
      background: transparent url(/00/icons/save-24.png) 0 0.1em no-repeat;
  }  
  
  input.edit-button {
      display: block;    
      background: transparent url(/00/icons/edit-24.png) 0 0.1em no-repeat;
  }  
  
  input.report-button {
      display: block;    
      background: transparent url(/00/icons/reports-24.png) 0 0.1em no-repeat;
  }
  
  input.mail-button {
      display: block;    
      background: transparent url(/00/icons/mail-24.png) 0 0.1em no-repeat;
  }      

div.deleted {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/delete-16.png) 0 0.1em no-repeat;}    
div.added {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/add-16.png) 0 0.1em no-repeat;}    
div.modified {
    display: block;
    padding: 0.3em 0.7em 0.3em 1.8em;
    background: transparent url(/00/icons/edit-16.png) 0 0.1em no-repeat;}        
/* /Commands */

.ctrl { 
    padding: 4px;}
.ctrl a {
    white-space:nowrap;}
.allctrl { 
    width: 100%;
    background-color: rgb(238,238,238);
    text-align: center;
    vertical-align: middle;
    height: 2em;
    padding: 0 0.5em;}
    
#content table.fullwidth {
    width: 100%;
}

#content table.fullwidth th {
  padding: 5px 10px;
}
    
.hidden {
    display: none;
}

#content .heading-caption {
    padding-right: 0px;    
    padding-left: 0px;    
    font-weight: normal;    
    font-size: 1.6em;    
    padding-bottom: 0.3em;    
    color: #333;    
    padding-top: 0.3em;    
    font-family: Arial, Helvetica, sans-serif
}

#content table a img {
    position: static;
}

.cardtypeImg * {
    vertical-align: middle;
}

option.separator {
    background-color: #cccccc;
}

table.purchaseSummaryTable {
    width: 50%;
}

td.priceData {
    text-align: right;
}

p.noteText {

}

span.hiddenErr {
    display: none !important;
}

span.error  {
    display: block;
    font-weight: bold;
    color: #990000;
}

#content input.error, #content select.error, #content textarea.error {
    background: #ffff99 !important;
}

input.hiddenErr select.hiddenErr, textarea.hiddenErr {
    display: inline !important;
}

#content button, #content .button, #content .submit input.button {
  padding: 6px 6px 6px 24px;
  margin: 10px 0;
  border: 2px solid #999;
  background-position: 5px 50%;
  border-radius: 6px;
  background-color: #fff;
  font-weight: bold;
  font-size: 16px;
}

#content .submit input.button {
  font-size: 24px;
  padding-left: 34px;
}

#content legend + button {
  margin-top: -10px;
}

#content button:hover, #content .button:hover, #content .submit input.button:hover  {
  background-color: #eee;
  border: 2px solid #666;
}

#content .a-guest, #content .a-guest:hover {
  border: none;
  padding-left: 0;
}

#content .a-guest > legend {
  font-weight: bold;
}

#content .a-guest fieldset {
  margin-top: 10px;
}

#content .a-guest fieldset legend {
  font-size: 12px;
}

.a-guest legend {
  font-size: 16px;
}

#terms-and-conditions {
  padding: 20px;
}
