﻿

.sweet-tooltip
{
	z-index:1;
}
.sweet-tooltip:hover
{
	cursor:pointer;
}

.sweet-tooltip-blue
{
	z-index:1;
}
.sweet-tooltip-blue:hover
{
    background-color:#BFEFFF;
	cursor:pointer;
}


/* Sweet Strong */
.tooltip-sweet-strong {
	position: absolute;
	opacity: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd358), to(#ffbc30));
	background-image: -webkit-linear-gradient(top, #ffd358, #ffbc30);
	background-image:    -moz-linear-gradient(top, #ffd358, #ffbc30); 
	background-image:     -ms-linear-gradient(top, #ffd358, #ffbc30); 
	background-image:      -o-linear-gradient(top, #ffd358, #ffbc30); 
  	background-image:         linear-gradient(to bottom, #ffd358, #ffbc30);
	color: #c77500;
	font-weight: bold;
	padding: 5px 20px;
	border-radius: 20px;
	box-shadow: 0px 3px 0px #c77500;
	margin-top: 10px;
	z-index:999;
}

	.tooltip-sweet-strong:after {
		content: '';
		border-top: 8px solid #ffbc30;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		position: absolute;
		left: 45%;
		top: 95%;
		z-index:999;
	}

	.tooltip-sweet-strong:before {
		content: '';
		border-top: 8px solid #c77500;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		position: absolute;
		left: 45%;
		top: 110%;
		z-index:999;
	}
	
	
/* Mini Slick */
.tooltip-mini-slick {
	position: absolute;
	opacity: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0088e2), to(#005cc4));
	background-image: -webkit-linear-gradient(top, #0088e2, #005cc4);
	background-image:    -moz-linear-gradient(top, #0088e2, #005cc4); 
	background-image:     -ms-linear-gradient(top, #0088e2, #005cc4); 
	background-image:      -o-linear-gradient(top, #0088e2, #005cc4); 
  	background-image:         linear-gradient(to bottom, #0088e2, #005cc4);
	color: white;
	font-weight: normal;
	padding: 8px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(255,255,255,0.5);
	margin-top: 10px;
	z-index:999;
}

	.tooltip-mini-slick:after {
		content: '';
		border-top: 10px solid #005cc4;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		left: 35%;
		top: 85%;
		z-index:999;
	}

/* Big Grey */
.tooltip-big-grey {
	position: absolute;
	opacity: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f6f6f6));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f6f6f6);
	background-image:    -moz-linear-gradient(top, #f9f9f9, #f6f6f6); 
	background-image:     -ms-linear-gradient(top, #f9f9f9, #f6f6f6); 
	background-image:      -o-linear-gradient(top, #f9f9f9, #f6f6f6); 
  	background-image:         linear-gradient(to bottom, #f9f9f9, #f6f6f6);
	color: #5c5c5c;
	width: 200px;
	height: 200px;
	padding: 6px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.1);
	margin-top: 10px;
	text-align: left;
	font-size: 14px;
	z-index:999;
}

	.tooltip-big-grey:after {
		content: '';
		border-top: 10px solid #f6f6f6;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		left: 35%;
		margin-top: 126px;
		z-index:999;
	}

	.tooltip-big-grey:before {
		content: '';
		border-top: 10px solid rgba(0,0,0,0.1);
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		left: 35%;
		margin-top: 208px;
		z-index:999;
	}
.tooltip-top {
	position: absolute;
	opacity: 1;
	background: rgba(35,34,27,0.9);
	color: white;
	font-size:12px;
	font-weight: normal;
	padding: 8px 16px;
	border-radius: 5px;
	margin-top: -60px;
	text-shadow: none;
	left:44%;
	z-index:999;
}
	.tooltip-top:after {
		content: '';
		border-top: 5px solid rgba(35,34,27,0.9);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		left: 45%;
		margin-top: 22px;
		z-index:999;
	}

.tooltip-right {
	position: relative;
	background-color: #FCFCFC;
	border:3px solid #E8E8E8;
	border-radius: 3px;
	-moz-box-shadow: 2px 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px 2px #888;
	box-shadow: 2px 2px 2px 2px #888;
	z-index:999;
}
.tooltip-right:after, .tooltip-right:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index:999;
}
.tooltip-right:after {
    border-color: transparent #FCFCFC transparent transparent;
	border-width: 22px;
	top: 50%;
	margin-top: -30px;
	z-index:999;
}
.tooltip-right:before {
    border-color: transparent #E8E8E8 transparent  transparent;
	border-width: 28px;
	top: 50%;
	margin-top: -36px;
	z-index:999;
}

.tooltip-rightWhite {
	position: relative;
	background-color: #ffffff;
	border:1px solid #e1e1e1;
	border-radius: 3px;
	z-index:999;
}
.tooltip-rightWhite:after, .tooltip-rightWhite:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index:999;
}
.tooltip-rightWhite:after {
    border-color: transparent #ffffff transparent transparent;
	border-width: 12px;
	top: 50%;
	margin-top: -28px;
	z-index:999;
}
.tooltip-rightWhite:before {
    border-color: transparent #e1e1e1 transparent transparent;
	border-width: 14px;
	top: 50%;
	margin-top: -30px;
	z-index:999;
}

.tooltip-bottom-gray {
	position: relative;
	background: #cacbcb;
	border: 2px solid #cacbcb;
}
.tooltip-bottom-gray:after, .tooltip-bottom-gray:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-gray:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #cacbcb;
	border-width: 15px;
	left: 50%;
	margin-left: -15px;
}
.tooltip-bottom-gray:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #cacbcb;
	border-width: 18px;
	left: 50%;
	margin-left: -18px;
}

.tooltip-left {
	position: relative;
	background-color: #FCFCFC;
	border:3px solid #E8E8E8;
	border-radius: 3px;
	-moz-box-shadow: 2px 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px 2px #888;
	box-shadow: 2px 2px 2px 2px #888;
	z-index:999;
}
.tooltip-left:after, .tooltip-left:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index:999;
}

.tooltip-left:after {
    border: 22px solid;
	border-left-color: #88b7d5;
    border-color: transparent transparent transparent #FCFCFC;
	z-index:999;
	top: 50%;
	margin-top: -30px;
	z-index:999;
}
.tooltip-left:before {
    border: 28px solid;
	border-left-color: #c2e1f5;
    border-color: transparent  transparent transparent #E8E8E8;
	z-index:999;
	top: 50%;
	margin-top: -36px;
	z-index:999;
}


.tooltip-top-white {
	position: relative;
	padding: 6px;
	z-index:999;
	
	background-color: #FCFCFC;
	color: black;
	font-size:12px;
	font-weight: normal;
	padding: 8px 16px;
	border:2px solid #b1b1b1;
	border-radius: 3px;
	margin-top: 10px;
}
	.tooltip-top-white:after {
		content: '';
		border: 13px solid;
		border-left-color: #FCFCFC;
		border-color:  #FCFCFC transparent transparent transparent;
		position: absolute;
		left: 44%;
		top: 100%;
		z-index:999;
	}

	.tooltip-top-white:before {
		content: '';
		border: 16px solid;
		border-left-color: #b1b1b1;
		border-color:  #b1b1b1 transparent transparent transparent;
		position: absolute;
		left: 43%;
		top: 100%;
		z-index:999;
	}	
	

.tooltip-top-white-left {
	position: relative;
	padding: 6px;
	z-index:999;
	
	background-color: #FCFCFC;
	color: black;
	font-size:12px;
	font-weight: normal;
	padding: 8px 16px;
	border:2px solid #b1b1b1;
	border-radius: 3px;
	margin-top: 10px;
}
	.tooltip-top-white-left:after {
		content: '';
		border: 13px solid;
		border-left-color: #FCFCFC;
		border-color:  #FCFCFC transparent transparent transparent;
		position: absolute;
		left: 20%;
		top: 100%;
		z-index:999;
	}

	.tooltip-top-white-left:before {
		content: '';
		border: 16px solid;
		border-left-color: #b1b1b1;
		border-color:  #b1b1b1 transparent transparent transparent;
		position: absolute;
		left: 19%;
		top: 100%;
		z-index:999;
	}	
	

.tooltip-top-white-right {
	position: relative;
	padding: 6px;
	z-index:999;
	
	background-color: #FCFCFC;
	color: black;
	font-size:12px;
	font-weight: normal;
	padding: 8px 16px;
	border:2px solid #b1b1b1;
	border-radius: 3px;
	margin-top: 10px;
}
	.tooltip-top-white-right:after {
		content: '';
		border: 13px solid;
		border-left-color: #FCFCFC;
		border-color:  #FCFCFC transparent transparent transparent;
		position: absolute;
		left: 70%;
		top: 100%;
		z-index:999;
	}

	.tooltip-top-white-right:before {
		content: '';
		border: 16px solid;
		border-left-color: #b1b1b1;
		border-color:  #b1b1b1 transparent transparent transparent;
		position: absolute;
		left: 69%;
		top: 100%;
		z-index:999;
	}	
	

.tooltip-top-gray {
	position: relative;
	padding: 6px;
	z-index:999;
	
	background-color: #f7f7f7;
	color: black;
	font-size:1px;
	font-weight: normal;
	padding: 8px 16px;
	border:2px solid #b1b1b1;
	border-radius: 3px;
	margin-top: 10px;
}
	.tooltip-top-gray:after {
		content: '';
		border: 12px solid;
		border-left-color: #F7F7F7;
		border-color:  #F7F7F7 transparent transparent transparent;
		position: absolute;
		left: 44%;
		top: 100%;
		z-index:999;
	}

	.tooltip-top-gray:before {
		content: '';
		border: 15px solid;
		border-left-color: #b1b1b1;
		border-color:  #b1b1b1 transparent transparent transparent;
		position: absolute;
		left: 42%;
		top: 100%;
		z-index:999;
	}	

.tooltip-top-blue {
	position: relative;
	padding: 6px;
	z-index:999;
	
	background-color: #29ABE2;
	color: black;
	font-size:1px;
	font-weight: normal;
	padding: 8px 16px;
	border-radius: 6px;
	margin-top: 10px;
}
	.tooltip-top-blue:after {
		content: '';
		border: 12px solid;
		border-left-color: #29ABE2;
		border-color:  #29ABE2 transparent transparent transparent;
		position: absolute;
		left: 44%;
		top: 100%;
		z-index:999;
	}

	.tooltip-top-blue:before {
		content: '';
		border: 15px solid;
		position: absolute;
		left: 42%;
		top: 100%;
		z-index:999;
	}	

.tooltip-bottom-white {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.tooltip-bottom-white:after, .tooltip-bottom-white:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-white:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 16px;
	left: 50%;
	margin-left: -16px;
}
.tooltip-bottom-white:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #cccccc;
	border-width: 18px;
	left: 50%;
	margin-left: -18px;
}

.tooltip-bottom-white-right {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.tooltip-bottom-white-right:after, .tooltip-bottom-white-right:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-white-right:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 16px;
	left: 78%;
	margin-left: -16px;
}
.tooltip-bottom-white-right:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #cccccc;
	border-width: 18px;
	left: 78%;
	margin-left: -18px;
}


.tooltip-bottom-white-left {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.tooltip-bottom-white-left:after, .tooltip-bottom-white-left:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-white-left:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 16px;
	left: 14%;
	margin-left: -16px;
}
.tooltip-bottom-white-left:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #cccccc;
	border-width: 18px;
	left: 14%;
	margin-left: -18px;
}


.tooltip-bottom {
	position: relative;
	background: #ffffff;
	border: 1px solid #e8e8e8;
}
.tooltip-bottom:after, .tooltip-bottom:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 24px;
	left: 87%;
	margin-left: -24px;
}
.tooltip-bottom:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #e8e8e8;
	border-width: 26px;
	left: 87%;
	margin-left: -26px;
}


