@CHARSET "UTF-8";

/**
 * The ".modal" styles apply to the super-simple jQuery-powered modal dialog that
 * is initialized with "MemberfuseJ.init_modal()" in "js-lib/memberfuse_jquery.js".
 */
.modal
{
    display: none;

    background: white;
    padding: 10px; width: 250px;
    border: 5px solid gray;

    position: absolute;
    z-index: 1;
}

/**
 * The ".modal.confirm" is used for confirming a potentially destructive action
 * such as permanently deleting an Organization or Member. It usually has two
 * <button> elements: "confirm" and "cancel".
 */
.modal.confirm ul li { display: inline; }

/* drag modalbox - jun 5, 09 - bender */
.modalbox.ctrlDrg .top {
	cursor: move;
	}

	.modalbox.ctrlDrg .top:hover {
		opacity: .5;
		}
/* end */

#control_overlay {
	background: #000;
	opacity: .75;
	position: fixed !important;
	}

.modalbox .submit_btn, .confirmbox a.btn {
	text-transform: lowercase;
	}

/*** DEFAULT MODALBOX ***/
.modalbox {
	width: 600px;
	background: #FFFFFF;
	border: 5px solid #D9D9D9;
	-webkit-box-shadow: 10px 10px 8px #4D4D4D;
	box-shadow: 10px 10px 8px #4D4D4D;
	visibility: scroll;
	}

	.modalbox .top, modalbox .bottom {
		float: left;
		width: 100%;
		}

	.modalbox .top {
		background: url(/themes/global/default/normal/images/bg_modalbox_top.jpg) repeat-x;
		height: 35px;
		padding: 0 10px;
		width: 580px;
		}

		.modalbox .top a {
			float: right;
			background: transparent url(/themes/global/default/normal/images/bg_white2.png);
			color: #F2F2F2;
			font-weight: bold;
			height: 12px;
			margin-left: 8px;
			padding: 13px 10px 10px 10px;
			text-decoration: none;
			text-transform: capitalize;
			}

			.modalbox .top a:hover {
				text-decoration: underline;
				}

	.modalbox .bottom {
		height: 0;
		display: none;
		}

	.modalbox .middle {
		float: left;
		width: 560px;
		padding: 20px;
		}

		.modalbox h1 {
			color: #F2F2F2;
			float: left;
			margin-top: 8px;
			}
/*** END DEFAULT MODALBOX ***/

/*** WIDE MODALBOX ***/
.modalbox_wide {
	width: 730px;
	}

	.modalbox_wide .top {
		width: 710px;
		}

	.modalbox_wide .middle {
		float: left;
		width: 690px;
		padding: 20px;
		}
/*** END WIDE MODALBOX ***/

/*** CONFIRM BOX ***/
/* .confirmbox {
	width: 250px;
	}

	.confirmbox .top, .confirmbox .bottom {
		height: 0;
		display: none;
		}

	.confirmbox .middle {
		float: left;
		padding: 15px;
		width: 220px;
		background: #FFFFFF;
		}

		.confirmbox h2 {
			font-size: 1.4em;
			float: left;
			margin-right: 6px;
			text-transform: capitalize;
			}

		.confirmbox p {
			clear: both;
			float: left;
			margin: 0 0 8px 0;
			}

		.confirmbox .formfield {
			width: 50px;
			float: right;
			clear: none;
			}*/


.confirmbox {
	float: left;
	width: 250px;
	box-shadow: 5px 5px 7px #888;
	-webkit-box-shadow: 5px 5px 7px #888;
	}

	.confirmbox .top {
		float: left;
		border-top: 5px solid #D9D9D9;
		border-left: 5px solid #D9D9D9;
		border-right: 5px solid #D9D9D9;
		background: #FFFFFF;
		width: 228px;
		padding: 12px 0 0 12px;
		}

	.confirmbox .middle {
		float: left;
		padding: 0 12px 12px 12px;
		width: 216px;
		background: #FFFFFF;
		border-left: 5px solid #D9D9D9;
		border-right: 5px solid #D9D9D9;
		}

	.confirmbox .bottom {
		height: 0;
		float: left;
		border-bottom: 5px solid #D9D9D9;
		background: #FFFFFF;
		width: 250px;
		}

	.confirmbox h2 {
		font-size: 1.4em;
		display: block;
		margin-bottom: 4px;
		text-transform: capitalize;
		}

	.confirmbox p.hint {
		font-size: 1.1em;
		margin-bottom: .8em;
		}

	.confirmbox .formfield {
		padding: 0;
		display: inline;
		margin: 0 3px 0 0;
		width: auto;
		clear: none;
		}

		.confirmbox .middle .formfield {

		}

		.confirmbox .accept {
			}

			.confirmbox .accept input[type="submit"] {
				background: #00A33D;
				}

				.confirmbox .accept:hover input[type="submit"] {
					background: #F2F2F2;
					color: #00A33D;
					}

		.confirmbox .deny input[type="submit"] {
			background: #CB1A68;
			}

			.confirmbox .deny:hover input[type="submit"] {
				background: #F2F2F2;
				color: #CB1A68;
				}
