/*
    Jumpeye framework    
	Version: 1.0.0
	www.jumpeye.com
	
	Created by Jumpeye Components
 
 
    Tooltip style-14
*/

.jtip.style-14 {
    font-size            : 13px;
    -moz-border-radius   : 4px; 
    -webkit-border-radius: 4px; 
    border-radius        : 4px; 
    padding              : 11px 18px 12px;
}  

.jtip.style-14:before, .jtip.style-14:after {
    content : '';
    position: absolute;
    left    : 10px;
    width   : 0;  height  : 0;
}    

.jtip.style-14:before { border  : solid 11px; }
.jtip.style-14:after  { border  : solid 6px; }

/* general for all colors */
.jtip.style-14:before, .jtip.style-14.top-left:before { top: auto !important; bottom: -23px !important; left: 7px !important; }
.jtip.style-14:after, .jtip.style-14.top-left:after   { top: auto !important; bottom: -12px !important; left: 12px !important; }    

.jtip.style-14.top-center:before { margin-left: -11px; left: 50% !important; }
.jtip.style-14.top-center:after  { margin-left: -6px; left: 50% !important; }

.jtip.style-14.top-right:before { top: auto !important; bottom: -23px !important; left: auto !important; right: 7px !important; }
.jtip.style-14.top-right:after  { top: auto !important; bottom: -12px !important; left: auto !important; right: 12px !important; }

.jtip.style-14.bottom-left:before { bottom: auto !important; top: -23px !important; left: 7px !important; }   
.jtip.style-14.bottom-left:after  { bottom: auto !important; top: -12px !important; left: 12px !important; }   

.jtip.style-14.bottom-center:before { margin-left: -11px; bottom: auto !important; top: -23px !important; left: 50% !important; }
.jtip.style-14.bottom-center:after  { margin-left: -6px; bottom: auto !important; top: -12px !important; left: 50% !important; }

.jtip.style-14.bottom-right:before { bottom: auto !important; top: -23px !important; left: auto !important; right: 7px !important; }
.jtip.style-14.bottom-right:after  { bottom: auto !important; top: -12px !important; left: auto !important; right: 12px !important; }    

.jtip.style-14.right-top:before { bottom: auto !important; top: 7px !important; left: -23px !important; right: auto !important; } 
.jtip.style-14.right-top:after  { bottom: auto !important; top: 12px !important; left: -12px !important; right: auto !important; } 

.jtip.style-14.right-center:before { margin-top: -11px; top: 50% !important; left: -23px !important; right: auto !important; }
.jtip.style-14.right-center:after  { margin-top: -6px; top: 50% !important; left: -12px !important; right: auto !important; }

.jtip.style-14.right-bottom:before { top: auto !important; bottom: 7px !important; left: -23px !important; right: auto !important; }
.jtip.style-14.right-bottom:after  { top: auto !important; bottom: 12px !important; left: -12px !important; right: auto !important; }

.jtip.style-14.left-top:before { bottom: auto !important; top: 7px !important; right: -23px !important; left: auto !important; }
.jtip.style-14.left-top:after  { bottom: auto !important; top: 12px !important; right: -12px !important; left: auto !important; }

.jtip.style-14.left-center:before { margin-top: -11px; top: 50% !important; right: -23px !important; left: auto !important; }
.jtip.style-14.left-center:after  { margin-top: -6px; top: 50% !important; right: -12px !important; left: auto !important; }

.jtip.style-14.left-bottom:before { top: auto !important; bottom: 7px !important; right: -23px !important; left: auto !important; }
.jtip.style-14.left-bottom:after  { top: auto !important; bottom: 12px !important; right: -12px !important; left: auto !important; }

.jtip.style-14.top-left,
.jtip.style-14.top-center,
.jtip.style-14.top-right { border-width: 0 0 4px 0 !important; }

.jtip.style-14.bottom-left,
.jtip.style-14.bottom-center,
.jtip.style-14.bottom-right { border-width: 4px 0 0 0 !important; }

.jtip.style-14.right-top,
.jtip.style-14.right-center,
.jtip.style-14.right-bottom { border-width: 0 0 0 4px !important; }

