/*
green : #A2D054 rgb(162,208,84)
dark green : #829c56
light green: #e0efc4 rgb(224, 239, 196)
dark gray: #a6a8ab rgb(166,168,171)
light gray: #d2d3d5
white: #logogffffff rgb(255, 255, 255)
pink: #ec008c rgb(236,0,140)
light pink: #F66EBE
dark pink : #B12C7A
blue: #31cac7 rgb(49, 202, 199)
blue border: #419894 rgb(226, 242, 241)
red : #ff4045
light orange: #ffce73
*/
html, body, #wrap {height: 100%;}
@font-face {
    font-family: "My Candara";
    src: url(Candara.ttf) format("truetype");
}

body {
    margin: 0 auto;
    padding: 0;
    font-family: Candara, "My Candara", Arial;
    font-size: 102% !important;
    background-color:#A2D054;
    background-image: url("images/body.jpg");
    background-repeat: no-repeat;
    background-position: top center;

}

#wrap {
    margin: 0 auto;
    width: 1024px;
    /*background-image:url("images/Background.jpg");
    background-repeat:no-repeat;
    background-position: top right;
    background-color:#ffffff;*/
    display: block;
    height: auto;
    /*min-height: 100%;*/ /* The floating footer sotped floating for some reason*/
    min-height: 801px; /* This fixes the displaying of the white bar under the footer when floating footer has been broken. 801 is height of the body.jpg picture*/
    background-image: url("images/body.jpg");
    background-color:#FFFFFF;
    background-position:-188px 0;
    background-repeat: no-repeat;
}

h1 {
    font-size: 1.8em;
    color:#ec008c;
    margin: 0.5em 0 0.5em 0.2em;
    width:99%;
    font-weight:bold;
    font-stretch:wider;
    border-bottom: #a6a8ab solid 1px;
    text-transform: capitalize;
}

h2 {
    font-size: 1.2em;
    color:#ec008c;
}

h3 {
    font-size: 1.1em;
    color:#A2D054;
}

h4 {
    font-size: 1.0em;
    color:#419894;
    margin:5px 0;
    padding:5px 1px;
    
}

label {
    margin: 0 5px 0 0 ;
    font-weight: bold;
}

label.mandatory {
    background:url(images/mandatory.gif) left no-repeat;
    padding: 3px 3px 3px 15px;
}

span {
    display: inline-block;
    position: relative;
}

#ie6Warning {
    text-align:center;
    background-color:#ff4045;
    color:white;
    border: 2px darkred solid;
    margin: 0.2em;
    padding: 0.2em;
}

#main {
    padding-bottom: 140px; /* must be same height as the footer */

}  

.logoNormal {
    float: left;
    margin: 50px 0 0 25px;
    display:none;
}

.logoSmall {
    float: left;
    margin: 5px 0 0 0;
    padding: 5px;
    height: 57px;
    background-color:white;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

#ToDo {
    float:left;
    margin:5px 1px 1px 2px;
    padding:2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #ffffff;
}

#ToDo span {
    margin:1px;
    padding:1px;
    color:white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight:bold;
}

#slides{
    float:right;
    margin: 15px 10px;
    border: 6px solid #000000;/*#A2D054; #ec008c*/
    width: 800px;
    height: 200px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#content {
    clear: both;
    padding: 0 20px;
    display:block;
    border-top: solid #A2D054 1px;
    background-color:#ffffff;
}

#maincolumn {
    float: left;
    width: 100%;
}

#maincolumn span{
    /*display: block;*/
}

#maincolumn h3 {
    margin : 13px 0 2px 0;
}
#maincolumn p {
    margin : 3px 0 2px 0;
}

#news, #specials{
    font-size: 0.7em;
    float:right;
    margin: 0 0 10px 5px ;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #31cac7;
    color: #ffffff;
    width:178px;
    border: 1px solid #31cac7;
    clear:left;
    z-index:10;
}

#news span, #specials span {
    padding: 10px;
}

#news img, #specials img {
    width: 174px; /* same as width of the whole div - see above*/
    padding: 2px;
}

#news h5, #specials h5 {
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size:1.1em;
}

#news p, #specials p{
    margin: 0;
    padding: 0 0 5px 5px !important;
}

#news a, #specials a {
    color: #ec008c;
    font-weight: bold;
}

#news a:hover, #specials a:hover {
    outline:		0;
    padding: 0 0 -1px 0;
    text-shadow:1px 1px 2px #999999;
}

