@CHARSET "UTF-8";

/* 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(../images/bg_modalbox_top.jpg) repeat-x;
		height: 35px;
		padding: 0 10px;
		width: 580px;
		}
		
		.modalbox .top a {
			float: right;
			background: transparent url(../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 6px 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(../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(../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: 150px !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(../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;
		}