.tooltip-bottom-center {
	position: relative;
	background: #ffffff;
	border: 1px solid #e8e8e8;
}
.tooltip-bottom-center:after, .tooltip-bottom-center:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-center:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 24px;
	left: 50%;
	margin-left: -24px;
}
.tooltip-bottom-center:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #e8e8e8;
	border-width: 26px;
	left: 50%;
	margin-left: -26px;
}


.tooltip-bottom-left {
	position: relative;
	background: #ffffff;
	border: 1px solid #e8e8e8;
}
.tooltip-bottom-left:after, .tooltip-bottom-left:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-left:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 24px;
	left: 17%;
	margin-left: -24px;
}
.tooltip-bottom-left:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #e8e8e8;
	border-width: 26px;
	left: 17%;
	margin-left: -26px;
}

	
.tooltip-bottom1 {
	position: relative;
	background: #ffffff;
	border: 4px solid #e8e8e8;
}
.tooltip-bottom1:after, .tooltip-bottom1:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom1:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 30px;
	left: 50%;
	margin-left: -30px;
}
.tooltip-bottom1:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #e8e8e8;
	border-width: 36px;
	left: 50%;
	margin-left: -36px;
}
.tooltip-top-orange {
	position: relative;
	padding: 6px;
	z-index:999;
	
	background-color: #ffffff;
	color: black;
	font-weight: normal;
	padding: 8px 16px;
	border:2px solid #ff780a;
	border-radius: 3px;
	margin-top: 10px;
}
	.tooltip-top-orange:after {
		content: '';
		border: 12px solid;
		border-left-color: #ffffff;
		border-color:  #ffffff transparent transparent transparent;
		position: absolute;
		left: 43%;
		top: 100%;
		z-index:999;
	}

	.tooltip-top-orange:before {
		content: '';
		border: 17px solid;
		border-left-color: #ff780a;
		border-color:  #ff780a transparent transparent transparent;
		position: absolute;
		left: 42%;
		top: 100%;
		z-index:999;
	}	