/*** END CONFIRM BOX ***/

/*** WIDE MODALBOX ***/
.modalbox_decision {
	width: auto;
	}

	.modalbox_decision .top, .modalbox_decision .bottom {
		height: 0;
		display: none;
		}

	.modalbox_decision .middle {
		float: left;
		padding: 15px;
		}

		.modalbox_decision p {
			margin: 0;
			}

		.modalbox_wide h2 {
			float: left;
			margin-right: 6px;
			text-transform: capitalize;
			}

		.modalbox_wide hr {
			float: left;
			margin-bottom: 20px;
			}

		 .modalbox_wide .modal_left {
			float: left;
			width: 180px;
			background: #F2F2F2;
			padding: 10px;
			}

		.modalbox_wide .modal_right {
			float: right;
			width: 470px;
			}

			.group_invite_list {
				float: left;
				}

				.group_invite_list thead {
					float: left;
					height: 1px;
					}

				.group_invite_list tr.associate_single {
					width: 100%;
					border-bottom: 1px solid #9AA2A6;
					}
/*** END WIDE MODALBOX ***/

.tooltip, .hoverbox {
	/* background: url(/themes/global/default/normal/images/bg_gray.png); to fix the fading png bg for IEs */
	background: #4D4D4D;
	background: rgba(77,77,77,.8);
	*background: #4D4D4D;
	padding: 8px;
	color: #F2F2F2;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: capitalize;
	}

	#control_window_4 {
		/*width: 300px;*/
		line-height: 1.3em;
		}

/*** HOVERTIP STYLING ***/
.hoverbox {
/*	background: url(/themes/global/default/normal/images/bg_gray.png);*/
background: #4d4d4d;
	padding: 14px;
	color: #F2F2F2;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: capitalize;
	}


.hovertip {
	padding: 0;
	}

	.hovertip p {
		margin: 6px 0 0 0;
		}

	.hovertip span {
		display: block;
		margin-bottom: 2px;
		}

		.hovertip span.label {
			color: #C7DEF0;
			display: inline;
			font-weight: normal;
			}

	.hovertip .name {
		font-size: 1.2em;
		color: #C6DDEF;
		font-weight: bold;
		}

	.hovertip .company, .hovertip .title {
		font-size: 1.1em;
		font-weight: normal;
		}

	.hovertip span.percent {
		display: inline;
		font-weight: normal;
		}
/*** END HOVERTIP STYLING ***/

/* temp for delete wiki modal */

#denyrequest #submit_field {
	float: left;
	width: auto;
	margin-right: 5px;
	}

#denyrequest #cancel_field {
	float: left;
	width: auto;
	clear: none;
	}

/*** GROUP NOTIFICATIONS MODAL POPUP ***/

/* modal that displays on a group with your notifications */
#group_notifications_modal_popup {
	max-height: 470px;
	overflow-y: scroll;
	overflow-x: hidden;
	}

#group_notifications_modal_popup .box .top {
	display: none; /* Fixes the extra .top bar */
}

#group_notifications_modal_popup .box .middle {
	width: 520px !important; /* Fixes the excessive width */
	padding: 0 !important; /* Edited the padding so there's not so much white space */
	margin: 0 0 15px 0 !important; /* Added some margin to space out the Save button */
	border: 0;
	background: none;
	}

#group_notifications_modal_popup .noti_grouping {
	margin: 0 10px; /* Edited the margin so there's not so much white space */
}

#group_notifications_modal_popup #save_field {
	float: right !important;
}

/* confirm box styling */ /*added by ryan 11.21.2008 */
.ctrlCntr .middle .cancel_btn {
	float: left;
	margin-left: 15px;
	}

/* NEW MODALBOX STRUCTURE, moved from groups2.css on Mar 23, 2010 - bender */
.popup {
	background: #808080;
	background: rgba(77,77,77,.7);
	*background: #808080;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0 !important;
	padding: 15px;
	/* left: auto !important; */
	top: 50px !important;
	position: fixed !important;
	z-index: 9999;
	}

	.popup .description {
		color: #808080;
		font-size: 11px;
		font-style: italic;
		line-height: 1.8;
		}

	#modal_main {
		background: #FFF;
		border: 1px solid #D9D9D9;
		overflow: hidden;
		}

		.modal_heading img {
			float: left;
			margin: 12px 10px 0 0;
			}

