/* tooltip design */
.ToolTips { display:block; position:absolute; width:229px; height:auto;}

.ToolTips .sticky_close { display:block; position:absolute; top:22px; right:8px; background:url(../img/bulk-btn.png); width:20px; height:20px; line-height:0px; font-size:0px; z-index:100000000; }

.ToolTips .message {
	display:block; position:relative; width:195px; height:110px; padding-left:26px; padding-right:8px;
	background-image: url(../img/gat_box_mid.png); background-repeat: no-repeat;
	font-family: Arial; font-size: 11px; line-height: normal; color: #6F6565;}

/* 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; height:9px; background-image: url(../img/gat_box_top.png); background-repeat: no-repeat;
	background-position: right bottom;}

.ToolTips .dockTopFooter {
	height:9px; background-image: url(../img/gat_box_btm.png); background-repeat: no-repeat; background-position: right bottom;}

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

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/gat_box_top.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/gat_box_btm.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/gat_box_top.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/gat_box_btm.png'); }

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



/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; }

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

/* beautify the tooltip content */

.ToolTips .message .gat_title {
	height: 12px; width: 193px; padding-bottom: 3px; padding-left: 2px; border-bottom-width: 1px; border-bottom-style: solid;
	border-bottom-color: #D8D8D8;}

.ToolTips .message .gat_text {
	height: 90px; width: 195px; padding-top: 1px; font-family: Arial; font-size: 11px; line-height: 16px; color: #5A5A5A;
	text-align:justify;}