/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

#JT_arrow_left{
	background: url(../img/icons/jTip_arrow_left.png) no-repeat left top;
	position: absolute;
	z-index:900;
	left:-11px;
	height:21px;
	width:11px;
	top:-1px;
}

#JT_arrow_right{
	background: url(../img/icons/jTip_arrow_right.png) no-repeat left top;
	position: absolute;
	z-index:900;
	height:21px;
	width:11px;
	top:-1px;
}

#JT {
	position: absolute;
	z-index:1000000;
    background-color: #ffffdd;
    border: 1px solid #616161;
    -moz-box-shadow: 2px 2px 2px #666666;    /* Shadow for Firefox */
    -webkit-box-shadow: 2px 2px 2px #666666; /* Shadow for Safari */
	box-shadow: 2px 2px 2px #666666;         /* Shadow for CSS 3 */

    /* Shadow for IE8 */
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')"; */

    /* Shadow for IE 5.5 - 7 */
    /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666'); */
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
	float: left;
	font-size: 10px;
    font-family: Verdana;
}

.JT_loader{
	background-image: url(../img/icons/jTip_loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p { margin:3px 0; }

#JT_copy img {
	padding: 1px;
	border: 1px solid #ccc;
}

.jTip { cursor:help; }

#JT iframe {
	display:none;
	display/**/:block;
	border:none;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	height:100%;
	overflow:hidden;
}