
.tooltip,.tool_tip{display:none;z-index:100000;position:relative;cursor:pointer;}

/* ------- 1. Search Tooltip ------- */
#menu_search{
	background:url(/portal/img/shared/search.png) no-repeat scroll 22px 38px transparent;
	cursor:pointer;
	height:90px;
	width:60px;
	position:absolute;
	left:930px;
	top:76px;}
	
.search_tooltip{
	height:78px;
	padding:20px 30px 10px;
	width: 400px;
	position: absolute;
	left: 555px;
	top: 10px;
	/*background:url(/portal/img/shared/search_tooltip_wide.png) no-repeat scroll top left transparent;*/
}

input.tooltip_search_field,input.tooltip_search_field:focus{border:none;background:none;}
.tooltip_search_field{width:150px;}
.tooltip_search_button{display:none;}

/* ------- 2. Share This Post Tooltip ------- */	
.share_this_post_tooltip{
	display:none;
	position:absolute;
	height:70px;
	background:url(/portal/img/shared/share_this_post_tooltip.png) no-repeat scroll top left transparent;
	padding:10px 20px;}
.share_this_post{background:transparent url(/portal/img/shared/share_this_post.png) no-repeat -4px 0; display:block; height:28px; width:180px; }
.share_this_post_icons{padding:0px 6px 0;}
.share_this_post_icons img{margin:8px 4px 0;width:31px;}

/* ------- 3. Shortcode Tooltips ------- */
.tooltip_sc{cursor:pointer;}
.tooltip_body,.tooltip{
	overflow:auto;
	padding:10px 20px;
	border:1px solid #eee;
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .2);
	box-shadow:0px 2px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, .2);
	-o-box-shadow:0px 2px 3px rgba(0, 0, 0, .2);
	background: url(/portal/img/shared/tooltip_gradient.png) bottom left repeat-x #fff;
	background-image: -moz-linear-gradient(top,  rgba(255, 255, 255, 1), rgba(229, 229, 229, 1));
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fff),color-stop(1, #e5e5e5))}
.tooltip_tip{
	background: url(/portal/img/shared/tooltip-tip.png) no-repeat scroll 50% -2px transparent;
	height:30px;
	position:relative;
	top:-1px;
	overflow:auto;
	width:100%;}
/* So tooltips don't get cut-off */
#body_block.overflow_visible, .overflow_visible #main, .overflow_visible #sidebar, .overflow_visible #body_block_background {overflow:visible;}


