@charset "utf-8";
/* CSS Document */

/**********************************************************************************/
/**********************************************************************************/
/* FRESH TOOLTIPS */
/**********************************************************************************/
/**********************************************************************************/


.tooltip_transparent {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 19px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow:0 1px 1px #000;
	line-height:18px;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background:#000000;
	background:-moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.5)), color-stop(1, rgba(0,0,0,1)));
}

.tooltip_transparent:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#000;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tooltip_white {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#5e5e5e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #FFF;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #d0d0d0;
	border-bottom:1px solid #b5b5b5;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #EFEFEF;
	background: -moz-linear-gradient(top, #FFF, #FFF 50%, #EFEFEF);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.5, #FFF), to(#EFEFEF));

}


.tooltip_white:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#b5b5b5;
}

.tooltip_white:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#EFEFEF;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.tooltip_grey {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#5e5e5e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #FFF;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #d0d0d0;
	border-bottom:1px solid #b5b5b5;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #e2e2e2;
	background: -moz-linear-gradient(top, #FFF, #f5f5f5 2%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.01, #f5f5f5), to(#e2e2e2));

}


.tooltip_grey:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#b5b5b5;
}

.tooltip_grey:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#e2e2e2;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tooltip_blue {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 1px 1px #0f739d;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #54abcf;
	border-bottom:1px solid #398fb4;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #60b5d9;
	background: -moz-linear-gradient(top, #d1edfa, #8dd8f8 2%, #60b5d9);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c9e7f5), color-stop(.01, #8dd8f8), to(#60b5d9)); 

}


.tooltip_blue:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#135a78;
}

.tooltip_blue:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#60b5d9;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.tooltip_darkblue {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 1px 1px #0d3474;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #3b79df;
	border-bottom:1px solid #2562c7;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #4986e8;
	background: -moz-linear-gradient(top, #c1d7ff, #76b8fc 2%, #4986e8);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aadaf0), color-stop(.01, #76b8fc), to(#4986e8)); 

}


.tooltip_darkblue:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#0f3980;
}

.tooltip_darkblue:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#4986e8;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tooltip_pink {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 1px 1px #8d1b63;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #e54aac;
	border-bottom:1px solid #cc3695;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #ec56b5;
	background: -moz-linear-gradient(top, #f8bfe3, #f87bca 2%, #ec56b5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8bfe3), color-stop(.01, #f87bca), to(#ec56b5)); 

}


.tooltip_pink:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#b11879;
}

.tooltip_pink:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#ec56b5;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tooltip_green {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 1px 1px #316903;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #53a40c;
	border-bottom:1px solid #468f0a;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #5eac11;
	background: -moz-linear-gradient(top, #cbe951, #9dd254 2%, #5eac11);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cbe951), color-stop(.01, #9dd254), to(#5eac11)); 

}


.tooltip_green:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#316804;
}

.tooltip_green:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#5eac11;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tooltip_orange {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 1px 1px #6f3a02;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #e6791c;
	border-bottom:1px solid #d86f15;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #f48423;
	background: -moz-linear-gradient(top, #ffdf9e, #f5b026 2%, #f48423);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd683), color-stop(.01, #f5b026), to(#f48423)); 

}


.tooltip_orange:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#b25708;
}

.tooltip_orange:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#f48423;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tooltip_red {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:300px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 1px 1px #6f3a02;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #d1371c;
	border-bottom:1px solid #9f220d;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #d54746;
	background: -moz-linear-gradient(top, #ffaa9a, #f8674b 2%, #d54746);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa493), color-stop(.01, #f8674b), to(#d54746)); 

}


.tooltip_red:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#7a1504;
}

.tooltip_red:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#d54746;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tooltip_purple {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	margin:1em 0 3em;
	width:auto;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 1px 1px #3d0b66;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #7c45aa;
	border-bottom:1px solid #5d288a;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #9257c1;
	background: -moz-linear-gradient(top, #daaeef, #c785e5 2%, #9257c1);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #daaeef), color-stop(.01, #c785e5), to(#9257c1)); 

}


.tooltip_purple:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#310853;
}

.tooltip_purple:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#9257c1;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tooltip_umbrella {
	
	/* GENERAL */
	position:relative;
	padding:15px 20px 17px 20px;
	width:auto;
	min-width:100px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 1px 1px #3d0b66;
	line-height:18px;
	
	/* BORDER */
	border:1px solid #7c45aa;
	border-bottom:1px solid #5d288a;
	
	/* BORDER RADIUS */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	/* BACKGROUND */
	background: #28b34b;
	background: -moz-linear-gradient(top, #daaeef, #28b34b 2%, #28b34b);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #daaeef), color-stop(.01, #28b34b), to(#28b34b)); 

}


.tooltip_umbrella:before {
	
	/* TRIANGLE ARROW - BIG */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-28px;
	left:46px;
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#310853;
}

.tooltip_umbrella:after {

	/* TRIANGLE ARROW - SMALL */
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:47px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#28b34b;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/