form{
	margin:0;
	padding:0;
}

#pop_up_details{
	left:-20px;
	position:relative;
	max-height:375px;
	color:#222;
	width:570px;
	line-height:1.75em;
	overflow-x:hidden;
	overflow-y:auto;
}
.big_message{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:98%;
}
.admin{
	font:11px Verdana !important;
	color:#000;
}
.contact_pic_name{
	position:relative;
	left:20px;
	width:475px;
}
.contact_pic{
	position:relative;
}
.contact_names{
	position:absolute;
	top:0px;
	left:125px;
	display:block;
	line-height:25px;
}
.contact_pic img {
	width:100px;
	height:100px;
	padding:5px;
	background-color: #ffffff;   
  	margin: 0px 20px 0px 0px;
	border-top: 1px solid #e0e0e0;
	border-right:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-bottom:1px solid #b0b0b0;
	margin-bottom:15px;
}
.contact_detail_group{
	display:block;
	margin-bottom:30px;
	position:relative;
	left:20px;
}
.contact_detail_group.relations{
	margin-bottom:0px !important;
}
.contact_detail.address{
	height:66px;
}

.contact_detail{
	display:block;
	margin-bottom:10px;
	position:relative;
}
.detail_field_label{
	cursor:pointer;
	display:block;
	width:120px;
	height:20px;
	text-align:right;
	position:relative;
	top:0px;
	right:20px;
	padding-right:12px;
	line-height:20px;
	color:#666;
}
.detail_field_label_colon,
.detail_field_label_arrows{
	position:absolute;
	display:block;
	top:7px;
	right:0px;
	width:5px;
	height:10px;
	background:transparent url('../images/directory_assets.png') no-repeat -16px -16px;
}
.detail_field_label_colon{
	background:none;
	top:0px;
	font-weight: bold;
}
.detail_field_type_list{
	display:none;
	width:110px;
	background-color:#fff;
	border-top: 1px solid #e0e0e0;
	border-right:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-bottom:1px solid #b0b0b0;
	z-index:200;
	position:absolute;
	right:0px;
	bottom:-7px;
	text-align:left;
	overflow:hidden;
}
.detail_field_type_list a {
	font:9px Verdana !important;
	color:#666;
	padding:2px 0px 2px 4px;
	display:block;
	width:106px;
	text-decoration:none;
}
.detail_field_type_list a:hover {
	background-color:darkgreen;
	color:white;
	text-decoration:none;
}
.detail_field_data{
	display:block;
	position:absolute;
	top:0px;
	left:125px;
	width:300px;
}
.detail_field_data textarea{
	display:block;
	height:30px;
}
.contact_detail .primary_radio {
	position:absolute;
	left:430px;
	top:6px;
	*left:428px;
	*top:4px;
}
.detail_field_data select{
	width:99%;
}
.detail_field_input {
	font-size:1.1em !important;
	font-family:Helvetica !important;
	width:95%;
	padding: 5px;
	margin-bottom:5px;
}
.contact_pic_name select{
	width:65px !important;
	margin-right:5px;
	margin-bottom:8px;
}
.fname,
.mname,
.lname{
	width:120px !important;
	margin-right:4px;
}
.phone {
	width:70% !important;
	margin-right:4px;
}
.ext {
	width:20% !important;
}
.city{
	width:36% !important;
	margin-right:4px;
}
.zip{
	width:36% !important;
}
.state{
	width:12% !important;
	margin-right:4px;
}
.light{
	color:#999;
	font-weight:normal;
	border-bottom: 1px solid rgb(206, 206, 206);
	border-left: 1px solid rgb(171, 171, 171);
	border-right: 1px solid rgb(171, 171, 171);
	border-top: 1px solid rgb(112, 112, 112);
	background:#fff url('../../common/images/form_bg.png') repeat-x;

}
.dark{
	font-weight:bold;
	border-bottom: 1px solid rgb(206, 206, 206);
	border-left: 1px solid rgb(171, 171, 171);
	border-right: 1px solid rgb(171, 171, 171);
	border-top: 1px solid rgb(112, 112, 112);
	background:rgb(254, 254, 238) url('../../common/images/form_bg.png') repeat-x;	
	color:#000;
}
.detail_field_buttons{
	display:block;
	position:absolute;
	top:7px;
	left:450px;
}
.button{
	cursor:pointer;
	width:16px;
	height:16px;
	display:block;
	background:transparent url('../images/directory_assets.png') no-repeat;
}
.remove{
	position:absolute;
	top:0px;
	left:0px;
	background-position:0px -48px;
}
.add{
	position:absolute;
	top:0px;
	left:16px;
	background-position:0px -16px;
}
.remove:hover{
	background-position:0px -32px;
}
.add:hover{
	background-position:0px 0px;
}