#form1\:lastTreatment, #form1\:nextTreatment {
    float:none;
    clear:none;
    margin: 5px ;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #31cac7;
    color: #000000;
    border: 2px solid #31cac7;
    display:block;
    width:603px;
}

#form1\:lastTreatment span:first-child, #form1\:nextTreatment span:first-child{
    background-image: url("images/appointments.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    padding: 2px 50px 2px 2px;
    background-color: #ffffff;
    display:block;
    color: #31cac7;
    font-weight:bold;
    min-width:240px;
}

#form1\:lastTreatment table, #form1\:nextTreatment table{
    margin:3px;
    color: #ffffff;
    width: 99%;
}

#form1\:lastTreatment span.secondChild, #form1\:nextTreatment span.secondChild{
    margin:3px;
    color: #ffffff;
}


#form1\:lastTreatment a.buttonPinkSmall, #form1\:nextTreatment a.buttonPinkSmall, #form1\:lastTreatment a.buttonBlueTwitterSmall, #form1\:nextTreatment a.buttonBlueTwitterSmall, #form1\:lastTreatment a.buttonRedSmall, #form1\:nextTreatment a.buttonRedSmall {
    float:right;
    margin: 3px !important;
}

#form1\:lastTreatment table td, #form1\:nextTreatment table td{
    padding: 0 2px;
}

#form1\:lastTreatment table .firstChild, #form1\:nextTreatment table .firstChild{
    text-align:left;
    max-width:200px;
    width:200px;
}

#form1\:lastTreatment table .thirdChild, #form1\:nextTreatment table .thirdChild{
    text-align:right;
    max-width:110px;
    width:110px;
}

#footer {
    position: relative;
    margin-top: -140px; /* negative value of footer height */
    height: 140px;
    clear:both;
    background-color:#A2D054;
    background-image: url("images/footer.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    color:#ffffff;
    padding: 0;
    font-size: 0.8em;
    display: block;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footerContainer{
    margin: 10px auto;
    width: 1024px;
    border-top: 10px solid #e0efc4;

}

#footerContainer a {
    color:#ffffff;
    text-decoration:none;
}

#footerContainer label {
    font-weight:bold;
    color: #419894;
}

#footerContainer a:hover {
    color:#ec008c;
    text-decoration:none;
    text-shadow:1px 1px 2px #999999;
    font-weight:bold;
}


#footerContainerCol1, #footerContainerCol2, #footerContainerCol3, #footerContainerCol4, #footerContainerCol5 {
    float:left;
    width:12%;
    padding: 5px 0 0 10px;
}


#footerContainerCol6 {
    float:right;
    width:15%;
    display:inline-block;
    padding: 5px 10px 0 0 ;
}

#footerContainerCol6 img, #footerContainerCol5 img{
    height:25px;
    background-color:white;
    border: 1px solid #A2D054;
    padding: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#footerContainerCol6 img:hover, #footerContainerCol5 img:hover{
    background-color:#ec008c;
    border: 1px solid white;
}

#footerContainerBottom {
    clear: left;
    float: left;
    text-align: center;
    width: 100%;
    font-size: 0.8em;
    margin: 3px 0 0 0;
    /*border-top: solid 1px #ec008c;*/
}

#footer a, #footer span {
    margin: 0;
    padding: 0;
    display: inline-block;
}

/*.tooltip{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    border: 2px solid #ffffff;
    background: -moz-linear-gradient(0% 100% 90deg, #595B5E, #d2d3d5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d2d3d5), to(#595B5E));
    background-color: #a6a8ab;
    color: #ffffff!important;
    padding: 5px;
    font-size:small;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 1px 1px 3px #a6a8ab;
    -webkit-box-shadow: 1px 1px 3px #a6a8ab;
    box-shadow: 1px 1px 3px #595B5E;
    opacity: 0.9;
    font-size:11px;
}

.tooltip h2 {
    margin: 0;
    font-size:1.1em;
    color:#000000 !important;
    text-shadow:1px 1px 0px #ffffff;
    font-weight: bold;
}

.tooltip div {
    margin: 0;
    font-size:0.9em;
    color:#ffffff !important;
    text-shadow:none;
}

.tooltip div label {
    color:#000000 !important;
}*/

#prices {
    color:#31CAC7;

}