.tooltip-bottomOrange {
	position: relative;
	background: #ffffff;
	border: 3px solid #ff780a;
}
.tooltip-bottomOrange:after, .tooltip-bottomOrange:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.tooltip-bottomOrange:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 20px;
	left: 57%;
	margin-left: -20px;
}
.tooltip-bottomOrange:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #ff780a;
	border-width: 26px;
	left: 57%;
	margin-left: -26px;
}

.tooltip-bottomOrange-left {
	position: relative;
	background: #ffffff;
	border: 3px solid #ff780a;
}
.tooltip-bottomOrange-left:after, .tooltip-bottomOrange-left:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.tooltip-bottomOrange-left:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 20px;
	left: 38%;
	margin-left: -20px;
}
.tooltip-bottomOrange-left:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #ff780a;
	border-width: 26px;
	left: 38%;
	margin-left: -26px;
}

.tooltip-bottom-orange-right {
	position: relative;
	background: #ffffff;
	border: 3px solid #ff780a;
}
.tooltip-bottom-orange-right:after, .tooltip-bottom-orange-right:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-orange-right:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 20px;
	left: 90%;
	margin-left: -20px;
}
.tooltip-bottom-orange-right:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #ff780a;
	border-width: 26px;
	left: 90%;
	margin-left: -26px;
}

