/* tooltip design */
.ToolTips4 { 
	display:block; 
	position:absolute; 
	width:110px; 
}

.ToolTips4 .sticky_close {
	display:block; 
	position:absolute; 
	top:8px; 
	right:3px; 
	background:url(images/fileclose12.png); 
	width:12px; 
	height:12px; 
	line-height:16px; 
	font-size:0px; z-index:100000000;
	cursor:pointer; 
}

.ToolTips4 .message { 
	display:block; 
	position:relative; 
	background:url(images/tip_body110.png) repeat-y; 
	padding:0px 0px; 
	height:110px; /*50px*/
}

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips4 .dockBottomHeader, 
.ToolTips4 .dockTopFooter { 
	display:block; 
	position:relative; 
	background:url(images/dockBottomHeader110.png) no-repeat bottom; 
	height:33px;  
}

.ToolTips4 .dockTopFooter { 
	background:url(images/dockTopFooter110.png) no-repeat bottom; 
	height:30px; 
}

.ToolTips4 .dockBottomFooter,
.ToolTips4 .dockTopHeader { 
	display:block; 
	position:relative; 
	background:url(images/dockBottomFooter110.png); 
	height:14px; 
	line-height:11px; 
	font-size:0px; 
	clear:both; 
}
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips4 .dockTopHeader { 
	background:url(images/dockTopHeader110.png) bottom center no-repeat; 
	height:15px; 
	line-height:20px; 
	font-size:0px; 
}

* html .ToolTips4 .dockBottomHeader { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader110.png'); 
}

* html .ToolTips4 .dockBottomFooter { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter110.png'); 
}

* html .ToolTips4 .dockTopHeader { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader110.png'); 
}

* html .ToolTips4 .dockTopFooter { 
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter110.png'); 
}

* html .ToolTips4 .sticky_close {  
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  
}


/* beautify the tooltip content */
.ToolTips4 .message { 
	font-size:11px; 
	padding:0px 0px 4px 0px; 
}

.ToolTips4 .message h3 { 
	font-size:16px; 
	margin:0px 0px 15px; 
	color:#FF6600; 
}

.ToolTips4 .message p { 
	font-size:10px; 
	margin:0; 
	padding:0px 0px 0px 0px; 
	color:#FF6600;
	text-align:center;
	/*font-weight:bold;*/
}

.ToolTips4 .message a { 
	font-size:10px; 
	margin:0; 
	padding:0px 0px 0px 0px; 
	color:#FF6600;
	text-align:center;
}
.ToolTips4 .message a:hover { 
	font-size:10px; 
	margin:0; 
	padding:0px 0px 0px 0px; 
	color:#FF0000;
	text-align:center;
}

.ToolTips4 .message .rights { 
	display:block; 
	clear:both; 
	margin:15px 0px 0px; 
	text-align:right; 
	font-size:11px; 
	color:#666666; 
}



/* tooltip design */
.ToolTips3 { 
	display:block; 
	position:absolute; 
	width:180px; 
}

.ToolTips3 .sticky_close {
	display:block; 
	position:absolute; 
	top:1px; 
	right:3px; 
	background:url(images/fileclose.png); 
	width:16px; 
	height:16px; 
	line-height:16px; 
	font-size:0px; z-index:100000000; 
}

.ToolTips3 .message { 
	display:block; 
	position:relative; 
	background:url(images/tip_body180.png) repeat-y; 
	padding:0px 10px; 
	height:90px; /*50px*/
}

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips3 .dockBottomHeader, 
.ToolTips3 .dockTopFooter { 
	display:block; 
	position:relative; 
	background:url(images/dockBottomHeader180.png) no-repeat bottom; 
	height:33px;  
}

.ToolTips3 .dockTopFooter { 
	background:url(images/dockTopFooter180.png) no-repeat bottom; 
	height:30px; 
}

.ToolTips3 .dockBottomFooter,
.ToolTips3 .dockTopHeader { 
	display:block; 
	position:relative; 
	background:url(images/dockBottomFooter180.png); 
	height:14px; 
	line-height:11px; 
	font-size:0px; 
	clear:both; 
}
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips3 .dockTopHeader { 
	background:url(images/dockTopHeader180.png) bottom center no-repeat; 
	height:15px; 
	line-height:20px; 
	font-size:0px; 
}

* html .ToolTips3 .dockBottomHeader { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader180.png'); 
}

* html .ToolTips3 .dockBottomFooter { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter180.png'); 
}

* html .ToolTips3 .dockTopHeader { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader180.png'); 
}

* html .ToolTips3 .dockTopFooter { 
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter180.png'); 
}

* html .ToolTips3 .sticky_close {  
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  
}


/* beautify the tooltip content */
.ToolTips3 .message { 
	font-size:12px; 
	padding:0px 0px 5px 10px; 
}

.ToolTips3 .message h3 { 
	font-size:16px; 
	margin:0px 0px 15px; 
	color:#FF6600; 
}

.ToolTips3 .message p { 
	font-size:11px; 
	margin:0; 
	padding:0px 0px 0px 5px; 
	color:#FF6600;
	text-align:left;
	/*font-weight:bold;*/
}

.ToolTips3 .message .rights { 
	display:block; 
	clear:both; 
	margin:15px 0px 0px; 
	text-align:right; 
	font-size:11px; 
	color:#666666; 
}