#map {
    height:300px;
    width:300px;
    margin:10px;
    border: solid 6px #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.buttonGreenSmall, .buttonBlueSmall, .buttonPinkSmall, .buttonRedSmall, .dp-choose-date, .buttonBlueTwitterSmall {
    border-style: solid;
    border-width: 2px;
    text-decoration: none;
    display: inline-block;
    padding: 0.0em 0.2em !important;
    margin: 0.1em !important;
    color:white !important;
    font-size:0.7em;
    font-weight: bold !important;
    text-align:center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-shadow:1px 1px 1px #555555;
}

.buttonGreenSmall:active, .buttonBlueSmall:active, .buttonPinkSmall:active, .buttonRedSmall:active, .dp-choose-date:active, .buttonBlueTwitterSmall:active {
    
}

.buttonBlueSmall, .dp-choose-date {
    border-color: #419894;
    color:white !important;
    background-color: #31cac7;
    background: -moz-linear-gradient(0% 200% 90deg, #419894, #31cac7);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#31cac7), to(#419894));
}

.buttonBlueSmall:hover, .dp-choose-date:hover {
    background: none repeat scroll 0 0 #419894;
}

.buttonBlueTwitterSmall {
    border-color: #419894;
    background-color: #49b9db;
    background: -moz-linear-gradient(0% 200% 90deg, #419894, #49b9db);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#49b9db), to(#419894));
    color:white !important;
}

.buttonBlueTwitterSmall:hover {
    background: none repeat scroll 0 0 #419894;
}

.buttonPinkSmall {
    border-color: #B12C7A;
    background-color: #ec008c;
    background: -moz-linear-gradient(0% 200% 90deg, #B12C7A, #ec008c);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ec008c), to(#B12C7A));
    color:white !important;
}

.buttonPinkSmall:hover {
   background: none repeat scroll 0 0 #B12C7A;
}

.buttonGreenSmall {
    border-color: #e3f7c1;
    background-color: #A2D054;
    background: -moz-linear-gradient(0% 200% 90deg, #e3f7c1, #A2D054);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#A2D054), to(#e3f7c1));
    color:white !important;
}

.buttonGreenSmall:hover {
    background: none repeat scroll 0 0 #e3f7c1;
}

.buttonRedSmall {
    border-color: #a61519;
    background-color: #ff4045;
    background: -moz-linear-gradient(0% 200% 90deg, #a61519, #ff4045);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff4045), to(#a61519));
    color:white!important;
}

.buttonRedSmall:hover {
    background: none repeat scroll 0 0 #a61519;
}

.buttonBlue, .buttonOrange, .buttonGreen, .buttonRed, .buttonGrey {
    border-style: solid;
    border-width: 2px;
    text-decoration: none;
    background-color: white;
    display: inline-block;
    padding: 0.2em 0.5em !important;
    margin: 0.1em !important;
    font-weight: bold !important;
    font-size: 1.1em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /*-moz-box-shadow: 1px 1px 2px #777;
    -webkit-box-shadow: 1px 1px 1px #777;*/
    text-shadow:1px 1px 2px #555555;
}

.buttonBlue, .buttonOrange, .buttonGreen, .buttonRed{
    cursor:pointer;
}

.buttonBlue:active, .buttonOrange:active, .buttonGreen:active, .buttonRed:active {
    -moz-box-shadow: 0 0 0 #777;
    -webkit-box-shadow: 0 0 0 #777;
}

.buttonBlueSelected, .buttonBlue {
    border-color: #419894;
    background-color: #31cac7;
    background: -moz-linear-gradient(0% 200% 90deg, #419894, #31cac7);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#31cac7), to(#419894));

    color: white !important;
}

.buttonBlue:hover {
    background: none repeat scroll 0 0 #419894;
}

.buttonGreen {
    border-color: #829c56;
    background-color:#A2D054;
    background: -moz-linear-gradient(0% 200% 90deg, #829c56, #A2D054);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#A2D054), to(#829c56));
    color:white !important;
    padding-left: 2em !important;
    padding-right:2em !important;
}

.buttonGreen:hover {
    background: none repeat scroll 0 0 #829c56;
}

.buttonOrange {
    border-color: darkorange;
    background-color:orange;
    background: -moz-linear-gradient(0% 200% 90deg, darkorange, orange);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(orange), to(darkorange));
    color: white !important;
}

.buttonOrange:hover {
    background: none repeat scroll 0 0 darkorange;
}

.buttonRed {
    border-color: #a61519;
    background-color:#ff4045;
    background: -moz-linear-gradient(0% 200% 90deg, #a61519, #ff4045);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff4045), to(#a61519));
    color: white !important;
}

.buttonRed:hover {
    background: none repeat scroll 0 0 #a61519;
}

.buttonGrey {
    border-color:#e7e7e7;
    background-color:#ffffff;
    background: -moz-linear-gradient(0% 200% 90deg, #e7e7e7, #ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ffffff), to(#e7e7e7));
    color:#a6a8ab !important;
    cursor:default;
}

.buttonGrey:hover {
    background: none repeat scroll 0 0 #e7e7e7;
}

.buttonGreenAdmin, .buttonOrangeAdmin, .buttonRedAdmin {
    border-style: solid;
    border-width: 2px;
    text-decoration: none;
    background-color: white;
    display: inline-block !important;
    padding: 1px 1px 0 !important;
    margin: 1px 1px 1px 0 !important;
    font-weight: bold !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 0.7em;
    cursor:pointer;
    text-shadow:1px 1px 1px #555555;
}

.buttonGreenAdmin:hover, .buttonOrangeAdmin:hover, .buttonRedAdmin:hover {
    /*text-shadow:0px 0px 0px #000000;*/
}

.buttonGreenAdmin {
    border-color: #829c56;
    background-color:#A2D054;
    background: -moz-linear-gradient(0% 200% 90deg, #829c56, #A2D054);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#A2D054), to(#829c56));
    color: white !important;
}

.buttonGreenAdmin:hover {
    background: none repeat scroll 0 0 #829c56;
}

.buttonOrangeAdmin {
    border-color: darkorange;
    background-color:orange;
    background: -moz-linear-gradient(0% 200% 90deg, darkorange, orange);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(orange), to(darkorange));
    color: white !important;
}

.buttonOrangeAdmin:hover {
    background: none repeat scroll 0 0 darkorange;
}

.buttonRedAdmin {
    border-color: darkred;
    background-color:#ff4045;
    background: -moz-linear-gradient(0% 200% 90deg, darkred, #ff4045);
    background: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff4045), to(darkred));
    color: white !important;
}

.buttonRedAdmin:hover {
   background: none repeat scroll 0 0 darkred;
}

.hyperlink {
    color: #A2D054;
    font-weight: bold;
    margin-left: 10px;
}

.navigationSeparator {
    border-right-style: solid;
    border-right-color: #a6a8ab;
    border-right-width: 2px;
}

.backgroundImageHide {
    display:none;
}

.MsgGrpTbl {
    padding: 0;
    margin: 4px;
    font-weight:bold;
    clear:left;
}

.MsgGrpError, .MsgGrpWarn, .MsgGrpInfo {
    color: white;
    margin: 2px;
    padding: 1px 3px;
    list-style-type: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.MsgGrpError {
    background-color: #ff4045;
    border: solid 2px darkred;
}

.MsgGrpWarn {
    background-color: orange;
    border: solid 2px darkorange;
}

.MsgGrpInfo {
    background-color: green;
    border: solid 2px darkgreen;
}

.left {
    margin: 10px 10px 5px 0;
    float: left;
}

.right {
    margin: 10px 0 5px 10px;
    float: right;
}

.actionTable {
    margin: 0.5em 0;
    border-collapse: separate;
    border-top:2px solid #ec008c;
    border-bottom: 2px solid #ec008c;
    width: 100%;
    background-color: white;
}


.actionTable th{
    border-bottom: 2px dashed #A2D054;
    text-align: right;
}

.actionTable thead tr span, .actionTable thead tr a, .actionTable thead tr a:visited{
    border-right: 2px solid #A2D054;
    padding: 0.2em;
    text-align: left;
    display:block;
    text-decoration: none;
}

.actionTable thead tr a {
    color: #ec008c;
}

.actionTable thead tr a:hover {
    text-shadow:1px 1px 2px #999999;
}

.actionTable tr:nth-child(even) {
        background-color: #e7e7e7;
 }

.selectedColumn {
    background-color: #e0efc4;
}

.content {
    display: block;
    clear:none;
    float:none;
    z-index:100;
}

.content a {
    color: #ec008c;
}

.content a:hover {
    text-shadow:1px 1px 2px #999999;
}

.content p img, .content p span.rotatedPicture, .content img, .content span.rotatedPicture{
    margin: 20px 10px;
    display: none;
}

.nicEdit-main span{
    display:inline-block !important;
}

.treatmentValidity {
    font-size: 0.8em;
    color: #31cac7;
}

#Header\:outputText_noscript {
    background-color: orange;
    border: solid 2px darkorange;
    display: block;
    text-align: center;
    font-weight:bold;
}

.detail table{
    border-collapse: collapse;
}

.detail tr td{
    border-bottom:1px solid #CCCCCC;
}

#form {
    background-color: #e0efc4;
    padding:0.3em 0.2em 0.4em 0.2em;
    margin: 0.3em 0.1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: solid 1px #a6a8ab;
    width:99%;
    float:left;
    clear:left;
    -moz-box-shadow: 1px 1px 2px #777;
    -webkit-box-shadow: 1px 1px 1px #777;
}

#actions {
    background-color: #e0efc4;
    padding:0.2em;
    margin: 0.3em 0.1em 0 0.1em;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    border-top: solid 1px #a6a8ab;
}

.bigNumber {
    font-size: 40px;
    color: #F66EBE;
    text-shadow: 0 0 1px #000; /* horizontal-offset vertical-offset 'blur' colour */
    -moz-text-shadow: 0 0 1px #000;
    -webkit-text-shadow: 0 0 1px #000;

}

#Header\:twitter-follow {
    border: none;
    position: fixed;
    top: 35%;
    right:0;
    display: none;
    z-index: 10000;
}

#Header\:twitter-follow a, #Header\:twitter-follow a img {
    border: none;
}

.inputFrame input, .inputFrame select, .inputFrame textarea {
    border: 1px solid #FFFFFF;
    font-size: 1em;
    margin: 1px 3px;
}

.inputFrame {
    -moz-border-radius: 4px ;
    -webkit-border-radius: 4px;
    border: 1px solid #a6a8ab;
    background-color: #ffffff;
}

#form1\:graphicImage_captcha {
    margin: 0.5em 2em 1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 6px solid #000000;
    
}

.ui-datepicker, .small {
    font-size: 0.8em !important;
}



/* ------------------------------- TOOLTIP Section ---------------------------- */
/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sun Aug 14 05:10:00 PDT 2011
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	font-size: 10.5px;
	line-height: 12px;

	z-index: 15000;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		border-width: 1px;
		border-style: solid;

		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 1px 1px 0;
		border-style: solid;

		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}

		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{

}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;

	background: transparent !important;
	border: 0px dashed transparent !important;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;

		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}

	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
	border-color: #E2E2E2;
	color: #454545;
}

	.ui-tooltip-light .ui-tooltip-content{
		background-color: white;
	}

	.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-content{
		background-color: #505050;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-content{
		background-color: #FBF7AA;
	}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-content{
		background-color: #F78B83;
	}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-content{
		background-color: #CAED9E;
	}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-content{
		background-color: #E5F6FE;
	}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

	.ui-tooltip-shadow .ui-tooltip-titlebar,
	.ui-tooltip-shadow .ui-tooltip-content{
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

		_margin-bottom: -3px; /* IE6 */
		.margin-bottom: -3px; /* IE7 */
	}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube{
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
}

	.ui-tooltip-youtube .ui-tooltip-titlebar,
	.ui-tooltip-youtube .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, 0.85);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

		color: white;
		border-color: #CCCCCC;
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-cluetip .ui-tooltip-content{
		background-color: #D9D9C2;
		color: #111;
		border: 0 dashed transparent;
	}

	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}

	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	border: 0;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar,
	.ui-tooltip-tipsy .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, .87);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

		color: white;
		border: 0px transparent;

		font-size: 11px;
		font-family: 'Lucida Grande', sans-serif;
		font-weight: bold;
		line-height: 16px;
		text-shadow: 0 1px black;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}

	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.ui-tooltip-tipped{

}

	.ui-tooltip-tipped .ui-tooltip-titlebar,
	.ui-tooltip-tipped .ui-tooltip-content{
		border: 3px solid #959FA9;

		filter: none; -ms-filter: none;
	}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		background: #3A79B8;
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

		color: white;
		font-weight: normal;
		font-family: serif;

		border-bottom-width: 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}

	.ui-tooltip-tipped .ui-tooltip-content{
		background-color: #F9F9F9;
		color: #454545;

		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}

/* ------------------------------- TOOLTIP Section END ---------------------------- */