.tooltip-bottom-silver-gradient 
{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#f2f2f2));
  
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #e7e7e7, #f2f2f2);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #e7e7e7, #f2f2f2);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #e7e7e7, #f2f2f2);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #e7e7e7, #f2f2f2);
	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7e7e7, endColorstr=#f2f2f2); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7e7e7, endColorstr=#f2f2f2)"; /* IE8 */

	position: relative;
	border: 1px solid #cccccc;
}
.tooltip-bottom-silver-gradient:after, .tooltip-bottom-silver-gradient:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-silver-gradient:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #e8e8e8;
	border-width: 10px;
	left: 50%;
	margin-left: -16px;
}
.tooltip-bottom-silver-gradient:before {
	border-color: rgba(232, 232, 232, 0);
	border-bottom-color: #cccccc;
	border-width: 12px;
	left: 50%;
	margin-left: -18px;
}

.tooltip-left-black {
	position: absolute;
	opacity: 0;
	color: black;
	font-size:1	px;
	font-weight: normal;
	padding: 0px;
	margin-top: 10px;
	background-color: #f7f7f7;
	border:1px solid #303030;
	border-radius: 0px;
	-moz-box-shadow: 2px 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px 2px #888;
	box-shadow: 2px 2px 2px 2px #888;
	z-index:999;
}
.tooltip-left-black:after, .tooltip-left-black:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index:999;
}

.tooltip-left-black:after {
    border: 8px solid;
	border-left-color: #303030;
    border-color: transparent transparent transparent #303030;
	z-index:999;
	top: 22%;
	margin-top: -30px;
	z-index:999;
}
.tooltip-left-black:before {
    border: 14px solid;
	border-left-color: #303030;
    border-color: transparent  transparent transparent #303030;
	z-index:999;
	top: 22%;
	margin-top: -36px;
	z-index:999;
}

/* Nightly */