.clearer{
	display:block;
	clear:both;
	height:10px;
}

/*** Sidebar Area ***/

#directory_group_list {
	width:200px;
	overflow-x:hidden;
	overflow-y:auto;
	bottom: 180px;
	left: 0px;
	right: auto;
	top: 70px;
	position:absolute;
	height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -306 +'px' : body.clientHeight -306 +'px');
	min-height:550px;
}

#directory_group_list .directory_group {
	display:block;
	background: transparent url('../../common/images/sidebar_list_item_bottom.png') no-repeat left bottom;
	height: 32px;
	overflow: hidden hidden;
	width: 200px;
	position:relative;
	cursor:default;
}

#directory_group_list .directory_selectAll {
	display:block;
	height: 32px;
	overflow: hidden hidden;
	width: 200px;
	position:relative;
	cursor:default;
	background: url('../../common/images/controls.png') repeat-x 0px -4248px rgb(97, 117, 139);
	border-bottom-color: rgb(54, 73, 92);
	border-right-color: rgb(67, 94, 111);
	border-top-color: rgb(102, 116, 130);
}

#directory_group_list .directory_group .checkbox {
	background: url('../../common/images/controls.png') no-repeat 0px -2400px transparent;
	width: 15px;
	height: 16px;
	top: 6px;
	left: 13px;
	position: absolute;
}

#directory_group_list .directory_selectAll .checkbox{
	background: url('../../common/images/controls.png') no-repeat 0px -2400px transparent;
	width: 15px;
	height: 16px;
	top: 7px;
	left: 13px;
	position: absolute;
}

#directory_group_list .directory_group.sel .checkbox,
#directory_group_list .directory_selectAll.sel .checkbox {
	background: url('../../common/images/controls.png') no-repeat -16px -2400px transparent;
}

#directory_group_list .directory_selectAll .title,
#directory_group_list .directory_group .title {
	float: left;
	height: 21px;
	overflow: hidden;
	padding-left: 8px;
	padding-top: 3px;
	position: relative;
	text-overflow: ellipsis;
	top: 4px;
	left:31px;
	white-space: nowrap;
	width: 155px;
	color: rgb(64, 71, 77);
	font-size: 12px;
	font-weight: bold;
	text-shadow: rgba(255, 255, 255, 0.74902) 0px 1px 0px;
}

#directory_group_list .directory_selectAll .title {
	top: 5px;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 0px;
}



/*** Listings List ***/

#directory_listings {
	background: url('../images/directory_listings_bg.png') transparent;
	position:absolute;
	top:0px;
	left:0px;
	width:220px;
	bottom:0px;
	height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -131 +'px' : body.clientHeight -131 +'px');
	overflow-x:hidden;
	overflow-y:auto;
	min-height:600px;
	border-right:1px solid #dddddd;
	font-size: 12px;
}

#directory_listings .directory_group {
	cursor:default;
	position:relative;
}

.directory_group_name.sel,
.directory_group_name {
	cursor:default;
	position:relative;
	display:block;
	color: rgb(80, 100, 110);
	font-weight: bold;
	text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
	background: url('../images/directory_assets.png') repeat-x 0px -320px transparent;
	height: 20px;
	line-height: 20px;
	padding-left: 12px;
	padding-right: 20px;
	width: 100%;
	width: 100%;
}

.showGroup{
	position:absolute;
	top:6px;
	left:2px;
	width:8px;
	height:10px;
	background: url('../images/directory_openClose.png') no-repeat -8px 0px transparent;
}

