h2 {
  padding-top: 15px !important;
  }

.wrap {
  position: relative;
  }

#functions {
  width: 100%;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  }
  
#output {
  margin-right: 5px;
  position: relative;
  }
  
#output IFRAME {
  margin-top: 20px;
  width: 100%;
  min-height: 500px;
  font: 20px Courier; 
  overflow-x: hidden; 
  background-color: #fff;  
  }   
  
#output.show IFRAME {
  margin-left: -10px;
  }         

.function {
  margin: -1px 0 0 0;
  padding: 20px 0;
  width: 350px;
  float: left;
  position: relative;
  }	
  
.function FORM {
  float: left;	
  overflow: hidden; 
  margin-right: 2px; 
  padding-bottom: 5px;
  }
  
.clear {
  clear: both;      
  }
  
.function .description {
  margin: 0 0 20px 0;	
  color: #666;    
  font-size: 11px;
  }
  
.function INPUT.text {
  width: 100px;
  border: 1px solid #A7A7A7;
  padding: 5px;
  transition-duration: 0.35s;     
  margin: 0 5px 10px 0; 
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
  }  
  
.function INPUT:focus,
.function INPUT:active {
  outline: none !important;
  border-color: #666;
  }   
  
#output h2 {
  float: left;
  margin-left: 7px;      
  }
  
#openWindow {
  float: left;
  margin-top: 19px;         
  }
  
.loading {
  background: #F1F1F1 url('../images/loading.gif') no-repeat center center;
  width: 20px;
  height: 20px;
  float: left;
  margin: 20px 0 0 10px;
  }   
  
#card-search,
#export {
  padding-left: 140px;
  }  
  
#export {
  float: left;
  margin-left: 20px;
  }  
  
#card-search I {
  background: url('../images/icon-search.png') no-repeat;
  } 
  
#export I {
  background: url('../images/icon-import.png') no-repeat;
  top: -10px;
  }     
  
#card-search .button-primary {
  width: 140px;
  height: 31px;
  top: -1px;
  position: relative;
  }    
  
#card-search INPUT {
  width: 140px;
  }  
  
.function I {
  width: 128px;
  height: 128px;
  display: block;
  opacity: 0.2;
  float: left;
  position: absolute;
  top: 10px;
  left: 0;
  }  

#output.searchCard H2 {
  float: none;
  }
  
#searchresults {
  margin-top: 25px;
  margin-bottom: 100px;
  width: 100%;
  min-height: 500px;
  }
  
#searchresults TABLE {
  width: 100%;
  margin-bottom: 280px;
  }          
  
#searchresults TD,
#searchresults TH {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding-right: 20px;
  }
  
#searchresults TD.handy {
  white-space: nowrap;
  }
  
#searchresults TD.active {
  text-align: center;
  }
  
#searchresults TD.appkey {
  width: 60px;
  
  }   
  
#searchresults .blink {
  color: #0073AA !important;
  }   
  
#searchresults TD.lastupdate {
  color: #999;
  white-space: nowrap;
  }       
  
#searchresults TH.lastupdate {
  white-space: nowrap;
  }
  
#searchresults TD.card-icon,
#searchresults TH.card-icon {
  text-align: right;
  min-width: 50px !important;
  padding-bottom: 2px;
  padding-right: 10px;
  }   

#searchresults .clipboard {
  display: none;
  }  
  
#searchresults .clipboard A {
  display: block;
  position: relative;
  }  
  
#searchresults .mid {
  width: 40px;
  }       
  
#searchresults .plz {    
  width: 30px;
  padding-right: 10px;
  }
  
#searchresults TH {
  font-weight: bold;
  vertical-align: bottom;
  white-space: nowrap;
  }    
  
#searchresults TABLE .invisible {
  display: none !important;
  }       
  
#searchresults TR:hover TD {
  background-color: #f5f5f5;
  }    

#searchresults .vorname,
#searchresults .nachname {
  white-space: nowrap;
  }      
  