.jtip.style-14.left-top,
.jtip.style-14.left-center,
.jtip.style-14.left-bottom { border-width: 0 4px 0 0 !important; }

/* style-14 gray */
.jtip.style-14.gray { 
    background : #d7d7d7;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWJlYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top,  #d7d7d7 0%, #bebebe 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#bebebe));
    background : -webkit-linear-gradient(top,  #d7d7d7 0%,#bebebe 100%);
    background : -o-linear-gradient(top,  #d7d7d7 0%,#bebebe 100%);
    background : -ms-linear-gradient(top,  #d7d7d7 0%,#bebebe 100%);
    background : linear-gradient(to bottom,  #d7d7d7 0%,#bebebe 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#bebebe',GradientType=0 );
    color      : #3b3b3b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: solid #9b9b9b 0px;
    border-width: 0 0 4px 0;
}

.jtip.style-14.gray:before,
.jtip.style-14.gray.top-left:before,
.jtip.style-14.gray.top-center:before,
.jtip.style-14.gray.top-right:before { border-color: #9b9b9b rgba(155,155,155,0) rgba(155,155,155,0) rgba(155,155,155,0); }

.jtip.style-14.gray:after,
.jtip.style-14.gray.top-left:after,
.jtip.style-14.gray.top-center:after,
.jtip.style-14.gray.top-right:after  { border-color: #bebebe rgba(155,155,155,0) rgba(155,155,155,0) rgba(155,155,155,0); }

.jtip.style-14.gray.bottom-left:before,
.jtip.style-14.gray.bottom-center:before,
.jtip.style-14.gray.bottom-right:before { border-color:  rgba(155,155,155,0) rgba(155,155,155,0) #9b9b9b rgba(155,155,155,0); }

.jtip.style-14.gray.bottom-left:after,
.jtip.style-14.gray.bottom-center:after,
.jtip.style-14.gray.bottom-right:after  { border-color: rgba(155,155,155,0) rgba(155,155,155,0) #d6d6d6 rgba(155,155,155,0); }

.jtip.style-14.gray.right-top:before,
.jtip.style-14.gray.right-center:before,
.jtip.style-14.gray.right-bottom:before { border-color: rgba(155,155,155,0) #9b9b9b rgba(155,155,155,0) rgba(155,155,155,0); }

.jtip.style-14.gray.right-top:after    { border-color: rgba(155,155,155,0) #cecece rgba(155,155,155,0) rgba(155,155,155,0); }
.jtip.style-14.gray.right-center:after { border-color: rgba(155,155,155,0) #cacaca rgba(155,155,155,0) rgba(155,155,155,0); }
.jtip.style-14.gray.right-bottom:after { border-color: rgba(155,155,155,0) #c7c7c7 rgba(155,155,155,0) rgba(155,155,155,0); }

.jtip.style-14.gray.left-top:before,
.jtip.style-14.gray.left-center:before,
.jtip.style-14.gray.left-bottom:before { border-color: rgba(155,155,155,0) rgba(155,155,155,0) rgba(155,155,155,0) #9b9b9b; }

.jtip.style-14.gray.left-top:after    { border-color: rgba(155,155,155,0) rgba(155,155,155,0) rgba(155,155,155,0) #cecece; }
.jtip.style-14.gray.left-center:after { border-color: rgba(155,155,155,0) rgba(155,155,155,0) rgba(155,155,155,0) #cacaca; }
.jtip.style-14.gray.left-bottom:after { border-color: rgba(155,155,155,0) rgba(155,155,155,0) rgba(155,155,155,0) #c7c7c7; }


/* style-14 yellow */
.jtip.style-14.yellow { 
    background : #fedc84;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGM4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2M3NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top,  #fedc84 0%, #f3c76e 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fedc84), color-stop(100%,#f3c76e));
    background : -webkit-linear-gradient(top,  #fedc84 0%,#f3c76e 100%);
    background : -o-linear-gradient(top,  #fedc84 0%,#f3c76e 100%);
    background : -ms-linear-gradient(top,  #fedc84 0%,#f3c76e 100%);
    background : linear-gradient(to bottom,  #fedc84 0%,#f3c76e 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc84', endColorstr='#f3c76e',GradientType=0 );
    color      : #9b5c05;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: solid #c4a25b 0px;
    border-width: 0 0 4px 0;    
}

.jtip.style-14.yellow:before,
.jtip.style-14.yellow.top-left:before,
.jtip.style-14.yellow.top-center:before,
.jtip.style-14.yellow.top-right:before { border-color: #c4a25b rgba(196,162,91,0) rgba(196,162,91,0) rgba(196,162,91,0); }

.jtip.style-14.yellow:after,
.jtip.style-14.yellow.top-left:after,
.jtip.style-14.yellow.top-center:after,
.jtip.style-14.yellow.top-right:after  { border-color: #f3c76e rgba(196,162,91,0) rgba(196,162,91,0) rgba(196,162,91,0); }

.jtip.style-14.yellow.bottom-left:before,
.jtip.style-14.yellow.bottom-center:before,
.jtip.style-14.yellow.bottom-right:before { border-color:  rgba(196,162,91,0) rgba(196,162,91,0) #c4a25b rgba(196,162,91,0); }

.jtip.style-14.yellow.bottom-left:after,
.jtip.style-14.yellow.bottom-center:after,
.jtip.style-14.yellow.bottom-right:after  { border-color: rgba(196,162,91,0) rgba(196,162,91,0) #fedc84 rgba(196,162,91,0); }

.jtip.style-14.yellow.right-top:before,
.jtip.style-14.yellow.right-center:before,
.jtip.style-14.yellow.right-bottom:before { border-color: rgba(196,162,91,0) #c4a25b rgba(196,162,91,0) rgba(196,162,91,0); }

.jtip.style-14.yellow.right-top:after    { border-color: rgba(196,162,91,0) #fad47c rgba(196,162,91,0) rgba(196,162,91,0); }
.jtip.style-14.yellow.right-center:after { border-color: rgba(196,162,91,0) #f8d178 rgba(196,162,91,0) rgba(196,162,91,0); }
.jtip.style-14.yellow.right-bottom:after { border-color: rgba(196,162,91,0) #f7ce76 rgba(196,162,91,0) rgba(196,162,91,0); }

.jtip.style-14.yellow.left-top:before,
.jtip.style-14.yellow.left-center:before,
.jtip.style-14.yellow.left-bottom:before { border-color: rgba(196,162,91,0) rgba(196,162,91,0) rgba(196,162,91,0) #c4a25b; }

.jtip.style-14.yellow.left-top:after    { border-color: rgba(196,162,91,0) rgba(196,162,91,0) rgba(196,162,91,0) #fad47c; }
.jtip.style-14.yellow.left-center:after { border-color: rgba(196,162,91,0) rgba(196,162,91,0) rgba(196,162,91,0) #f8d178; }
.jtip.style-14.yellow.left-bottom:after { border-color: rgba(196,162,91,0) rgba(196,162,91,0) rgba(196,162,91,0) #f7ce76; }


/* style-14 blue */
.jtip.style-14.blue { 
    background : #5ba6f4;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYTZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YThkZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top,  #5ba6f4 0%, #4a8dd8 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba6f4), color-stop(100%,#4a8dd8));
    background : -webkit-linear-gradient(top,  #5ba6f4 0%,#4a8dd8 100%);
    background : -o-linear-gradient(top,  #5ba6f4 0%,#4a8dd8 100%);
    background : -ms-linear-gradient(top,  #5ba6f4 0%,#4a8dd8 100%);
    background : linear-gradient(to bottom,  #5ba6f4 0%,#4a8dd8 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba6f4', endColorstr='#4a8dd8',GradientType=0 );
    color      : #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
    border: solid #3e75b1 0px;
    border-width: 0 0 4px 0;    
}

.jtip.style-14.blue:before,
.jtip.style-14.blue.top-left:before,
.jtip.style-14.blue.top-center:before,
.jtip.style-14.blue.top-right:before { border-color: #3e75b1 rgba(62,116,177,0) rgba(62,116,177,0) rgba(62,116,177,0); }

.jtip.style-14.blue:after,
.jtip.style-14.blue.top-left:after,
.jtip.style-14.blue.top-center:after,
.jtip.style-14.blue.top-right:after  { border-color: #4a8dd8 rgba(62,116,177,0) rgba(62,116,177,0) rgba(62,116,177,0); }

.jtip.style-14.blue.bottom-left:before,
.jtip.style-14.blue.bottom-center:before,
.jtip.style-14.blue.bottom-right:before { border-color: rgba(62,116,177,0) rgba(62,116,177,0) #3e75b1 rgba(62,116,177,0); }

.jtip.style-14.blue.bottom-left:after,
.jtip.style-14.blue.bottom-center:after,
.jtip.style-14.blue.bottom-right:after  { border-color: rgba(62,116,177,0) rgba(62,116,177,0) #5ba6f4 rgba(62,116,177,0); }

.jtip.style-14.blue.right-top:before,
.jtip.style-14.blue.right-center:before,
.jtip.style-14.blue.right-bottom:before  { border-color: rgba(62,116,177,0) #3e75b1 rgba(62,116,177,0) rgba(62,116,177,0); }

.jtip.style-14.blue.right-top:after  { border-color: rgba(62,116,177,0) #559dea rgba(62,116,177,0) rgba(62,116,177,0); }
.jtip.style-14.blue.right-center:after  { border-color: rgba(62,116,177,0) #5299e6 rgba(62,116,177,0) rgba(62,116,177,0); }
.jtip.style-14.blue.right-bottom:after  { border-color: rgba(62,116,177,0) #4f95e1 rgba(62,116,177,0) rgba(62,116,177,0); }

.jtip.style-14.blue.left-top:before,
.jtip.style-14.blue.left-center:before,
.jtip.style-14.blue.left-bottom:before { border-color: rgba(62,116,177,0) rgba(62,116,177,0) rgba(62,116,177,0) #3e75b1; }

.jtip.style-14.blue.left-top:after    { border-color: rgba(62,116,177,0) rgba(62,116,177,0) rgba(62,116,177,0) #559dea; }
.jtip.style-14.blue.left-center:after { border-color: rgba(62,116,177,0) rgba(62,116,177,0) rgba(62,116,177,0) #5299e6; }
.jtip.style-14.blue.left-bottom:after { border-color: rgba(62,116,177,0) rgba(62,116,177,0) rgba(62,116,177,0) #4f95e1; }


/* style-14 purple */
.jtip.style-14.purple { 
    background : #8a5cb1;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhNWNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NzNmYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top,  #8a5cb1 0%, #673fa2 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a5cb1), color-stop(100%,#673fa2));
    background : -webkit-linear-gradient(top,  #8a5cb1 0%,#673fa2 100%);
    background : -o-linear-gradient(top,  #8a5cb1 0%,#673fa2 100%);
    background : -ms-linear-gradient(top,  #8a5cb1 0%,#673fa2 100%);
    background : linear-gradient(to bottom,  #8a5cb1 0%,#673fa2 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a5cb1', endColorstr='#673fa2',GradientType=0 );
    color      : #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
    border: solid #573684 0px;
    border-width: 0 0 4px 0;    
}

.jtip.style-14.purple:before,
.jtip.style-14.purple.top-left:before,
.jtip.style-14.purple.top-center:before,
.jtip.style-14.purple.top-right:before { border-color: #573684 rgba(87,54,132,0) rgba(87,54,132,0) rgba(87,54,132,0); }

.jtip.style-14.purple:after,
.jtip.style-14.purple.top-left:after,
.jtip.style-14.purple.top-center:after,
.jtip.style-14.purple.top-right:after  { border-color: #673fa2 rgba(87,54,132,0) rgba(87,54,132,0) rgba(87,54,132,0); }

.jtip.style-14.purple.bottom-left:before,
.jtip.style-14.purple.bottom-center:before,
.jtip.style-14.purple.bottom-right:before { border-color:  rgba(87,54,132,0) rgba(87,54,132,0) #573684 rgba(87,54,132,0); }

.jtip.style-14.purple.bottom-left:after,
.jtip.style-14.purple.bottom-center:after,
.jtip.style-14.purple.bottom-right:after  { border-color: rgba(87,54,132,0) rgba(87,54,132,0) #8a5cb1 rgba(87,54,132,0); }

.jtip.style-14.purple.right-top:before,
.jtip.style-14.purple.right-center:before,
.jtip.style-14.purple.right-bottom:before  { border-color: rgba(87,54,132,0) #573684 rgba(87,54,132,0) rgba(87,54,132,0); }

.jtip.style-14.purple.right-top:after    { border-color: rgba(87,54,132,0) #7d51ab rgba(87,54,132,0) rgba(87,54,132,0); }
.jtip.style-14.purple.right-center:after { border-color: rgba(87,54,132,0) #784da9 rgba(87,54,132,0) rgba(87,54,132,0); }
.jtip.style-14.purple.right-bottom:after { border-color: rgba(87,54,132,0) #7349a7 rgba(87,54,132,0) rgba(87,54,132,0); }

.jtip.style-14.purple.left-top:before,
.jtip.style-14.purple.left-center:before,
.jtip.style-14.purple.left-bottom:before { border-color: rgba(87,54,132,0) rgba(87,54,132,0) rgba(87,54,132,0) #573684; }

.jtip.style-14.purple.left-top:after    { border-color: rgba(87,54,132,0) rgba(87,54,132,0) rgba(87,54,132,0) #7D51AB; }
.jtip.style-14.purple.left-center:after { border-color: rgba(87,54,132,0) rgba(87,54,132,0) rgba(87,54,132,0) #784da9; }
.jtip.style-14.purple.left-bottom:after { border-color: rgba(87,54,132,0) rgba(87,54,132,0) rgba(87,54,132,0) #7349a7; }


/* style-14 green */
.jtip.style-14.green { 
    background : #7fc121;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmYzEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjliMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top,  #7fc121 0%, #669b1a 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fc121), color-stop(100%,#669b1a));
    background : -webkit-linear-gradient(top,  #7fc121 0%,#669b1a 100%);
    background : -o-linear-gradient(top,  #7fc121 0%,#669b1a 100%);
    background : -ms-linear-gradient(top,  #7fc121 0%,#669b1a 100%);
    background : linear-gradient(to bottom,  #7fc121 0%,#669b1a 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc121', endColorstr='#669b1a',GradientType=0 );
    color      : #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
    border: solid #558116 0px;
    border-width: 0 0 4px 0;    
}

.jtip.style-14.green:before,
.jtip.style-14.green.top-left:before,
.jtip.style-14.green.top-center:before,
.jtip.style-14.green.top-right:before { border-color: #558116 rgba(85,129,22,0) rgba(85,129,22,0) rgba(85,129,22,0); }

.jtip.style-14.green:after,
.jtip.style-14.green.top-left:after,
.jtip.style-14.green.top-center:after,
.jtip.style-14.green.top-right:after  { border-color: #669b1a rgba(85,129,22,0) rgba(85,129,22,0) rgba(85,129,22,0); }

.jtip.style-14.green.bottom-left:before,
.jtip.style-14.green.bottom-center:before,
.jtip.style-14.green.bottom-right:before { border-color: rgba(85,129,22,0) rgba(85,129,22,0) #558116 rgba(85,129,22,0); }

.jtip.style-14.green.bottom-left:after,
.jtip.style-14.green.bottom-center:after,
.jtip.style-14.green.bottom-right:after  { border-color: rgba(85,129,22,0) rgba(85,129,22,0) #7fc121 rgba(85,129,22,0); }

.jtip.style-14.green.right-top:before,
.jtip.style-14.green.right-center:before,
.jtip.style-14.green.right-bottom:before { border-color: rgba(85,129,22,0) #558116 rgba(85,129,22,0) rgba(85,129,22,0); }

.jtip.style-14.green.right-top:after    { border-color: rgba(85,129,22,0) #75b31e rgba(85,129,22,0) rgba(85,129,22,0); }
.jtip.style-14.green.right-center:after { border-color: rgba(85,129,22,0) #72ad1d rgba(85,129,22,0) rgba(85,129,22,0); }
.jtip.style-14.green.right-bottom:after { border-color: rgba(85,129,22,0) #6fa81c rgba(85,129,22,0) rgba(85,129,22,0); }

.jtip.style-14.green.left-top:before,
.jtip.style-14.green.left-center:before,
.jtip.style-14.green.left-bottom:before  { border-color: rgba(85,129,22,0) rgba(85,129,22,0) rgba(85,129,22,0) #558116; }

.jtip.style-14.green.left-top:after    { border-color: rgba(85,129,22,0) rgba(85,129,22,0) rgba(85,129,22,0) #75b31e; }
.jtip.style-14.green.left-center:after { border-color: rgba(85,129,22,0) rgba(85,129,22,0) rgba(85,129,22,0) #72ad1d; }
.jtip.style-14.green.left-bottom:after { border-color: rgba(85,129,22,0) rgba(85,129,22,0) rgba(85,129,22,0) #6fa81c; }


/* style-14 red */
.jtip.style-14.red { 
    background : #db1d1e;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiMWQxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMTFhMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top,  #db1d1e 0%, #c11a1b 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db1d1e), color-stop(100%,#c11a1b));
    background : -webkit-linear-gradient(top,  #db1d1e 0%,#c11a1b 100%);
    background : -o-linear-gradient(top,  #db1d1e 0%,#c11a1b 100%);
    background : -ms-linear-gradient(top,  #db1d1e 0%,#c11a1b 100%);
    background : linear-gradient(to bottom,  #db1d1e 0%,#c11a1b 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient( startColorstr='#db1d1e', endColorstr='#c11a1b',GradientType=0 );
    color      : #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
    border: solid #9e1516 0px;
    border-width: 0 0 4px 0;    
}


.jtip.style-14.red:before,
.jtip.style-14.red.top-left:before,
.jtip.style-14.red.top-center:before,
.jtip.style-14.red.top-right:before { border-color: #9e1516 rgba(158,21,22,0) rgba(158,21,22,0) rgba(158,21,22,0); }

.jtip.style-14.red:after,
.jtip.style-14.red.top-left:after,
.jtip.style-14.red.top-center:after,
.jtip.style-14.red.top-right:after  { border-color: #c11a1b rgba(158,21,22,0) rgba(158,21,22,0) rgba(158,21,22,0); }

.jtip.style-14.red.bottom-left:before,
.jtip.style-14.red.bottom-center:before,
.jtip.style-14.red.bottom-right:before { border-color: rgba(158,21,22,0) rgba(158,21,22,0) #9e1516 rgba(158,21,22,0); }

.jtip.style-14.red.bottom-left:after,
.jtip.style-14.red.bottom-center:after,
.jtip.style-14.red.bottom-right:after  { border-color: rgba(158,21,22,0) rgba(158,21,22,0) #db1d1e rgba(158,21,22,0); }

.jtip.style-14.red.right-top:before,
.jtip.style-14.red.right-center:before,
.jtip.style-14.red.right-bottom:before { border-color: rgba(158,21,22,0) #9e1516 rgba(158,21,22,0) rgba(158,21,22,0); }

.jtip.style-14.red.right-top:after    { border-color: rgba(158,21,22,0) #d21b1c rgba(158,21,22,0) rgba(158,21,22,0); }
.jtip.style-14.red.right-center:after { border-color: rgba(158,21,22,0) #cd1b1c rgba(158,21,22,0) rgba(158,21,22,0); }
.jtip.style-14.red.right-bottom:after { border-color: rgba(158,21,22,0) #ca1b1c rgba(158,21,22,0) rgba(158,21,22,0); }

.jtip.style-14.red.left-top:before,
.jtip.style-14.red.left-center:before,
.jtip.style-14.red.left-bottom:before { border-color: rgba(158,21,22,0) rgba(158,21,22,0) rgba(158,21,22,0) #9e1516; }

.jtip.style-14.red.left-top:after    { border-color: rgba(158,21,22,0) rgba(158,21,22,0) rgba(158,21,22,0) #d21b1c; }
.jtip.style-14.red.left-center:after { border-color: rgba(158,21,22,0) rgba(158,21,22,0) rgba(158,21,22,0) #cd1b1c; }
.jtip.style-14.red.left-bottom:after { border-color: rgba(158,21,22,0) rgba(158,21,22,0) rgba(158,21,22,0) #ca1b1c; }