.colwrap {
  background-color: #FFFFFF;
  border-right: 1px solid #CCCCCC;
  height: 175px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.colwrap.last{
border-right:0;
overflow:hidden;
}
.colwrap #col1, .colwrap #col2, .colwrap #col3 {
	height:175px;
}
.colwrap #col3 {
	width:100%;
}
.hieralist { 
	height:175px;
	color:#666;
	font-size:12px;
	font-weight:bold;
	border: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width:450px;
}
.hieralist .geo-grid div div.slick-cell.left:first-child{border-left:0;}
.hieralist.wide{width:570px;}
.hieralist div.colleft {
	width:140px;
	float:left;
}
.hieralist div.colright {
	width:166px;
	float:right;
}
.hieralist div.colleftwide {
	width:160px;
	float:left;
}
.hieralist div.colmidwide {
	width:206px;
	float:left;
}
.hieralist div.colrightwide {
	width:202px;
	float:right; 
}
.hieralist ul{
 list-style-type: none;
 margin-left:1em;
}
.hieralist li {
	line-height:20px;
	padding:0 5px;
	cursor:pointer; 
	margin-left:-12px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hieralist li:hover {
	background-color:#F6F6F6;
}
.hieralist div.slick-header {
	display:none;
}
.hieralist div.slick-cell{padding:0 0 0 5px!important}
.hieralist div.slick-cell, .recipients div.slick-cell {
    background-color:#FFFFFF;
}
.hieralist div.slick-cell, .recipients div.slick-cell {
	line-height:20px;
	padding:0 5px;
	cursor:pointer;
	background-color:#FFFFFF;
	border:none;
	font-size:12px;
	font-family:'Droid Sans',Tahoma, Verdana;
}
.hieralist a {
	color:#666;
	text-decoration:none;
	width: 100%;
}
.hieralist #col3 a:hover {
	background-color:#F6F6F6;
}
.hieralist li.filteredout {
	display:none;
}	
.hieralist li.sel {
	color:#fff;
	background:#9EB1CD;
	line-height:20px;
}
.hieralist span.plusbutton {
	width:14px;
	height:14px;
	margin-top:3px;
	background:url(/icons/plus-1.png) no-repeat center center;
	float:right;
	display:block;
	cursor:pointer;
}	
.hieralist div.spent span.plusbutton {
	background:url(/icons/plus-2.png) no-repeat center center;
}	

.recipients {
	float:left;
	overflow:auto;
	border: 1px solid #ccc;
	background-color:#FFF;
}
.rcInner {
	width:100%;
	height:100%;
}

.recipients .slick-header.ui-state-default, .recipients .slick-headerrow.ui-state-default {
	width: 100%;
	overflow: hidden;
	border-left: 0px;
	background: url('/icons/list_td_head_gray.png') repeat-x scroll 0 0 #e3e3e3;
	border:none;
	font-size:12px;
	font-family:'Droid Sans',Tahoma, Verdana;
}
.recipients .slick-header-column.ui-state-default {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 4px;
	border:none;
	border-right: 1px solid silver;
	background: url('/icons/list_td_head_gray.png') repeat-x scroll 0 0 #e3e3e3;
	float: left;
	font-weight:normal;
	color:#555555;
	font-size:12px;
	font-family:'Droid Sans',Tahoma, Verdana;
}
.recipients .slick-header-column.ui-state-default.last{
  border-right:0;
}
.recipients .slick-row.ui-widget-content, .recipients .slick-row.ui-state-active {
	position: absolute;
	border: 0px;
}
.recipients .slick-row.ui-state-active {
    background: #F5F7D7;
}

.recipients td {
	border:none;
	background-color:transparent;
	line-height: 22px;
}


.recipients div.toggleEmail {
	background:url(/icons/email-2.png)  no-repeat center center;
	cursor:pointer; 
	float:left;
	width:100%;
}
.recipients div.toggleEmailSel {
	background: url(/icons/email-1.png)  no-repeat center center;
	float:left;
	width:100%;
}

.recipients div.toggleAltEmail {
	background:url(/icons/email-2.png)  no-repeat center center;
	cursor:pointer;
	float:left;
	width:100%;
}
.recipients div.toggleAltEmailSel {
	background:url(/icons/email-1.png)  no-repeat center center;
	float:left;
	width:100%;
}
.recipients div.toggleFax {
	background:url(/icons/fax-2.png)  no-repeat center center;
	cursor:pointer;
	float:left;
	width:100%;
}
.recipients div.toggleFaxSel {
	background:url(/icons/fax-1.png)  no-repeat center center;
	float:left;
	width:100%;
}
.recipients div.toggleTxt {
	background:url(/icons/sms-2.png)  no-repeat center center;
	cursor:pointer;
	float:left;
	width:100%;
}
.recipients div.toggleTxtSel {
	background:url(/icons/sms-1.png)  no-repeat center center;
	float:left;
	width:100%;
}
.recipients div.togglePhone {
	background:url(/icons/phone-2.png)  no-repeat center center;
	cursor:pointer;
	float:left;
	width:100%;
}
.recipients div.togglePhoneSel {
	background:url(/icons/phone-1.png)  no-repeat center center;
	float:left;
	width:100%;
}
.recipients div.togglePhoneMobile {
	background:url(/icons/mobile-2.png)  no-repeat center center;
	cursor:pointer;
	float:left;
	width:100%;
}
.recipients div.togglePhoneMobileSel {
	background:url(/icons/mobile-1.png)  no-repeat center center;
	float:left;
	width:100%;
}
.recipients div.togglePhoneMobileAlt {
	background:url(/icons/phone-2.png)  no-repeat center center;
	cursor:pointer;
	float:left;
	width:100%;
}
.recipients div.togglePhoneMobileAltSel {
	background:url(/icons/phone-1.png)  no-repeat center center;
	float:left;
	width:100%;
}
 
.recipients .emptylist {
	position: absolute; 
	top: 50px; 
	left: 5%;
	padding-left:5px;
	font-size:14px;
	color:#aaa;
	font-weight:bold;
}

.recipients .rcremove {
 cursor: pointer;
 display: block;
 height: 18px;
 width: 100%;
 background: url(/icons/x-1.png)  no-repeat center center;
}

.recipients .rcremoveall {
 margin-top:-2px;
}

.toggleAllEmail, .toggleAllAltEmail, .toggleAllFax, .toggleAllTxt, .toggleAllPhone, .toggleAllPhoneMobile, .toggleAllPhoneMobileAlt {
 cursor:pointer;
 text-decoration:underline;
}
.recipient-toolbar {
 padding-top:5px;
}
.inner-recipient-toolbar {
 height:16px;
 line-height:16px;
 padding-bottom:5px;
}
span.text_2 {
 display:block;
 float:left;
 width:85%;
 overflow:hidden;
 text-overflow: ellipsis;
}