#searchresults .count {
  color: #999;
  margin-bottom: 25px;
  float: left;  
  }
  
#searchresults .btn-group.processing BUTTON {
  color: #FFFFFF;
  }  
  
#searchresults .btn-group.processing .caret {
  opacity: 0;
  }  
  
#searchresults .btn-group.processing BUTTON:before {
  content: " ";
  background: url('../images/processing.gif') no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  }
  
.table-columns {
  float: right;
  margin-bottom: 20px;
  }  
  
.table-columns .hide {
  display: block;
  }  

.table-columns BUTTON .caret {
  margin-left: 20px;
  }   
  
.table-columns .dropdown-menu {
  right: 0;
  left: auto;
  padding: 7px 0;
  min-width: 0;
  width: 170px;
  }
  
.table-columns .dropdown-menu LI A {
  padding: 5px 15px;
  font-size: 13px;
  background: url('../images/icon-check.png') no-repeat 15px 6px;
  padding-left: 40px;
  transition: none;
  }   
  
.table-columns .dropdown-menu LI A:hover {
  background-color: #F1F1F1 !important;
  }   
  
.table-columns .dropdown-menu LI A.invisible {
  visibility: visible;
  color: #aaa;
  background: none;
  }   
  
/* GROWL MESSAGES
----------------------------------------------------------------------------- */   
    
#growls {
	z-index:50000;
	position:fixed;
  transition: 0.2s;
  }
  
#growls.default {
	top: 40px;
	right: 10px;
  }
  
.menu-open #growls {
  right: 390px;
  }   

#growls.tl {
	top:10px;
	left:10px;
  }

#growls.tr {
	top:10px;
	right:10px;
  }

#growls.bl {
	bottom:10px;
	left:10px;
  }

#growls.br {
	bottom:10px;
	right:10px;
  }

#growls.tc {
	top:10px;
	right:10px;
	left:10px;
  }

#growls.bc {
	bottom:10px;
	right:10px;
	left:10px;
  }

#growls.tc .growl,#growls.bc .growl {
	margin-left:auto;
	margin-right:auto;
  }

.growl {
	opacity:0.90;
	filter:alpha(opacity=90);
	position:relative;
	border-radius:4px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
  }

.growl.growl-incoming {
	opacity:0;
	filter:alpha(opacity=0);
  }

.growl.growl-outgoing {
	opacity:0;
	filter:alpha(opacity=0);
  }

.growl.growl-small {
	width:200px;
	padding:5px;
	margin:5px;
  }

.growl.growl-medium {
	width:300px;
	padding:15px;
	margin:10px;
  }

.growl.growl-large {
	width:300px;
	padding:15px;
	margin:15px;
  }

.growl.growl-default,
.alert.default {
	color:#000;
	background:#fff;
  }

.growl.growl-error,
.alert.error {
	color:#FFF;
	background:#D54E21;
  }

.growl.growl-notice,
.alert.notice {
	color:#FFF;
	background:#0073AA;
  }
  
.growl.growl-info,
.alert.info {
  background-color: #00A0E1;
  }  

.growl.growl-warning,
.alert.warning {
	color:#FFF;
	background:#FA923C;
  }

.growl .growl-close {
	cursor:pointer;
	float:right;
	font-size:20px;
	line-height:18px;
	font-weight:normal;
  margin-top: -5px;
	padding-left: 20px;
  }

.growl .growl-title,
.alert .title {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 4px;
	font-weight: 600;
  }

.growl .growl-message,
.alert .text {
	font-size:12px;
	line-height: 16px;
	opacity: 0.7;
  }    
  
A.fancybox:focus {
  box-shadow: none !important;
  }  
  
.fancybox-overlay {
  overflow: hidden !important;
  }
  
.fancybox-skin {
 background-color: #000 !important; 
 padding-right: 30px !important;
 color: #fff !important;
 }    
 
.fancybox-inner {
  background: transparent url('../images/error.png') no-repeat center center;
  }  
  
  
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    display: none;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}