/* CHATLETS */

div.row {border-top: 1px solid #DDDDDD; padding: 15px 0 0 0; clear:both;}
div.select-column {height: 140px; width: 200px; float:left; margin-right:40px; vertical-align:top;}
div.code-column	{height: 140px; float:left; vertical-align:top;}

div.chatlet {margin: 0 40px 10px 0; float: left; border: 1px solid #CCCCCC; background-color:#FFFFFF; text-align: center;}
div.chatlet-logo {width: 150px; height:28px; clear:both; position:relative; z-index: 50; margin: 4px 4px 0 4px;}
div.chatlet-box {width: 150px; height: 117px; position: relative; margin: -7px 4px 0 4px; background-color:#FFFFFF; border: 1px solid #333333; padding:0; overflow: hidden;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 148px;}
	
/* hack for IE6 \*/
* html div.chatlet-box {
  margin-top: -11px;
  } 
  
div.chatlet-photo {width: 70px; height: 105px; float:left; margin: 5px 2px 5px 5px; padding:0; display: inline;}
div.chatlet-text {width: 65px; height: 105px; margin: 5px 0 0 0; padding: 0; text-align: center; display: inline;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 63px; }


img.chatlet-logo {border:0;}
img.chatlet-photo {border:0;}
img.chatlet-button {border:0; display:inline; margin-top: 7px;}

div.chatlet p {line-height: 1.5em;}

p.chatlet-text {font: normal 10px/14px Verdana, sans-serif; color:#333333; text-align:center;}
span.name {font-size: 12px; display:block; margin: 12px 0 12px 0;}

p.chatlet-link {font-size: 10px; text-align: center; margin: 2px 0 4px 0; font-weight: bold;}
a.chatlet-link {text-decoration: none;}
a.chatlet-link:hover {text-decoration: underline;}

select, input, textarea {display: block; margin-top: 5px;}
textarea {width: 300px; padding:0; font: normal 10px Verdana;}