.popup .modal_heading {
	background: url(/themes/global/default/normal/images/gradient.gif) repeat-x scroll center bottom;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	margin-bottom: 20px;
	}

	.popup .modal_heading h2 {
		font-weight: normal;
		font-size: 16px;
		}

	.popup .modal_heading .cancel {
		color: #BF0000;
		font-style: italic;
		font-size: 11px;
		position: absolute;
		top: 15px;
		right: 30px;
		}

	.popup .modal_body {
		padding: 0 25px 10px 25px;
		}

		.popup .modal_body p {
			color: #333;
			font-size: 13px;
			line-height: 1.3;
			margin: 0 20px 2em 20px;
			}

		.popup .modal_body .formfield .label {
			display: block !important;
			float: none !important;
			width: auto !important;
			}

		.popup .modal_body .formfield input[type="file"] {
			display: block !important;
			float: none !important;
			width: 80%;
			}

		.popup .formfield input[type="text"]  {
			border: 1px solid #CCC;
			}

		.popup .modal_body select {
			width: 50% !important;
			}

		.popup .field_submit .cancel {
			display: block;
			float: left;
			padding: 2px 4px;
			margin-top: 10px;
			}

			.popup .field_submit .cancel a {
				color: #BF0000;
				}

.popup #search_field.resource_submit span.submit_btn {
	float: left;
	margin-right: 5px;
	}

.popup  #search_field.resource_submit {
	line-height: 30px;
	width: auto;
	float: left;
	}

.popup .modal_body .cal_pick .cal_link {
	left: 5px;
	right: auto;
	}

	.popup .modal_body .cal_pick input {
		min-width: 0 !important;
		padding-left: 25px;
		width: 305px !important;
		}

/** SUBMIT FIELD **/
/* Overriding so all submit buttons are aligned to the right */
#emptytrash #Submit_field.formfield { text-align: left !important; }
.modalbox .field_submit,
.modalbox .f_submit {
	text-align: right !important;
	width: 100% !important;
}


/*--------------- Delete Subgroup Modal Box */
/* General Styles */
form#delete_group .formfield {

}

form#delete_group span.label label,
form#delete_group span.instructions {
	text-align: left !important;
	width: 150px;
}

/* Sub-Group Information */
div#subgroup_info {
	padding: 10px 10px 0px 10px;
	color: #c90;
	font-weight: bold;
	background: #ffffc4;
	border: 1px solid #ffbf00;
}

/* Sub-Groups List */
div#subgroup_remove {}
div#subgroup_remove ul li {
	margin: 0px 0px 3px 0px;
	padding: 5px;
	height: 25px;
	border: 1px solid #dedede;
	background: #f9f9f9;
}

div#subgroup_remove ul li:hover {
	background: #f1f1f1;
}

div#subgroup_remove ul li img,
div#subgroup_remove ul li span {
	display: inline-block;
}

div#subgroup_remove ul li span {
	margin-left: 5px;
	position: relative;
	top: -8px;
}

/* Auto-Complete Parent Group */
div#subgroup_auto_complete {
	width: 100%;
}

div#subgroup_auto_complete div#selected_group {
	display: inline-block;
	margin-bottom: 10px;
}

div#subgroup_auto_complete div#selected_group img {
	float: left;
	margin-right: 10px;
}

div#subgroup_auto_complete p.description {
	display: none;
}

/* Confirm Delete Checkbox */
div#subgroup_confirm_delete {
	width: 100%;
}

div#subgroup_confirm_delete span.instructions {
	color: #333333;
}

div#subgroup_confirm_delete .formfield {
	float: none !important;
}

div#subgroup_confirm_delete input[type="checkbox"] {
	position: relative;
	top: -50px;
	left: 170px;
}

/* Buttons */
div#subgroup_submit_button,
div#subgroup_cancel_button {
	display: inline-block;
	text-align: left !important;
	padding: 0px;
	margin: 0px;
}

div#subgroup_submit_button .field_submit,
div#subgroup_cancel_button .field_submit {
	text-align: left !important;
	width: none !important;
}

/*----- Assign to Group Button */
div#selected_group span#current_group span.delete_icon_sm {
	position: relative;
	top: 5px;
	left: 3px;
	cursor: pointer;
}

div#selected_group span#current_group span.delete_icon_sm:hover {
	background-position: -80px -64px;
}