#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 {
    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  {
    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 {
    display: block;    
    padding: 0.4em 0.7em 0.4em 1.8em;
    background: transparent url(/00/icons/add-16.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;}
    
table .fullwidth {
    width: 100%;}

div.call-out
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #ccc;
    background: #eee;
}

/* buttons */

#content #calculator select {
  height: 30px;
  box-sizing: border-box;
  padding: 5px;
  color: #333;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
}

#content #calculator select:focus, #content #calculator select:active {
  height: 30px;
  box-sizing: border-box;
  padding: 5px;
  color: #000;
  background-color: #fff;
  border: 1px solid #666; 
}

#content .button {
  box-sizing: border-box;
  height: 30px;
  width: auto;
  margin-top: 0 !important;
/*  float: right;*/
  overflow: visible;
  font-weight: bold;
  padding: 5px !important; 
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
  color: #369;
  border-radius: 3px;
  transition: all 0.7s ease;
  text-align: center;
  vertical-align: middle;
}

#content .button:hover, #content .button:focus, #content .button:active {
    background-color: #dff4ff;
    border: 1px solid #000;
    color: #369;
}

.button.success {
  background-color: #d9f0c2;
  border: 1px solid #c6d880;
  color: #529214;
}

.button.success:hover, .button.success:active, .button.success:focus {
    background-color: #d9f0c2;
    border: 1px solid #000;
    color: #529214;
}

.selector-panel h3 {
  margin: 0.5em 0 0.5em 0;
}

#content .selector-panel .height-limit {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin: 0;
}

#content .selector-panel .height-limit a {
  font-size: 15px;
  padding: 7px;
  display: block;
  border-radius: 3px;
  transition: all 0.2s ease;
  
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
  color: #369;
}

#content .selector-panel .height-limit a:hover {
  text-decoration: none;
    background-color: #dff4ff;
    border: 1px solid #000;
    color: #369;
}

#content .selector-panel .height-limit a:active, #content .selector-panel .height-limit a:focus {
  text-decoration: none;
    background-color: #369;
    border: 1px solid #000;
    color: #fff;
}

#content #qualification_list a {
  background-color: #d9f0c2;
  border: 1px solid #c6d880;
  color: #529214;
} 

#content #qualification_list a:hover {
  background-color: #d9f0c2;
  border: 1px solid #c6d880;
  color: #529214;
}

#content #qualification_list a:focus, #content #qualification_list a:active {
  background-color: #529214;
  border: 1px solid #c6d880;
  color: #fff;
}

#content .selector-panel .height-limit li {
  background-image: none;
  margin: 0 0 7px 0;
  padding: 0;
}

#content #start-again, #content #return-to {
  width: 25%;
  display: inline-block;
}

#content #return-to {
  text-decoration: none;
  float: right;
}

#content #calculator {
  
  margin-bottom: 1em;
}