/*tooltip         width: 350px;*/
/*tooltipsm       width: 350px;*/
/*tooltipxsm      width: 90px; */
/*tooltiplg       width: 450px;*/
/*tooltiplg2      width: 450px;*/
/*tooltipxlg      width: 500px;*/
/*tooltipbottom   width: 215px;*/
/*tooltipleft     width: 215px;*/
/*tooltipleft_sts width: 300px;*/
/*tooltipleftlg   width: 309px;*/
/*tooltipleftlgfa width: 309px;*/
/*tooltipleftsmfa width: 309px;*/
/*tooltipleftxlg  width: 500px;*/

/*TOOLTIP START START  START START START START START START START START START START START START*/
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
    z-index:20;
	display:none;
	padding:14px 20px;
    margin-top:-30px;
	margin-left:28px;
    width:350px;
	line-height:16px;
}
a.tooltip:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.callout {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.callout {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
	width:12px;
	line-height:22px;
	display: block;
	color: #ffffff;
 	background-image: url("../images/callout.gif");
}

/*CSS3 extras*/
a.tooltip span
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP SMALL VERIFICATION*/

a.tooltipsm {outline:none; }
a.tooltipsm strong {line-height:30px;}
a.tooltipsm:hover {text-decoration:none;}
a.tooltipsm span {
    z-index:20;
	display:none;
	padding:14px 20px;
    margin-top:-16px;
	margin-left:28px;
    width:350px;
	line-height:16px;
}
a.tooltipsm:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutsm {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutsm {
	z-index:20;
	position:absolute;
	top:16px;
	border:0;
	left:-12px;
	width:12px;
	line-height:22px;
	display: block;
	color: #ffffff;
 	background-image: url("../images/callout.gif");
}

/*CSS3 extras*/
a.tooltipsm span
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP EXTRA SMALL VERIFICATION*/

a.tooltipxsm {outline:none; }
a.tooltipxsm strong {line-height:30px;}
a.tooltipxsm:hover {text-decoration:none;}
a.tooltipxsm span {
    z-index:20;
	display:none;
	padding:14px 20px;
    margin-top:-20px;
	margin-left:15px;
    width:90px;
	line-height:16px;
}
a.tooltipxsm:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutxsm {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutxsm {
	z-index:20;
	position:absolute;
	top:16px;
	border:0;
	left:-12px;
	width:12px;
	line-height:22px;
	display: block;
	color: #ffffff;
 	background-image: url("../images/callout.gif");
}

/*CSS3 extras*/
a.tooltipxsm span
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP LARGE VERIFICATION*/
a.tooltiplg {outline:none; }
a.tooltiplg strong {line-height:30px;}
a.tooltiplg:hover {text-decoration:none;}
a.tooltiplg span {
    z-index:20;
	display:none;
	padding:14px 20px;
    margin-top:-30px;
	margin-left:28px;
    width:450px;
	line-height:16px;
}
a.tooltiplg:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutlg {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutlg {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
	width:12px;
	line-height:22px;
	display: block;
	color: #ffffff;
 	background-image: url("../images/callout.gif");
}

/*CSS3 extras*/
a.tooltiplg span
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP LARGE VERIFICATION 2*/
a.tooltiplg2 {outline:none; }
a.tooltiplg2 strong {line-height:30px;}
a.tooltiplg2:hover {text-decoration:none;}
a.tooltiplg2 span {
    z-index:20;
	display:none;
	padding:14px 20px;
    margin-top:-30px;
	margin-left:70px;
    width:450px;
	line-height:16px;
}
a.tooltiplg2:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutlg2 {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutlg2 {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
	width:12px;
	line-height:22px;
	display: block;
	color: #ffffff;
 	background-image: url("../images/callout.gif");
}

/*CSS3 extras*/
a.tooltiplg2 span
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP EXTRA LARGE*/
a.tooltipxlg {outline:none; }
a.tooltipxlg strong {line-height:30px;}
a.tooltipxlg:hover {text-decoration:none;}
a.tooltipxlg span {
    z-index:20;
	display:none;
	padding:14px 20px;
    margin-top:-30px;
	margin-left:70px;
    width:500px;
	line-height:16px;
}
a.tooltipxlg:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutxlg {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutxlg {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
	width:12px;
	line-height:22px;
	display: block;
	color: #ffffff;
 	background-image: url("../images/callout.gif");
}

/*CSS3 extras*/
a.tooltipxlg span
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP BOTTOM*/

a.tooltipbottom {outline:none; }
a.tooltipbottom strong {line-height:30px;}
a.tooltipbottom:hover {text-decoration:none;}
a.tooltipbottom span {
    z-index: 20;
    display: none;
    padding: 14px 20px;
    margin-top: 34px;
    margin-left: -171px;
    width: 215px;
    line-height: 16px;
}
a.tooltipbottom:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutbottom {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutbottom {
    z-index: 20;
    position: absolute;
    top: -12px;
    border: 0;
    left: 147px;
    width: 22px;
    line-height: 12px;
    display: block;
    color: #ffffff;
    background-image: url(../images/calloutup.gif);
}

/*CSS3 extras*/
a.tooltipbottom span
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}


/*TOOLTIP LEFT COURSE KEESING*/
a.tooltipleft {outline:none; }
a.tooltipleft strong {line-height:30px;}
a.tooltipleft:hover {
    text-decoration:none;
    cursor: pointer;
}
a.tooltipleft span {
    z-index: 20;
    display: none;
    padding: 14px 20px;
    margin-top: -53px;
    margin-left: -293px;
    width: 215px;
    line-height: 16px;
}
a.tooltipleft:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutleft {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutleft {
    z-index: 20;
    position: absolute;
    top: 49px;
    border: 0;
    left: 255px;
    width: 12px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    background-image: url("../images/calloutright.gif");
}

/*CSS3 extras*/
a.tooltipleft span
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP LEFT STATUS TIMESHEETS*/
a.tooltipleft_sts {outline:none; }
a.tooltipleft_sts strong {line-height:30px;}
a.tooltipleft_sts:hover {
    text-decoration:none;
    cursor: pointer;
}
a.tooltipleft_sts span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -46px;
    margin-left: -362px;
    width: 300px;
    line-height: 16px;
}
a.tooltipleft_sts:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutleft_sts {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutleft_sts {
    z-index: 20;
    position: absolute;
    top: 27px;
    border: 0;
    left: 340px;
    width: 12px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    background-image: url("../images/calloutright.gif");
}

/*CSS3 extras*/
a.tooltipleft_sts span
{
    /*border-radius:4px;*/
    /*box-shadow: 5px 5px 8px #CCC;*/
}

/*TOOLTIP LEFT PROJECT AUTO ONLINE*/
a.tooltipleft_pao {outline:none; }
a.tooltipleft_pao strong {line-height:30px;}
a.tooltipleft_pao:hover {
    text-decoration:none;
    cursor: pointer;
}
a.tooltipleft_pao span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -3px;
    margin-left: -271px;
    width: 182px;
    line-height: 16px;
}
a.tooltipleft_pao:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutleft_pao {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutleft_pao {
    z-index: 20;
    position: absolute;
    top: 4px;
    border: 0;
    left: 222px;
    width: 12px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    background-image: url("../images/calloutright.gif");
}

/*CSS3 extras*/
a.tooltipleft_pao span
{
    /*border-radius:4px;*/
    /*box-shadow: 5px 5px 8px #CCC;*/
}

/*TOOLTIP LEFT LARGE VCA ACCESS*/
a.tooltipleftlg {outline:none; }
a.tooltipleftlg strong {line-height:30px;}
a.tooltipleftlg:hover {text-decoration:none;}
a.tooltipleftlg span {
    z-index: 20;
    display: none;
    padding: 14px 20px;
    margin-top: -53px;
    margin-left: -385px;
    width: 309px;
    line-height: 16px;
}
a.tooltipleftlg:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutleftlg {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutleftlg {
    z-index: 20;
    position: absolute;
    top: 49px;
    border: 0;
    left: 349px;
    width: 12px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    background-image: url("../images/calloutright.gif");
}

/*CSS3 extras*/
a.tooltipleftlg span.tooltipspan
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP LEFT LARGE VCA ACCESS*/
a.tooltipleftlg {outline:none; }
a.tooltipleftlg strong {line-height:30px;}
a.tooltipleftlg:hover {text-decoration:none;}
a.tooltipleftlg span {
    z-index: 20;
    display: none;
    padding: 14px 20px;
    margin-top: -53px;
    margin-left: -385px;
    width: 309px;
    line-height: 16px;
}
a.tooltipleftlg:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutleftlg {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutleftlg {
    z-index: 20;
    position: absolute;
    top: 49px;
    border: 0;
    left: 349px;
    width: 12px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    background-image: url("../images/calloutright.gif");
}

/*CSS3 extras*/
a.tooltipleftlg span.tooltipspan
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP LEFT LARGE VCA ACCESS WORKAROUND FOR FONT AWESOME*/
a.tooltipleftlgfa {outline:none; }
a.tooltipleftlgfa strong {line-height:30px;}
a.tooltipleftlgfa:hover {text-decoration:none;}
a.tooltipleftlgfa span.tooltipspan {
    z-index: 20;
    display: none;
    padding: 14px 20px;
    margin-top: -53px;
    margin-left: -385px;
    width: 309px;
    line-height: 16px;
}
a.tooltipleftlgfa:hover span.tooltipspan{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutleftlgfa {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutleftlgfa {
    z-index: 20;
    position: absolute;
    top: 49px;
    border: 0;
    left: 349px;
    width: 12px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    background-image: url("../images/calloutright.gif");
}

/*CSS3 extras*/
a.tooltipleftlgfa span.tooltipspan
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP LEFT SMALL VCA ACCESS WORKAROUND FOR FONT AWESOME*/
a.tooltipleftsmfa {outline:none; }
a.tooltipleftsmfa strong {line-height:30px;}
a.tooltipleftsmfa:hover {text-decoration:none;}
a.tooltipleftsmfa span.tooltipspan {
    z-index: 20;
    display: none;
    padding: 14px 20px;
    margin-top: -29px;
    margin-left: -385px;
    width: 309px;
    line-height: 16px;
}
a.tooltipleftsmfa:hover span.tooltipspan{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutleftsmfa {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutleftsmfa {
    z-index: 20;
    position: absolute;
    top: 28px;
    border: 0;
    left: 349px;
    width: 12px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    background-image: url("../images/calloutright.gif");
}

/*CSS3 extras*/
a.tooltipleftsmfa span.tooltipspan
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP LEFT EXTRA LARGE*/

a.tooltipleftxlg {outline:none; }
a.tooltipleftxlg strong {line-height:30px;}
a.tooltipleftxlg:hover {text-decoration:none;}
a.tooltipleftxlg span {
    z-index: 20;
    display: none;
    padding: 14px 20px;
    margin-top: -53px;
    margin-left: -569px;
    width: 500px;
    line-height: 16px;
}
a.tooltipleftxlg:hover span{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid var(--color-basic);
	background: var(--color-background);
}
.calloutleftxlg {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

DIV.calloutleftxlg {
    z-index: 20;
    position: absolute;
    top: 49px;
    border: 0;
    left: 540px;
    width: 12px;
    line-height: 22px;
    display: block;
    color: #ffffff;
    background-image: url(../images/calloutright.gif);
}

/*CSS3 extras*/
a.tooltipleftxlg span.tooltipspan
{
    /*border-radius:4px;*/
    box-shadow: 5px 5px 8px #CCC;
}

/*TOOLTIP INNER TABLE*/
.tooltiptd
{
	background-color:transparent;
	font-weight: normal;
	text-align: left;
}
.tooltiptd .color-warning
{
	color: var(--color-warning);
}
.tooltiptable
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width:100px !important;
    white-space: nowrap;
    text-align: left;
}

/*TOOLTIP INNER TABLE (NICE, Will wrap long sentences)*/
.tooltiptdnice
{
	background-color:transparent;
	font-weight: normal;
	text-align: left;
    vertical-align: top;
}

.tooltiptablenice
{
    white-space: normal;
    word-wrap: break-word;
    width: 100%;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
}
/*TOOLTIP (NICE) END*/