﻿/*
 CONTACTS
*/
 
.contacts_list_heading {
	margin:2px 5px 3px 5px;
	padding-bottom:1px;
	color:#333333;
	clear:left;
	font-weight:bold;
	text-transform:capitalize;
	border-bottom:#c6c6c6 solid 1px;
}

.no_contacts {
	padding:2px 5px 2px 5px;
	color:#333333;
	cursor:pointer;
}

.contact_list_container {
	background-image:url(../contacts_bg_left.gif);
	background-repeat:repeat-y;
	margin-bottom:-3px;
	padding-bottom:3px;
}

.contacts_rows {
	height:20px;
	cursor:pointer;
	text-decoration:none;
	margin-left:17px;
}

.contacts_rows div {
	float:left;
	color:#333333;
	padding:2px 2px 0px 2px;
	overflow:visible;
	white-space:nowrap;
}

div.contacts_rows_click {
	height:20px;
	padding:0px 0px 0px 2px;
	width:737px;
}

div.contacts_rows_click img {
	float:left;
	border:0px;
	padding:0px 2px 0px 2px;
}

.contacts_rows:hover {
	background-color:#b8d7ff;
}

.contacts_rows_hover {
	background-color:#b8d7ff;
}

.contacts_rows_down {
	background-color:#a1c3ff;
	margin:-1px -1px 0px 17px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #414F85;
	border-left-color: #414F85;
}

.contacts_rows_nohover {
	height:20px;
	text-decoration:none;
	margin-left:17px;
}

.contacts_rows_nohover div {
	float:left;
	color:#333333;
	padding:2px 2px 0px 2px;
	overflow:visible;
	white-space:nowrap;
}

.contacts_rows_nm {
	margin-left:0px;
}

.contacts_c1_x {
	width:0px; 
	padding:0px 2px 0px 2px;
	margin-top:-2px;
}

.contacts_c2_x {
	width:157px;
	padding-left:10px;
	cursor:pointer;
}

.contacts_c2_x img {
	float:none;
}

.contacts_c3_x {
	width:215px;
	padding-left:10px;
	cursor:pointer;
}

.contacts_c3_x img {
	float:none;
}

.contacts_c4_x {
	width: 135px;
	padding-left:10px;
	cursor:pointer;
}

.contacts_c4_x img {
	float:none;
}

.contacts_c5_x {
	padding-left:10px;
}

.contacts_icon {
	height:14px;
	width:12px;
	background-image:url(../user_icon.gif);
	margin: 1px 0px 1px 1px;
	float:left;
	border:0px;
}

.contacts_icon_dark {
	height:14px;
	width:12px;
	background-image:url(../user_icon_dark.gif);
	margin: 1px 0px 1px 1px;
	float:left;
	border:0px;
}

.contacts_icon_off {
	height:14px;
	width:12px;
	background-image:url(../user_icon_off.gif);
	margin: 1px;
	float:left;
	border:0px;
}

.contacts_remove_icon {
	height:12px;
	width:10px;
	display:block;
	background-image:url(../icon_remove.gif);
	margin: 3px 2px 3px 2px;
	padding:0px;
	cursor:pointer;
}

.contacts_c1 {
	width:0px; 
	padding:0px 2px 0px 2px;
	margin-top:-20px;
}

.contacts_c2 {
	width:173px;
	padding-left:15px;
	text-transform:capitalize;
}

.contacts_c3 {
	width:230px;
	padding-left:10px;
}

.contacts_c4 {
	width: 150px;
	padding-left:10px;
}

.contacts_c5 {
	padding-left:10px;
	text-transform:capitalize;
}

.view_contact {
	overflow:hidden;
	width:100%;
	background-color:#eeeeee;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.contacts_group_icon {
	position:absolute;
	width:16px;
	height:16px;
	background-image:url(../group_icon.gif);
	margin: 2px 1px 0px -1px;
}