.hideGroup{
	position:absolute;
	top:5px;
	left:3px;
	width:8px;
	height:10px;
	background: url('../images/directory_openClose.png') no-repeat 0px 0px transparent;
}

.groupName {
	font-size:.85em;
	*font-size:.75em;
	padding-top:1px;
	*padding-top:0px;
	display:inline;
	position:absolute;
	top:0px;
	left:13px;
}

.subgroupName {
	font-size:.85em;
	*font-size:.75em;
	display:inline;
	position:absolute;
	top:0px;
	left:13px;
}


.allNone {
	font-weight:normal;
	cursor:pointer;
	position:absolute;
	top:1px;
	*top:0px;
	right:40px;
	*margin-right:13px;
	font-size:9px;
	*font-size:.75em;
}

#directory_listings .directory_group .subgroup {
	cursor:default;
	position:relative;
	display:block;
}

.subgroup .directory_group_name.sel,
.subgroup .directory_group_name {
	cursor:default;
	position:relative;
	display:block;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;
	font-weight: bold;
	background:none;
	background-color:#678A76;
	height: 20px;
	line-height: 20px;
	padding-left: 12px;
	padding-right: 20px;
	width: 100%;
	border-bottom:1px solid #557563;
	border-top:1px solid #89A093;
}

.showSubGroup {
	position:absolute;
	width:11px;
	height:12px;
	background:none;
}

.directory_group_listings{
	display:block;
}

.listing {
	cursor:pointer;
	position:relative;
	display:block;
	height:21px;
	width:100%;
	line-height:21px;
}


.listing:hover {
	background-color: rgb(200, 220, 210);
}

.listing.sel {
	background-color: rgb(119, 141, 168);
}

.listing.sel:hover {
	background-color: rgb(99, 121, 148);
}

.listing .icon {
	height: 15px;
	left: 9px;
	position: absolute;
	top: 2px;
	width: 15px;
}

.listing .name {
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family:helvetica, arial, verdana;
	color: black;
	font-size: 13px;	
	height: 21px;
	left: 13px;
	line-height: 21px;
	overflow: hidden;
	position: relative;
	top: 0px;
	width:190px;
}

.listing.sel .name {
	color: white;
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;
}

.last_name {
	font-weight:bold;
}

.person_title {
	font-size:0.8em;
}

/*** Main Content Area ***/
.directory_login_pop_up_details {
	width:550px;
}

.directory_login_pop_up_details p {
	margin-bottom:12px;
	line-height:1.5em;
}

.login_error {
	color:darkred;
	font-weight:bold;
}

.login_success a,
.login_success {
	color:darkgreen;
	font-weight:bold;
}

.login_instructions{
	color:#222;
	font-weight:bold;
}
.directory_send_email_light{
	margin:0px 0px 17px;
	width:533px;
	height:20px;
	border:1px solid #ccc;
	font-size: 14px;
	padding: 5px 5px 5px;
	background-color:#fff;
	color:#aaa;
}
.directory_send_email_dark{
	margin:0px 0px 17px ;
	width:533px;
	height:20px;
	border:1px solid #ccc;
	font-size: 14px;
	padding: 5px 5px 5px;
	background-color:rgb(254, 254, 238);	
	color:#000;
}
.app_pop_up_details{
	color:#222;
	line-height:1.75em;
	overflow:visible;
}

.directory_login_light {
	margin:0px 0px 17px;
	width:60%;
	height:20px;
	border-bottom: 1px solid rgb(206, 206, 206);
	border-left: 1px solid rgb(171, 171, 171);
	border-right: 1px solid rgb(171, 171, 171);
	border-top: 1px solid rgb(112, 112, 112);
	font-size: 14px;
	padding: 5px 5px 0px;
	background:#fff url('../../common/images/form_bg.png') repeat-x;
	color:#aaa;
}

.directory_login_dark{
	margin:0px 0px 17px ;
	width:60%;
	height:20px;
	border-bottom: 1px solid rgb(206, 206, 206);
	border-left: 1px solid rgb(171, 171, 171);
	border-right: 1px solid rgb(171, 171, 171);
	border-top: 1px solid rgb(112, 112, 112);
	font-size: 14px;
	padding: 5px 5px 0px;
	background:rgb(254, 254, 238) url('../../common/images/form_bg.png') repeat-x;	
	color:#000;
}

