@CHARSET "UTF-8";

#control_overlay {
	background: #000;
	opacity: .75;
	}

/*** DEFAULT MODALBOX ***/
.modalbox {
	width: 700px;
	background: #FFFFFF;
	-webkit-box-shadow: 10px 10px 8px #4D4D4D;
	box-shadow: 10px 10px 8px #4D4D4D;
	}
		
	.modalbox .top, modalbox .bottom {
		float: left;
		width: 100%;
		}
	
	.modalbox .top {
		background: url(../images/bg_pageheader.jpg) repeat-x;
		height: 25px;
		padding: 0 10px;
		width: 680px;
		}
		
		.modalbox .top a {
			float: right;
			background: transparent url(../images/bg_white.png) repeat;
			color: #F2F2F2;
			font-weight: bold;
			height: 12px;
			margin-left: 8px;
			padding: 7px 10px 6px 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: 660px;
		padding: 20px;
		}
		
		.modalbox h1 {
			color: #F2F2F2;
			float: left;
			margin: 4px 0 0;
			text-transform: uppercase;
			}
/*** 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 .top {
		height: 0;
		display: none;
		}
		
	.confirmbox .middle {
		float: left;
		padding: 15px;
		width: 220px;
		background-color: white;
		border: 4px solid lightgrey;
		}
		
		.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: 75px;
			float: right;
			clear: none;
			}
/*** 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);
	padding: 8px;
	color: #F2F2F2;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: capitalize;
	}

/*** HOVERTIP STYLING ***/
.hoverbox {
	background: url(../images/bg_gray.png);
	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 ***/


/*** ADMIN MODAL BOX ***/
.modalbox_admin {
	background: none !important;
	}

.modalbox_admin .top {
	background: url(/images/bg_pageheader_admin.jpg) repeat-x;
	}
	
	
.modalbox_admin .middle {
	padding: 10px 30px 0;
	width: 660px;
	border-right: 5px solid #B55A00;
	border-left: 5px solid #B55A00;
	background: #ffffff;
	text-transform: capitalize;
	}

	
.modalbox_admin .middle .expander_admin, .modalbox_admin .middle .button_row  {
	float: left;
	width: 100%
	}
	
.modalbox_admin .search_row .left_col {
	width: 355px;
	}
	
.modalbox_admin .middle .search_row {
	float:left;
	width: 100%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 20px;
	margin-bottom: 10px;
	}
	
.modalbox_admin .middle .field_submit {
	float:right;
	padding: 0;
	width: 50%;
	margin: 0;
	clear: none;
	}
	
.modalbox_admin .middle .field_submit span.left {
	float: right;
	}

	
.modalbox_admin input.text {
	width: 200px;
	}
	
.modalbox_admin select.text {
	width: 212px;
	}
	
.modalbox_admin .formfield {
	width: 350px;
	text-align: right;
	}
	
.modalbox_admin .formfield span.label label {
	width: 125px;
	text-align: right;
	}
	
.modalbox_admin .formfield p {
	padding-right:100px;
	text-transform:none;
	}
	
.modalbox_admin .bottom {
	background: url(/images/bg_admin_modal_bottom.png) top left no-repeat;
	width: 730px;
	height: 13px;
	float: left;
	display: block;
	}
/*** END ADMIN MODAL BOX ***/

.modalbox .helpBox .top,.modalbox .helpBox .middle,.modalbox .helpBox .bottom{
background:none;
width:178px;
padding:10px;
}