.contacts_photo {
	float:left;
	width:98px;
	padding:2px 5px 5px 5px;
	font-weight:bold;
	background-image:url(../page_row_shadow.gif);
	background-repeat:repeat-x; 
	background-position:top; 
}

.contacts_photo img {
	border:#c6c6c6 solid 1px;
	margin-top:1px;
}

.contacts_info {
	float:left;
	width:380px;
	background-color:#f9f9f9;
	padding:2px 5px 5px 5px;
	border-left:#c6c6c6 solid 1px;
	background-image:url(../page_row_shadow.gif);
	background-repeat:repeat-x; 
	background-position:top; 
}

.contacts_info_no_photo {
	background-color:#f9f9f9;
	padding:2px 5px 5px 5px;
	background-image:url(../page_row_shadow.gif);
	background-repeat:repeat-x; 
	background-position:top; 
}

.contacts_info_input input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:96%;
	height:14px;
	border:#c6c6c6 solid 1px;
	padding:2px 3px 2px 3px;
	margin:1px 0px 0px 1px;
	color:#333333;
	background-color:#FFFFFF;
}

.contacts_info select {
	width:99%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:#c6c6c6 solid 1px;;
	margin:1px 0px 1px 1px;
	color:#333333;
	background-color:#FFFFFF;
}

.contacts_info_no_photo select {
	width:99%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:#c6c6c6 solid 1px;;
	margin:1px 0px 1px 1px;
	color:#333333;
	background-color:#FFFFFF;
}

.contacts_info_h {
	width:100px;
	font-weight:bold;
	padding-right:3px;
}

.contacts_info_h span {
	white-space:nowrap;
	color:#333333;
}

.contacts_info_i {
	float:left;
	width:200px;
}

.contact_select_group {
	width:99%;
	height:80px;
	background-color:#FFFFFF;
	border:#c6c6c6 solid 1px;
	color:#333333;
	overflow:auto;
}

.group_icon {
	height:14px;
	width:12px;
	background-image:url(../group_icon.gif);
	margin: 1px 0px 1px 1px;
	padding:0px;
}

.contact_groups_c1 {
	width:320px;
	height:18px;
}

.groups_info_input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:371px;
	height:14px;
	border:#c6c6c6 solid 1px;
	padding:2px 3px 2px 3px;
	margin:0px 0px 1px 0px;
	color:#333333;
	background-color:#FFFFFF;
}

.groups_info_input2 input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:90%;
	height:14px;
	border:#c6c6c6 solid 1px;
	padding:2px 3px 2px 3px;
	margin:0px 0px 1px 0px;
	color:#333333;
	background-color:#FFFFFF;
}

.groups_select_members {
	width:99%;
	height:150px;
	background-color:#FFFFFF;
	border:#c6c6c6 solid 1px;
	color:#333333;
	overflow:auto;
}

.group_members_c1 {
	width:176px;
	height:18px;
}

.group_members_c2 {
	width:240px;
	height:18px;
}

.groups_rows_disabled div {
	color:#999999;
}

.groups_info {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

.groups_info hr {
	margin:5px 0px 5px 0px;
}

.shortname_icon {
	height:14px;
	width:12px;
	background-image:url(../shortname_icon.gif);
	margin: 1px 0px 1px 1px;
	padding:0px;
}

.info_icon {
	width:19px;
	height:20px;
	margin:0px;
	background-image:url(../info_icon.gif);
	cursor:pointer;
}

.select_option_disabled {
	color:#CCCCCC;
}

.contacts_invite_ingress {
	float:left;
	width:450px;
}

.contacts_invite_megaphone {
	float:right;
	background-image:url(../megaphone.gif);
	width:94px;
	height:89px;
	margin:5px 10px 0px 10px;
}

.contacts_viral_taf_preview {
	float:right; 
	margin:67px 90px 0px; 
	width:94px;
	background-image:url(../emailPreviewIcon_48x48.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:45px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}