.directory_login_light.inputError{
	background: pink url('../../common/images/form_bg.png') repeat-x;	
	color:darkred;
}

#loginButton{

}

.directory_login_footer{
	border-top:1px solid #CCC;
	position:absolute;
	bottom:35px;
	left:50px;
	width:550px;
	height:35px;
	line-height:35px;
}

.directory_login_footer a {
	color:darkgreen;
	text-decoration:none;
	padding-right:25px;
}

.directory_login_footer a:hover {
	text-decoration:underline;
}


#directory_main_header {
	position:absolute;
	top:0px;
	left:220px;
	width:595px;
	height:56px;
}

#directory_main_header h1 {
	padding:12px 0 12px 20px;
	width:517px;
	height:56px;
	color:#016648;
	font-size:35px;
	font-weight:bold;
	text-shadow: 0px 2px 3px #999;
}

#directory_main_nav_open {
	cursor:auto;
	position:absolute;
	display:block;
	top:0px;
	left:318px;
	width:264px;
	height:56px;
	background: transparent url('../../common/images/nav_open.png') no-repeat;
}

#directory_main_nav_open:hover {
	cursor:auto;
	background: transparent url('../../common/images/nav_open.png') no-repeat 0% -58px;
}

#directory_main_content{
	position:absolute;
	top:56px;
	left:220px;
	bottom:0px;
	width:595px;
	height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -188 +'px' : body.clientHeight -188 +'px');
	overflow-x:hidden;
	overflow-y:auto;
	min-height:545px;
}

#intro {
	padding:40px 23px;
	line-height:1.5em;
}

#intro h1 {
	font-size:18px;
	padding-bottom:10px;
}


.listing_details {
	display:none;
	margin:5px 25px 0px 25px;
	width:100%;
	font-size:13px;
	line-height:18px;
}

.listing_details img {
	background-color:#fff;
	width:100px;
	height:100px;
	padding:5px;
	float:left;
	border-top: 1px solid #e0e0e0;
	border-right:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-bottom:1px solid #b0b0b0;
	margin:0px 15px 15px 0px
}

.listing_details.show {
	display:block;
}

.listing_details .name {
	padding-top:0px;
	color:black;
	display:block;
	margin-bottom:7px;
	font-weight:bold;
	font-size:18px;
}

.listing_details a.admin_edit .name,
.listing_details a.admin_edit {
	color:darkgreen;
	text-decoration:none;
}

.listing_details .title {
	display:block;
	margin-bottom:15px;
	font-size:13px;
}

.listing_details a {
	color:black;
	text-decoration:underline;
}

.listing_details a:hover{
	color:darkgreen;
	text-decoration:underline;
}

.listing_details table {
	font-size:.9em;
	width:545px;
	padding-bottom:10px;
}

.listing_details table td {
	line-height:1.35em;
	vertical-align:top;
	padding:0 0 4px;
}


.listing_details table td.label {
	width:65px;
	color:#666;
}

.listing_details table td.person_name {
	text-align:left;
	width:470px;
	font-weight:bold;
	color:black;
}

.listing_details table td.person_name a {
	text-align:left;
	width:470px;
	font-weight:bold;
	color:darkgreen;
	text-decoration:none;
}

.listing_details table td.person_name a:hover {
	color: black;
	text-decoration:none;
}


.listing_details table td.relative_name {
	width:160px;
	font-weight:bold;
	color:black;
}

.listing_details table td.relative_name a {
	color:darkgreen;
	text-decoration:none;
}

.listing_details table td.relative_name a:hover {
	color: black;
	text-decoration:none;
}

.listing_details table td.address {
	padding-bottom:15px;
}

.listing_details table td.address_no_pad {
	padding-bottom:0px;
} 


.listing_details table td.relative_email {
	width:210px;
} 

.listing_details table td.relative_phone {
	width:100px;
	text-align:right;
} 

.listing_details .note {
	margin-top:10px;
	border-top:1px solid #999;
	width:545px;
	height:20px;
	line-height:25px;
	display:block;
}