/***********************
 *    CSS STYLES 
 * for the TYPO3 EXT
 *     rgecard 
 *********************/ 


/*********************
 * Styles for getting the ecard
 *********************/ 
.rgecard-nest {
  width:100%;
  
}

.submit {
	margin:0;
	padding:0;
}

.rgecard-nest p.bodytext {
	/*font-style:italic;*/
}

.rgecard-nest a:link, .rgecard-nest a:visited {
	text-decoration:underline;
}

.rgecard-nest a:hover {
	text-decoration:none;	
}

.rgecard-text {
  width:150px;
  float:left;
/*  margin:5px 0 5px 5px; */
  margin-left:26px;
/*font-style:italic;  */
}
.rgecard-msg {
  /*border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;*/
  /*margin:10px 5px;*/
  margin:0;
  padding:13px;
  font-style:italic;
}

.rgecard-img {
  /*width:310px;*/
  float:left;
  margin-left:13px;
}

.rgecard-img img{
  /*border:1px solid #eee;*/
  /*padding:10px;
  margin:2px;
	width:142px;
	height:auto; */
}

.rgecard-info {
  border:1px solid #ccc;
  padding:3px 3px 3px 33px;
  margin:10px;
  background:#f6f6f6 url(irkick.png) no-repeat 5px center;
  color:#666;
  line-height:13px;
  display:none;
}

.rgecard-reminder {
  font-style:italic;
  color:#777;
  text-align:center;
  line-height:10px;
  display:none;  
}

.rgecard-warning {
  margin:0 10px;
  padding:2px 5px;
  line-height:11px;
  text-align:center;
  color:#fff;
  border:1px solid #ffa200;
  background:#ff8400;
}

.rgelab {
	padding-left:21px;
}

/*********************
 * Styles for messages at sending the ecard
 *********************/
  
#rgecardform .error, #rgecardform .success, #rgecardform .warning {
  margin:0 21px;
  padding:2px 5px;
  line-height:11px;
  text-align:center;
  /*color:#fff;*/
}

#rgecardform .error {
  /*border:1px solid #ff0000;
  background:#c60606;*/
}

#rgecardform .success{
  /*border:1px solid #00ff18;
  background:#009900;*/
}

#rgecardform .warning{
  /*border:1px solid #ffa200;
  background:#ff8400;*/
}

#rgecardform #log_res {
  height:22px;

}
#rgecardform .ajax-loading {
  background: url(spinner.gif) no-repeat center;
  height:22px;
  
}

/*********************
 * Styles for sending the ecard
 *********************/
.rgecard-formheader {
/*  font-weight:bold;
  text-align:center;
  color:#333;
  background:#c8c7c7;
  border-bottom:1px solid #a9a9a9;
  border-top:1px solid #a9a9a9;
  font-size:10px;
  padding:2px 0;*/
  padding:0 21px;
}
 
#rgecardform {
 /* padding:3px 10px 0 10px;*/
}

#rgecardform fieldset {
  /*padding: 2px;
  margin:0 2px;*/
  border:0px;
}

#rgecardform legend {
  /*margin-left:5px;
  font-weight:bold;
  color:#505050;*/
}

#rgecardform label {
  /*float:left;
  clear:both;
  display:block;
  margin-bottom:10px;
  padding:0 10px;
  text-align:right;*/
}

#rgecardform input, #rgecardform textarea {
}

.rgelabt {
	padding-top:12px;
	padding-left:21px;
	font-weight:bold;
}


#rgecardform textarea {
  
  height:100px;
/*  margin:0 5px 5px 5px;
  padding:2px;*/
	background:#fff;
}


#rgecardform div.clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
} 


#rgecardform .hidden {
  display:none;
}


/*********************
 * Styles for positioning the ecard form on pmkslimbox
 *********************/ 
#ecardNest {
  position:absolute;
  bottom:0;
  margin-bottom:9px;
  width:100%;
}

#ecard {
  position:absolute;
  bottom:0px;
  overflow:hidden;
  right:0;
  margin-left:9px;
  margin-right:9px;
  /*-moz-opacity: 0.8; validator*/
  /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);*/
  /*width:100%;*/
  /*border-left:1px solid #a8a7a7;*/
}

.ecardout {
  background:#fff;
  opacity:0.8;
  position:absolute;
  bottom:0px;
  overflow:hidden;
  right:0;  
  width:100%;
  height:100%;  
  z-index:0;
    	
}

.ecardin {
	padding-top:21px;
	padding-bottom:21px;	
	position:relative;
	z-index:10;
	width:100%;
	height:100%;
	background:none;
}


/*********************
 * Styles for the Ecard button
 *********************/ 
#lbTipLink {
  /*display:block;*/
  float:right;
  /*width:79px;*/
  height:22px;
	/*background: transparent url(ecard.png) no-repeat center;*/
	margin:0; 
	/*margin-top:-2px;  */
  cursor:pointer;
  position:relative;
  width:auto;
  overflow:hidden;
  background-repeat:no-repeat;
	background-position: left 0;  
} 

#lbTipLink:hover {
	/*background: transparent url(ecardHover.png) no-repeat center;*/
	background-position: right 0;
} 

#lbTipLink img {
	visibility:hidden;
}


#lbCloseLink:hover {
	/*background: transparent url(closeHover.png) no-repeat center;*/
}