.tooltip-nightly {
	position: absolute;
	opacity: 0;
	background: rgba(35,34,27,0.9);
	color: white;
	font-size:14px;
	font-weight: normal;
	padding: 8px 16px;
	border-radius: 5px;
	margin-top: 10px;
	text-shadow: none;
	z-index:999;
}


	.tooltip-nightly:after {
		content: '';
		border-top: 5px solid rgba(35,34,27,0.9);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		left: 45%;
		margin-top: 8px;
		z-index:999;
	}
	
.tooltip-shiny-red {
	position: absolute;
	opacity: 0;
	background: #ff2723;
	color: white;
	font-weight: normal;
	padding: 8px 16px;
	border-radius: 5px;
	margin-top: 10px;
	text-shadow: none;
	box-shadow: 0px 1px 0px #bb0400;
	z-index:999;
}

	.tooltip-shiny-red:before {
		position: absolute;
		content: '';
		background: rgba(255,255,255,0.2);
		padding: 8px 16px;
		width: 87px;
		margin: -8px 0 0 -16px;
		z-index:999;
	}

	.tooltip-shiny-red:after {
		content: '';
		border-top: 5px solid #ff2723;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		left: 45%;
		margin-top: 1.85em;
		z-index:999;
	}

/* Soft Blue */
.tooltip-soft-blue {
	position: absolute;
	opacity: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddeefe), to(#c0e0f1));
	background-image: -webkit-linear-gradient(top, #ddeefe, #c0e0f1);
	background-image:    -moz-linear-gradient(top, #ddeefe, #c0e0f1); 
	background-image:     -ms-linear-gradient(top, #ddeefe, #c0e0f1); 
	background-image:      -o-linear-gradient(top, #ddeefe, #c0e0f1); 
  	background-image:         linear-gradient(to bottom, #ddeefe, #c0e0f1);
	color: #3f4b53;
	font-weight: bold;
	padding: 5px 20px;
	border-radius: 20px;
	border: 1px solid #c0d9e9;
	margin-top: 10px;
	z-index:999;
}

	.tooltip-soft-blue:after {
		content: '';
		border-top: 6px solid #c0e0f1;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		position: absolute;
		left: 45%;
		margin-top: 1.6em;
		z-index:999;
	}

	.tooltip-soft-blue:before {
		content: '';
		border-top: 6px solid #c0d9e9;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		position: absolute;
		left: 45%;
		margin-top: 1.7em;
		z-index:999;
	}

/* Big Yellow */
.tooltip-big-yellow-left {
	position: absolute;
	color: #2c170a;
	font-weight: bold;
	min-width: 100px;
	padding: 12px 20px;
	border-radius: 20px;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	border: 1px solid #d9c171;
	margin-top: 10px;
	text-align: left;
	z-index: 9999;
	cursor: default;
	background-color:#deb223;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7e29a), to(#deb223));
	background-image: -webkit-linear-gradient(top, #f7e29a, #deb223);
	background-image:    -moz-linear-gradient(top, #f7e29a, #deb223); 
	background-image:     -ms-linear-gradient(top, #f7e29a, #deb223); 
	background-image:      -o-linear-gradient(top, #f7e29a, #deb223); 
}

	.tooltip-big-yellow-left:after {
		content: '';
		border-top: 6px solid #deb223;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		position: absolute;
		left: 80%;
		margin-top: 1em;
		z-index:9999;
	}
	
.tooltip-big-yellow-right {
	position: absolute;
	color: #2c170a;
	font-weight: bold;
	min-width: 100px;
	padding: 12px 20px;
	border-radius: 20px;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	border: 1px solid #d9c171;
	margin-top: 10px;
	text-align: left;
	z-index: 9999;
	cursor: default;
	background-color:#deb223;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7e29a), to(#deb223));
	background-image: -webkit-linear-gradient(top, #f7e29a, #deb223);
	background-image:    -moz-linear-gradient(top, #f7e29a, #deb223); 
	background-image:     -ms-linear-gradient(top, #f7e29a, #deb223); 
	background-image:      -o-linear-gradient(top, #f7e29a, #deb223); 
}

	.tooltip-big-yellow-right:after {
		content: '';
		border-top: 6px solid #deb223;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		position: absolute;
		left: 10%;
		margin-top: 1em;
		z-index:9999;
	}
	


.tooltip-checkin {
	position: absolute;
	color: black;
	font-size:1	px;
	font-weight: normal;
	padding: 8px 16px;
	margin-top: 10px;
	background-color: #FCFCFC;
	border:3px solid #E8E8E8;
	border-radius: 3px;
	-moz-box-shadow: 2px 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px 2px #888;
	box-shadow: 2px 2px 2px 2px #888;
	z-index:999;
}
.tooltip-checkin:after, .tooltip-checkin:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index:999;
}

.tooltip-checkin:after {
    border: 22px solid;
	border-left-color: #88b7d5;
    border-color: transparent transparent transparent #FCFCFC;
	z-index:999;
	top: 50%;
	margin-top: -30px;
	z-index:999;
}
.tooltip-checkin:before {
    border: 28px solid;
	border-left-color: #c2e1f5;
    border-color: transparent  transparent transparent #E8E8E8;
	z-index:999;
	top: 50%;
	margin-top: -36px;
	z-index:999;
}

.tooltip-bottom-nightly {
	opacity: 1;
	background: rgba(35,34,27,0.9);
	color: white;
	font-size:14px;
	font-weight: normal;
	padding: 2px 4px;
	border-radius: 5px;
	margin-top: 10px;
	text-shadow: none;
	z-index:9999;
}
.tooltip-bottom-nightly:after, .tooltip-bottom-nightly:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-nightly:after {
	border-bottom-color: rgba(35,34,27,0.9);
	border-width: 16px;
	left: 80%;
	margin-left: -16px;
}
.tooltip-bottom-nightly:before {
	border-bottom-color: rgba(35,34,27,0.9);
	border-width: 18px;
	left: 80%;
	margin-left: -18px;
}

.tooltip-bottom-nightly-left {
	opacity: 1;
	background: rgba(35,34,27,0.9);
	color: white;
	font-size:14px;
	font-weight: normal;
	padding: 2px 4px;
	border-radius: 5px;
	margin-top: 10px;
	text-shadow: none;
	z-index:9999;
}
.tooltip-bottom-nightly-left:after, .tooltip-bottom-nightly-left:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-nightly-left:after {
	border-bottom-color: rgba(35,34,27,0.9);
	border-width: 16px;
	left: 10%;
	margin-left: -16px;
}
.tooltip-bottom-nightly-left:before {
	border-bottom-color: rgba(35,34,27,0.9);
	border-width: 18px;
	left: 10%;
	margin-left: -18px;
}

.tooltip-bottom-nightly-middle {
	opacity: 1;
	background: rgba(35,34,27,0.9);
	color: white;
	font-size:14px;
	font-weight: normal;
	padding: 2px 4px;
	border-radius: 5px;
	margin-top: 10px;
	text-shadow: none;
	z-index:99999;
}
.tooltip-bottom-nightly-middle:after, .tooltip-bottom-nightly-middle:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-nightly-middle:after {
	border-bottom-color: rgba(35,34,27,0.9);
	border-width: 16px;
	left: 50%;
	margin-left: -16px;
}
.tooltip-bottom-nightly-middle:before {
	border-bottom-color: rgba(35,34,27,0.9);
	border-width: 18px;
	left: 50%;
	margin-left: -18px;
}

.tooltip-bottom-black-left {
	opacity: 1;
	background: black;
	color: white;
	font-size:14px;
	font-weight: normal;
	padding: 2px 4px;
	border-radius: 0px;
	margin-top: 10px;
	text-shadow: none;
	z-index:9999;
}
.tooltip-bottom-black-left:after, .tooltip-bottom-black-left:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-black-left:after {
	border-bottom-color: black;
	border-width: 16px;
	left: 10%;
	margin-left: -16px;
}
.tooltip-bottom-black-left:before {
	border-bottom-color: black;
	border-width: 18px;
	left: 10%;
	margin-left: -18px;
}

.tooltip-bottom-blue-right{
	position: relative;
	background: #29ABE2;
}
.tooltip-bottom-blue-right:after, .tooltip-bottom-blue-right:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-bottom-blue-right:after {
	border-bottom-color: #29ABE2;
	border-width: 16px;
	left: 80%;
	margin-left: -16px;
}
.tooltip-bottom-blue-right:before {
	border-width: 18px;
	left: 80%;
	margin-left: -18px;
}
