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

.jtip.style-10 {
    font-size            : 11px;
    -moz-border-radius   : 12px; 
    -webkit-border-radius: 12px; 
    border-radius        : 12px; 
    padding              : 1px 19px 4px;
}  

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

.jtip.style-10:before { border  : solid 7px; }
.jtip.style-10:after  { border  : solid 6px; }

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

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

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

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

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

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

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

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

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

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

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

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

/* style-10 gray */
.jtip.style-10.gray { 
    border    : 1px solid #ccc;
    background: #ebebeb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ebebeb 0%, #cdcdcd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#cdcdcd));
    background: -webkit-linear-gradient(top,  #ebebeb 0%,#cdcdcd 100%);
    background: -o-linear-gradient(top,  #ebebeb 0%,#cdcdcd 100%);
    background: -ms-linear-gradient(top,  #ebebeb 0%,#cdcdcd 100%);
    background: linear-gradient(to bottom,  #ebebeb 0%,#cdcdcd 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#cdcdcd',GradientType=0 );
    color     : #393838;
}   

.jtip.style-10.gray:before,
.jtip.style-10.gray.top-left:before,
.jtip.style-10.gray.top-center:before,
.jtip.style-10.gray.top-right:before { border-color: #ccc rgba(204,204,204,0) rgba(204,204,204,0) rgba(204,204,204,0); }

.jtip.style-10.gray:after,
.jtip.style-10.gray.top-left:after,
.jtip.style-10.gray.top-center:after,
.jtip.style-10.gray.top-right:after { border-color: #c5c5c5 rgba(197,197,197,0) rgba(197,197,197,0) rgba(197,197,197,0); }

.jtip.style-10.gray.bottom-left:before,
.jtip.style-10.gray.bottom-center:before,
.jtip.style-10.gray.bottom-right:before { border-color:  rgba(204,204,204,0) rgba(204,204,204,0) #ccc rgba(204,204,204,0); }

.jtip.style-10.gray.bottom-left:after,
.jtip.style-10.gray.bottom-center:after,
.jtip.style-10.gray.bottom-right:after { border-color: rgba(234,234,234,0) rgba(234,234,234,0) #eaeaea rgba(234,234,234,0); }

.jtip.style-10.gray.right-top:before,
.jtip.style-10.gray.right-center:before,
.jtip.style-10.gray.right-bottom:before { border-color: rgba(204,204,204,0) #ccc rgba(204,204,204,0) rgba(204,204,204,0); }

.jtip.style-10.gray.right-top:after    { border-color: rgba(222,222,222,0) #dedede rgba(222,222,222,0) rgba(222,222,222,0); }
.jtip.style-10.gray.right-center:after { border-color: rgba(219,219,219,0) #dbdbdb rgba(219,219,219,0) rgba(219,219,219,0); }
.jtip.style-10.gray.right-bottom:after { border-color: rgba(216,216,216,0) #d8d8d8 rgba(216,216,216,0) rgba(216,216,216,0); }

.jtip.style-10.gray.left-top:before,
.jtip.style-10.gray.left-center:before,
.jtip.style-10.gray.left-bottom:before { border-color: rgba(204,204,204,0) rgba(204,204,204,0) rgba(204,204,204,0) #ccc; }

.jtip.style-10.gray.left-top:after    { border-color: rgba(222,222,222,0) rgba(222,222,222,0) rgba(222,222,222,0) #dedede; }
.jtip.style-10.gray.left-center:after { border-color: rgba(219,219,219,0) rgba(219,219,219,0) rgba(219,219,219,0) #dbdbdb; }
.jtip.style-10.gray.left-bottom:after { border-color: rgba(216,216,216,0) rgba(216,216,216,0) rgba(216,216,216,0) #d8d8d8; }


/* style-10 yellow */
.jtip.style-10.yellow { 
    border    : 1px solid #ffe368;
    background: #ffeea4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmU3N2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffeea4 0%, #ffe77d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeea4), color-stop(100%,#ffe77d));
    background: -webkit-linear-gradient(top,  #ffeea4 0%,#ffe77d 100%);
    background: -o-linear-gradient(top,  #ffeea4 0%,#ffe77d 100%);
    background: -ms-linear-gradient(top,  #ffeea4 0%,#ffe77d 100%);
    background: linear-gradient(to bottom,  #ffeea4 0%,#ffe77d 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeea4', endColorstr='#ffe77d',GradientType=0 );
    color     : #393838;
}   

.jtip.style-10.yellow:before,
.jtip.style-10.yellow.top-center:before,
.jtip.style-10.yellow.top-right:before,
.jtip.style-10.yellow.top-left:before { border-color: #ffe368 rgba(255,227,104,0) rgba(255,227,104,0) rgba(255,227,104,0); }

.jtip.style-10.yellow:after,
.jtip.style-10.yellow.top-left:after,
.jtip.style-10.yellow.top-center:after,
.jtip.style-10.yellow.top-right:after  { border-color: #ffe77d rgba(255,231,125,0) rgba(255,231,125,0) rgba(255,231,125,0); }

.jtip.style-10.yellow.bottom-left:before,
.jtip.style-10.yellow.bottom-center:before,
.jtip.style-10.yellow.bottom-right:before { border-color:  rgba(255,227,104,0) rgba(255,227,104,0) #ffe368 rgba(255,227,104,0); }

.jtip.style-10.yellow.bottom-left:after,
.jtip.style-10.yellow.bottom-center:after,
.jtip.style-10.yellow.bottom-right:after  { border-color: rgba(255,238,164,0) rgba(255,238,164,0) #ffeea4 rgba(255,238,164,0); }

.jtip.style-10.yellow.right-top:before,
.jtip.style-10.yellow.right-center:before,
.jtip.style-10.yellow.right-bottom:before { border-color: rgba(255,227,104,0) #ffe368 rgba(255,227,104,0) rgba(255,227,104,0); }

.jtip.style-10.yellow.right-top:after    { border-color: rgba(255,235,147,0) #ffeb93 rgba(255,235,147,0) rgba(255,235,147,0); }
.jtip.style-10.yellow.right-center:after { border-color: rgba(255,234,143,0) #ffea8f rgba(255,234,143,0) rgba(255,234,143,0); }
.jtip.style-10.yellow.right-bottom:after { border-color: rgba(255,233,140,0) #ffe98c rgba(255,233,140,0) rgba(255,233,140,0); }

.jtip.style-10.yellow.left-top:before,
.jtip.style-10.yellow.left-center:before,
.jtip.style-10.yellow.left-bottom:before { border-color: rgba(255,227,104,0) rgba(255,227,104,0) rgba(255,227,104,0) #ffe368; }

.jtip.style-10.yellow.left-top:after    { border-color: rgba(255,235,147,0) rgba(255,235,147,0) rgba(255,235,147,0) #ffeb93; }
.jtip.style-10.yellow.left-center:after { border-color: rgba(255,234,143,0) rgba(255,234,143,0) rgba(255,234,143,0) #ffea8f; }
.jtip.style-10.yellow.left-bottom:after { border-color: rgba(255,233,140,0) rgba(255,233,140,0) rgba(255,233,140,0) #ffe98c; }


/* style-10 blue */
.jtip.style-10.blue { 
    border    : 1px solid #d1e1ec;
    background: #e7f2fd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZjJmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmU2ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e7f2fd 0%, #d2e6f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f2fd), color-stop(100%,#d2e6f2));
    background: -webkit-linear-gradient(top,  #e7f2fd 0%,#d2e6f2 100%);
    background: -o-linear-gradient(top,  #e7f2fd 0%,#d2e6f2 100%);
    background: -ms-linear-gradient(top,  #e7f2fd 0%,#d2e6f2 100%);
    background: linear-gradient(to bottom,  #e7f2fd 0%,#d2e6f2 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f2fd', endColorstr='#d2e6f2',GradientType=0 );
    color     : #393838;
}   

.jtip.style-10.blue:before,
.jtip.style-10.blue.top-left:before,
.jtip.style-10.blue.top-center:before,
.jtip.style-10.blue.top-right:before { border-color: #d1e1ec rgba(209,225,236,0) rgba(209,225,236,0) rgba(209,225,236,0); }

.jtip.style-10.blue:after,
.jtip.style-10.blue.top-left:after,
.jtip.style-10.blue.top-center:after,
.jtip.style-10.blue.top-right:after  { border-color: #d2e6f2 rgba(210,230,242,0) rgba(210,230,242,0) rgba(210,230,242,0); }

.jtip.style-10.blue.bottom-left:before,
.jtip.style-10.blue.bottom-center:before,
.jtip.style-10.blue.bottom-right:before { border-color:  rgba(209,225,236,0) rgba(209,225,236,0) #d1e1ec rgba(209,225,236,0); }

.jtip.style-10.blue.bottom-left:after,
.jtip.style-10.blue.bottom-center:after,
.jtip.style-10.blue.bottom-right:after  { border-color: rgba(231,242,253,0) rgba(231,242,253,0) #e7f2fd rgba(231,242,253,0); }

.jtip.style-10.blue.right-top:before,
.jtip.style-10.blue.right-center:before,
.jtip.style-10.blue.right-bottom:before { border-color: rgba(209,225,236,0) #d1e1ec rgba(209,225,236,0) rgba(209,225,236,0); }

.jtip.style-10.blue.right-top:after    { border-color: rgba(222,236,248,0) #deecf8 rgba(222,236,248,0) rgba(222,236,248,0); }
.jtip.style-10.blue.right-center:after { border-color: rgba(220,235,247,0) #dcebf7 rgba(220,235,247,0) rgba(220,235,247,0); }
.jtip.style-10.blue.right-bottom:after { border-color: rgba(218,234,246,0) #daeaf6 rgba(218,234,246,0) rgba(218,234,246,0); }

.jtip.style-10.blue.left-top:before,
.jtip.style-10.blue.left-center:before,
.jtip.style-10.blue.left-bottom:before { border-color: rgba(209,225,236,0) rgba(209,225,236,0) rgba(209,225,236,0) #d1e1ec; }

.jtip.style-10.blue.left-top:after    { border-color: rgba(222,236,248,0) rgba(222,236,248,0) rgba(222,236,248,0) #deecf8; }
.jtip.style-10.blue.left-center:after { border-color: rgba(220,235,247,0) rgba(220,235,247,0) rgba(220,235,247,0) #dcebf7; }
.jtip.style-10.blue.left-bottom:after { border-color: rgba(218,234,246,0) rgba(218,234,246,0) rgba(218,234,246,0) #daeaf6; }


/* style-10 purple */
.jtip.style-10.purple { 
    border    : 1px solid #9f72ce;
    background: #bfa0dd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYTBkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDczY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #bfa0dd 0%, #a073ce 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfa0dd), color-stop(100%,#a073ce));
    background: -webkit-linear-gradient(top,  #bfa0dd 0%,#a073ce 100%);
    background: -o-linear-gradient(top,  #bfa0dd 0%,#a073ce 100%);
    background: -ms-linear-gradient(top,  #bfa0dd 0%,#a073ce 100%);
    background: linear-gradient(to bottom,  #bfa0dd 0%,#a073ce 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfa0dd', endColorstr='#a073ce',GradientType=0 );
    color     : #fff;
}   

.jtip.style-10.purple:before,
.jtip.style-10.purple.top-left:before,
.jtip.style-10.purple.top-center:before,
.jtip.style-10.purple.top-right:before { border-color: #9f72ce rgba(159,114,206,0) rgba(159,114,206,0) rgba(159,114,206,0); }

.jtip.style-10.purple:after,
.jtip.style-10.purple.top-left:after,
.jtip.style-10.purple.top-center:after,
.jtip.style-10.purple.top-right:after  { border-color: #a073ce rgba(160,115,206,0) rgba(160,115,206,0) rgba(160,115,206,0); }

.jtip.style-10.purple.bottom-left:before,
.jtip.style-10.purple.bottom-center:before,
.jtip.style-10.purple.bottom-right:before { border-color: rgba(159,114,206,0) rgba(159,114,206,0) #9f72ce rgba(159,114,206,0); }

.jtip.style-10.purple.bottom-left:after,
.jtip.style-10.purple.bottom-center:after,
.jtip.style-10.purple.bottom-right:after  { border-color: rgba(191,160,221,0) rgba(191,160,221,0) #bfa0dd rgba(191,160,221,0); }

.jtip.style-10.purple.right-top:before,
.jtip.style-10.purple.right-center:before,
.jtip.style-10.purple.right-bottom:before { border-color: rgba(159,114,206,0) #9f72ce rgba(159,114,206,0) rgba(159,114,206,0); }

.jtip.style-10.purple.right-top:after    { border-color: rgba(178,141,214,0) #b28dd6 rgba(178,141,214,0) rgba(178,141,214,0); }
.jtip.style-10.purple.right-center:after { border-color: rgba(174,136,213,0) #ae88d5 rgba(174,136,213,0) rgba(174,136,213,0); }
.jtip.style-10.purple.right-bottom:after { border-color: rgba(172,133,212,0) #ac85d4 rgba(172,133,212,0) rgba(172,133,212,0); }

.jtip.style-10.purple.left-top:before,
.jtip.style-10.purple.left-center:before,
.jtip.style-10.purple.left-bottom:before { border-color: rgba(159,114,206,0) rgba(159,114,206,0) rgba(159,114,206,0) #9f72ce; }

.jtip.style-10.purple.left-top:after    { border-color: rgba(178,141,214,0) rgba(178,141,214,0) rgba(178,141,214,0) #b28dd6; }
.jtip.style-10.purple.left-center:after { border-color: rgba(174,136,213,0) rgba(174,136,213,0) rgba(174,136,213,0) #ae88d5; }
.jtip.style-10.purple.left-bottom:after { border-color: rgba(172,133,212,0) rgba(172,133,212,0) rgba(172,133,212,0) #ac85d4; }


/* style-10 green */
.jtip.style-10.green { 
    border    : 1px solid #79bb1a;
    background: #a3d063;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzZDA2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YmJiMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a3d063 0%, #7bbb20 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3d063), color-stop(100%,#7bbb20));
    background: -webkit-linear-gradient(top,  #a3d063 0%,#7bbb20 100%);
    background: -o-linear-gradient(top,  #a3d063 0%,#7bbb20 100%);
    background: -ms-linear-gradient(top,  #a3d063 0%,#7bbb20 100%);
    background: linear-gradient(to bottom,  #a3d063 0%,#7bbb20 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d063', endColorstr='#7bbb20',GradientType=0 );
    color     : #fff;
}   

.jtip.style-10.green:before,
.jtip.style-10.green.top-left:before,
.jtip.style-10.green.top-center:before,
.jtip.style-10.green.top-right:before  { border-color: #79bb1a rgba(121,187,26,0) rgba(121,187,26,0) rgba(121,187,26,0); }

.jtip.style-10.green:after,
.jtip.style-10.green.top-left:after,
.jtip.style-10.green.top-center:after,
.jtip.style-10.green.top-right:after  { border-color: #7bbb20 rgba(123,187,32,0) rgba(123,187,32,0) rgba(123,187,32,0); }

.jtip.style-10.green.bottom-left:before,
.jtip.style-10.green.bottom-center:before,
.jtip.style-10.green.bottom-right:before { border-color: rgba(121,187,26,0) rgba(121,187,26,0) #79bb1a rgba(121,187,26,0); }

.jtip.style-10.green.bottom-left:after,
.jtip.style-10.green.bottom-center:after,
.jtip.style-10.green.bottom-right:after  { border-color: rgba(163,208,99,0) rgba(163,208,99,0) #a3d063 rgba(163,208,99,0); }

.jtip.style-10.green.right-top:before,
.jtip.style-10.green.right-center:before,
.jtip.style-10.green.right-bottom:before { border-color: rgba(121,187,26,0) #79bb1a rgba(121,187,26,0) rgba(121,187,26,0); }

.jtip.style-10.green.right-top:after    { border-color: rgba(145,199,70,0) #91c746 rgba(145,199,70,0) rgba(145,199,70,0); }
.jtip.style-10.green.right-center:after { border-color: rgba(142,197,63,0) #8ec53f rgba(142,197,63,0) rgba(142,197,63,0); }
.jtip.style-10.green.right-bottom:after { border-color: rgba(139,195,59,0) #8bc33b rgba(139,195,59,0) rgba(139,195,59,0); }

.jtip.style-10.green.left-top:before,
.jtip.style-10.green.left-center:before,
.jtip.style-10.green.left-bottom:before { border-color: rgba(121,187,26,0) rgba(121,187,26,0) rgba(121,187,26,0) #79bb1a; }

.jtip.style-10.green.left-top:after    { border-color: rgba(145,199,70,0) rgba(145,199,70,0) rgba(145,199,70,0) #91c746; }
.jtip.style-10.green.left-center:after { border-color: rgba(142,197,63,0) rgba(142,197,63,0) rgba(142,197,63,0) #8ec53f; }
.jtip.style-10.green.left-bottom:after { border-color: rgba(139,195,59,0) rgba(139,195,59,0) rgba(139,195,59,0) #8bc33b; }


/* style-10 red */
.jtip.style-10.red { 
    border    : 1px solid #d60001;
    background: #e24d4e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyNGQ0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjAwMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e24d4e 0%, #d60001 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e24d4e), color-stop(100%,#d60001));
    background: -webkit-linear-gradient(top,  #e24d4e 0%,#d60001 100%);
    background: -o-linear-gradient(top,  #e24d4e 0%,#d60001 100%);
    background: -ms-linear-gradient(top,  #e24d4e 0%,#d60001 100%);
    background: linear-gradient(to bottom,  #e24d4e 0%,#d60001 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24d4e', endColorstr='#d60001',GradientType=0 );
    color     : #fff;
}   

.jtip.style-10.red:before,
.jtip.style-10.red.top-left:before,
.jtip.style-10.red.top-center:before,
.jtip.style-10.red.top-right:before { border-color: #d60001 rgba(214,0,1,0) rgba(214,0,1,0) rgba(214,0,1,0); }

.jtip.style-10.red:after,
.jtip.style-10.red.top-left:after,
.jtip.style-10.red.top-center:after,
.jtip.style-10.red.top-right:after { border-color: #d60001 rgba(214,0,1,0) rgba(214,0,1,0) rgba(214,0,1,0); }

.jtip.style-10.red.bottom-left:before,
.jtip.style-10.red.bottom-center:before,
.jtip.style-10.red.bottom-right:before { border-color: rgba(214,0,1,0) rgba(214,0,1,0) #d60001 rgba(214,0,1,0); }

.jtip.style-10.red.bottom-left:after,
.jtip.style-10.red.bottom-center:after,
.jtip.style-10.red.bottom-right:after { border-color: rgba(226,77,78,0) rgba(226,77,78,0) #e24d4e rgba(226,77,78,0); }

.jtip.style-10.red.right-top:before,
.jtip.style-10.red.right-center:before,
.jtip.style-10.red.right-bottom:before { border-color: rgba(214,0,1,0) #d60001 rgba(214,0,1,0) rgba(214,0,1,0); }

.jtip.style-10.red.right-top:after    { border-color: rgba(220,44,45,0) #dc2c2d rgba(220,44,45,0) rgba(220,44,45,0); }
.jtip.style-10.red.right-center:after { border-color: rgba(219,36,37,0) #db2425 rgba(219,36,37,0) rgba(219,36,37,0); }
.jtip.style-10.red.right-bottom:after { border-color: rgba(218,31,32,0) #da1f20 rgba(218,31,32,0) rgba(218,31,32,0); }

.jtip.style-10.red.left-top:before,
.jtip.style-10.red.left-center:before,
.jtip.style-10.red.left-bottom:before { border-color: rgba(214,0,1,0) rgba(214,0,1,0) rgba(214,0,1,0) #d60001; }

.jtip.style-10.red.left-top:after    { border-color: rgba(220,44,45,0) rgba(220,44,45,0) rgba(220,44,45,0) #dc2c2d; }
.jtip.style-10.red.left-center:after { border-color: rgba(219,36,37,0) rgba(219,36,37,0) rgba(219,36,37,0) #db2425; }
.jtip.style-10.red.left-bottom:after { border-color: rgba(218,31,32,0) rgba(218,31,32,0) rgba(218,31,32,0) #da1f20; }