/* tooltip design */
.ToolTips2 { 
	display:block; 
	position:absolute; 
	width:202px; 
}

.ToolTips2 .sticky_close {
	display:block; 
	position:absolute; 
	top:1px; 
	right:3px; 
	background:url(images/fileclose.png); 
	width:16px; 
	height:16px; 
	line-height:16px; 
	font-size:0px; z-index:100000000; 
}

.ToolTips2 .message { 
	display:block; 
	position:relative; 
	background:url(images/tip_body202.png) repeat-y; 
	padding:0px 10px; 
}

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips2 .dockBottomHeader, 
.ToolTips2 .dockTopFooter { 
	display:block; 
	position:relative; 
	background:url(images/dockBottomHeader202.png) no-repeat bottom; 
	height:33px;  
}

.ToolTips2 .dockTopFooter { 
	background:url(images/dockTopFooter202.png) no-repeat bottom; 
	height:38px; 
}

.ToolTips2 .dockBottomFooter,
.ToolTips2 .dockTopHeader { 
	display:block; 
	position:relative; 
	background:url(images/dockBottomFooter202.png); 
	height:14px; 
	line-height:11px; 
	font-size:0px; 
	clear:both; 
}
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips2 .dockTopHeader { 
	background:url(images/dockTopHeader202.png) bottom center no-repeat; 
	height:20px; 
	line-height:20px; 
	font-size:0px; 
}

* html .ToolTips2 .dockBottomHeader { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader202.png'); 
}

* html .ToolTips2 .dockBottomFooter { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter202.png'); 
}

* html .ToolTips2 .dockTopHeader { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader202.png'); 
}

* html .ToolTips2 .dockTopFooter { 
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter202.png'); 
}

* html .ToolTips2 .sticky_close {  
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  
}


/* beautify the tooltip content */
.ToolTips2 .message { 
	font-size:12px; 
	text-align:justify; 
}

.ToolTips2 .message h3 { 
	font-size:16px; 
	margin:0px 0px 10px; 
	padding:0px; 
	color:#FF6600; 
}

.ToolTips2 .message .rights { 
	display:block; 
	clear:both; 
	margin:15px 0px 0px; 
	text-align:right; 
	font-size:11px; 
	color:#666666; 
}


.ToolTips { 
	display:block; 
	position:absolute; 
	width:404px; 
}

.ToolTips .sticky_close {
	display:block; 
	position:absolute; 
	top:1px; 
	right:3px; 
	background:url(images/fileclose.png); 
	width:16px; 
	height:16px; 
	line-height:16px; 
	font-size:0px; z-index:100000000; 
}

.ToolTips .message { 
	display:block; 
	position:relative; 
	background:url(images/tip_body.png) repeat-y; 
	padding:0px 10px; 
}

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { 
	display:block; 
	position:relative; 
	background:url(images/dockBottomHeader.png) no-repeat bottom; 
	height:33px;  
}

.ToolTips .dockTopFooter { 
	background:url(images/dockTopFooter.png) no-repeat bottom; 
	height:38px; 
}

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { 
	display:block; 
	position:relative; 
	background:url(images/dockBottomFooter.png); 
	height:14px; 
	line-height:11px; 
	font-size:0px; 
	clear:both; 
}
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { 
	background:url(images/dockTopHeader.png) bottom center no-repeat; 
	height:20px; 
	line-height:20px; 
	font-size:0px; 
}

* html .ToolTips .dockBottomHeader { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader.png'); 
}

* html .ToolTips .dockBottomFooter { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter.png'); 
}

* html .ToolTips .dockTopHeader { 
	background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png'); 
}

* html .ToolTips .dockTopFooter { 
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png'); 
}

* html .ToolTips .sticky_close {  
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  
}

/* this is just a div displaying the loading animated .gif */
.loading { 
	display:block; 
	margin:0px auto 0px; 
	background:url(images/ajax-loader.gif) center center no-repeat; 
	width:31px; 
	height:50px; 
}

/* tip container */
.tipContainer { 
	display:none; 
}

/* beautify the tooltip content */
.ToolTips .message { 
	font-size:12px; 
	text-align:justify; 
}

.ToolTips .message h3 { 
	font-size:16px; 
	margin:0px 0px 10px; 
	padding:0px; 
	color:#FF6600; 
}

.ToolTips .message .rights { 
	display:block; 
	clear:both; 
	margin:15px 0px 0px; 
	text-align:right; 
	font-size:11px; 
	color:#666666; 
}

.ytop, .ybottom {display:block; background:transparent; font-size:1px;}
.yb1, .yb2, .yb3, .yb4 {display:block; overflow:hidden;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {background: #82b0e3; border-left:1px solid #82b0e3; border-right:1px solid #82b0e3;}
.yb1 {margin:0 5px; background: #82b0e3;}
.yb2 {margin:0 3px; border-width:0 2px;}
.yb3 {margin:0 2px;}
.yb4 {height:2px; margin:0 1px;}

.yboxcontent {background: #fafafa; display:block; border:0 solid #82b0e3; padding: 10px; border-width:0 1px;}
.yb4 {height:2px; margin:0 1px;}

.yboxcontent {background: #82b0e3; display:block; border:0 solid #82b0e3; padding: 10px; border-width:0 1px;}