div.ui-cluetip {
   background-color : #EEEEEE;
   font-family : "SegoeUiRegular", Tahoma, Arial, sans-serif;
   font-size : 15px;
   font-weight : normal;
   font-style : normal;
   border-top-width : 2px;
   border-right-width : 2px;
   border-bottom-width : 2px;
   border-left-width : 2px;
   border-top-style : solid;
   border-right-style : solid;
   border-bottom-style : solid;
   border-left-style : solid;
   border-top-color : #333333;
   border-right-color : #333333;
   border-bottom-color : #333333;
   border-left-color : #333333;
   border-top-left-radius : 5px;
   border-top-right-radius : 5px;
   border-bottom-left-radius : 5px;
   border-bottom-right-radius : 5px;
   -moz-border-radius-topleft : 5px;
   -moz-border-radius-topright : 5px;
   -moz-border-radius-bottomleft : 5px;
   -moz-border-radius-bottomright : 5px;
   -webkit-border-top-left-radius : 5px;
   -webkit-border-top-right-radius : 5px;
   -webkit-border-bottom-left-radius : 5px;
   -webkit-border-bottom-right-radius : 5px;
}
.ui-cluetip-header, .ui-cluetip-content {
   padding-top : 5px;
   padding-right : 10px;
   padding-bottom : 5px;
   padding-left : 10px;
}
.ui-cluetip-header {
   font-size : 15px;
   margin-top : 0;
   margin-right : 0;
   margin-bottom : 0;
   margin-left : 0;
   overflow : hidden;
}
.cluetip-title .cluetip-close {
   float : right;
   position : relative;
}
.cluetip-close img {
   border : 0;
}
#cluetip-waitimage {
   width : 43px;
   height : 11px;
   position : absolute;
   background-image : url(images/wait.gif);
}
.cluetip-arrows {
   display : none;
   position : absolute;
   top : 0;
   left : -11px;
   width : 11px;
   height : 22px;
   background-repeat : no-repeat;
   background-position : 0 0;
   border-width : 0;
}
.cluetip-extra {
   display : none;
}
.cluetip-default, .cluetip-default .cluetip-outer {
   background-color : @FontColour1;
}
.cluetip-default .ui-cluetip-header {
   background-color : #666666;
   font-family : "SegoeUiLight", Tahoma, Arial, sans-serif;
   color : #FFFFFF;
   font-size : 15px;
   font-weight : bold;
   padding-top : 3px;
   padding-right : 10px;
   padding-bottom : 5px;
   padding-left : 10px;
   margin-top : 0px;
   margin-right : 0px;
   margin-bottom : 0px;
   margin-left : 0px;
   border-top-width : 0px;
   border-right-width : 0px;
   border-bottom-width : 0px;
   border-left-width : 0px;
}
div.cluetip-default .cluetip-arrows {
   border-width : 0;
   background : transparent none;
}
div.clue-right-default .cluetip-arrows {
   background-image : url(images/darrowleft.gif);
}
div.clue-left-default .cluetip-arrows {
   background-image : url(images/darrowright.gif);
   left : 100%;
   margin-right : -11px;
}
div.clue-top-default .cluetip-arrows {
   background-image : url(images/darrowdown.gif);
   top : 100%;
   left : 50%;
   margin-left : -11px;
   width : 22px;
   height : 11px;
}
div.clue-bottom-default .cluetip-arrows {
   background-image : url(images/darrowup.gif);
   top : -11px;
   left : 50%;
   margin-left : -11px;
   width : 22px;
   height : 11px;
}
.cluetip-jtip {
   background-color : #fff;
}
.cluetip-jtip .cluetip-outer {
   border : 2px solid #ccc;
   position : relative;
}
.cluetip-jtip .cluetip-inner {
   padding-top : 5px;
   padding-right : 5px;
   padding-bottom : 5px;
   padding-left : 5px;
   display : inline-block;
}
.cluetip-jtip div.cluetip-close {
   text-align : right;
   margin : 0 5px 0;
   color : #999999;
}
.cluetip-jtip .ui-cluetip-header {
   padding-top : 6px;
   padding-right : 6px;
   padding-bottom : 6px;
   padding-left : 6px;
}
div.cluetip-jtip .cluetip-arrows {
   border-width : 0;
   background : transparent none;
}
div.clue-right-jtip .cluetip-arrows {
   background-image : url(images/arrowleft.gif);
}
div.clue-left-jtip .cluetip-arrows {
   background-image : url(images/arrowright.gif);
   left : 100%;
   margin-right : -11px;
}
div.clue-top-jtip .cluetip-arrows {
   background-image : url(images/arrowdown.gif);
   top : 100%;
   left : 50%;
   width : 22px;
   height : 11px;
   margin-left : -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
   background-image : url(images/arrowup.gif);
   top : -11px;
   left : 50%;
   width : 22px;
   height : 11px;
   margin-left : -11px;
}
.cluetip-rounded {
   -webkit-border-radius : 6px;
   -moz-border-radius : 6px;
   border-radius : 6px;
   background-color : #fff;
   border : 1px solid #ccc;
}
.cluetip-rounded .cluetip-outer {
   -webkit-border-radius : 6px;
   -moz-border-radius : 6px;
   border-radius : 6px;
   background-color : #fff;
}
.cluetip-rounded  .cluetip-arrows {
   border-color : #ccc;
}
div.cluetip-rounded  .cluetip-arrows {
   font-size : 0;
   line-height : 0%;
   width : 0;
   height : 0;
   border-style : solid;
   background : transparent none;
}
div.clue-right-rounded .cluetip-arrows {
   border-width : 11px 11px 11px 0;
   border-top-color : transparent;
   border-bottom-color : transparent;
   border-left-color : transparent;
}
div.clue-left-rounded .cluetip-arrows {
   left : 100%;
   margin-right : -11px;
   border-width : 11px 0 11px 11px;
   border-top-color : transparent;
   border-right-color : transparent;
   border-bottom-color : transparent;
}
div.clue-top-rounded .cluetip-arrows {
   top : 100%;
   left : 50%;
   border-width : 11px 11px 0 11px;
   border-right-color : transparent;
   border-bottom-color : transparent;
   border-left-color : transparent;
}
.clue-bottom-rounded .cluetip-arrows {
   top : -11px;
   left : 50%;
   border-width : 0 11px 11px 11px;
   border-top-color : transparent;
   border-right-color : transparent;
   border-left-color : transparent;
}
.cluetip-rounded .cluetip-title, .cluetip-rounded .cluetip-inner {
   zoom : 1;
}