/* the overlayed element */
.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	opacity:1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
	background:url(/img/global/info.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

#modal-wrapper {

	/* standard decorations */
	width:400px;	
	border:10px solid #666;

	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#modal-wrapper div {
	padding:10px;
	border:1px solid #cbcbcb;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

#modal-wrapper div h2 {
	margin:-11px;
	margin-bottom:10px;
	color:#fff;
	background-color:#3CAB35;
	padding:5px 10px;
	border:1px solid #3CAB35;
	font-size:20px;
}


#facebox {

	/* overlay is hidden before loading */
	display:none;

	/* standard decorations */
	width:400px;	
	border:10px solid #666;

	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#facebox div {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

#facebox h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#3CAB35;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:20px;
}


/* tool tip */
/* trigger button */
#demo-tool-tip {
	color:black;
	margin-bottom:5px;
	overflow:hidden;
	cursor:pointer;
}

/* mouseover state */


/* tooltip styling */
.tooltip {
	display:none;
	background:transparent url(/media/common/images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}



