/* fancy-blue */
.x-ux-callout.fancy-blue{background:#88b7d5;border:4px solid #c2e1f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:visible;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);color:#ffffff;font-size:14px;font-family:Avenir,Helvetica,Arial,sans-serif;line-height:26px;text-shadow:0 1px 2px rgba(0, 0, 0, 0.4);}.x-ux-callout.fancy-blue.top:after,.x-ux-callout.fancy-blue.top:before,.x-ux-callout.fancy-blue.top-left:after,.x-ux-callout.fancy-blue.top-left:before,.x-ux-callout.fancy-blue.top-right:after,.x-ux-callout.fancy-blue.top-right:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.fancy-blue.top:after{border-bottom-color:#88b7d5;border-width:20px;left:50%;margin-left:-20px;}
.x-ux-callout.fancy-blue.top:before{border-bottom-color:#c2e1f5;border-width:25px;left:50%;margin-left:-25px;}
.x-ux-callout.fancy-blue.top-left{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.fancy-blue.top-left:after{border-bottom-color:#88b7d5;border-width:20px;left:24px;margin-left:-20px;}
.x-ux-callout.fancy-blue.top-left:before{border-bottom-color:#c2e1f5;border-width:25px;left:24px;margin-left:-25px;}
.x-ux-callout.fancy-blue.top-right{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.fancy-blue.top-right:after{border-bottom-color:#88b7d5;border-width:20px;left:100%;margin-left:-45px;}
.x-ux-callout.fancy-blue.top-right:before{border-bottom-color:#c2e1f5;border-width:25px;left:100%;margin-left:-50px;}
.x-ux-callout.fancy-blue.bottom:after,.x-ux-callout.fancy-blue.bottom:before,.x-ux-callout.fancy-blue.bottom-left:after,.x-ux-callout.fancy-blue.bottom-left:before,.x-ux-callout.fancy-blue.bottom-right:after,.x-ux-callout.fancy-blue.bottom-right:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.fancy-blue.bottom:after{border-top-color:#88b7d5;border-width:20px;left:50%;margin-left:-20px;}
.x-ux-callout.fancy-blue.bottom:before{border-top-color:#c2e1f5;border-width:25px;left:50%;margin-left:-25px;}
.x-ux-callout.fancy-blue.bottom-left{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.fancy-blue.bottom-left:after{border-top-color:#88b7d5;border-width:20px;left:24px;margin-left:-20px;}
.x-ux-callout.fancy-blue.bottom-left:before{border-top-color:#c2e1f5;border-width:25px;left:24px;margin-left:-25px;}
.x-ux-callout.fancy-blue.bottom-right{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.fancy-blue.bottom-right:after{border-top-color:#88b7d5;border-width:20px;left:100%;margin-left:-45px;}
.x-ux-callout.fancy-blue.bottom-right:before{border-top-color:#c2e1f5;border-width:25px;left:100%;margin-left:-50px;}
.x-ux-callout.fancy-blue.right:after,.x-ux-callout.fancy-blue.right:before,.x-ux-callout.fancy-blue.right-top:after,.x-ux-callout.fancy-blue.right-top:before,.x-ux-callout.fancy-blue.right-bottom:after,.x-ux-callout.fancy-blue.right-bottom:before{left:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.fancy-blue.right:after{border-left-color:#88b7d5;border-width:20px;top:50%;margin-top:-20px;}
.x-ux-callout.fancy-blue.right:before{border-left-color:#c2e1f5;border-width:25px;top:50%;margin-top:-25px;}
.x-ux-callout.fancy-blue.right-top{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.fancy-blue.right-top:after{border-left-color:#88b7d5;border-width:20px;top:24px;margin-top:-20px;}
.x-ux-callout.fancy-blue.right-top:before{border-left-color:#c2e1f5;border-width:25px;top:24px;margin-top:-25px;}
.x-ux-callout.fancy-blue.right-bottom{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.fancy-blue.right-bottom:after{border-left-color:#88b7d5;border-width:20px;top:100%;margin-top:-45px;}
.x-ux-callout.fancy-blue.right-bottom:before{border-left-color:#c2e1f5;border-width:25px;top:100%;margin-top:-50px;}
.x-ux-callout.fancy-blue.left:after,.x-ux-callout.fancy-blue.left:before,.x-ux-callout.fancy-blue.left-top:after,.x-ux-callout.fancy-blue.left-top:before,.x-ux-callout.fancy-blue.left-bottom:after,.x-ux-callout.fancy-blue.left-bottom:before{right:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.fancy-blue.left:after{border-right-color:#88b7d5;border-width:20px;top:50%;margin-top:-20px;}
.x-ux-callout.fancy-blue.left:before{border-right-color:#c2e1f5;border-width:25px;top:50%;margin-top:-25px;}
.x-ux-callout.fancy-blue.left-top{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.fancy-blue.left-top:after{border-right-color:#88b7d5;border-width:20px;top:24px;margin-top:-20px;}
.x-ux-callout.fancy-blue.left-top:before{border-right-color:#c2e1f5;border-width:25px;top:24px;margin-top:-25px;}
.x-ux-callout.fancy-blue.left-bottom{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.fancy-blue.left-bottom:after{border-right-color:#88b7d5;border-width:20px;top:100%;margin-top:-45px;}
.x-ux-callout.fancy-blue.left-bottom:before{border-right-color:#c2e1f5;border-width:25px;top:100%;margin-top:-50px;}

/* yellow */
.x-ux-callout.yellow{background:#ffffcc;border:2px solid #808066;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:visible;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);color:#808066;font-size:14px;font-family:Avenir,Helvetica,Arial,sans-serif;line-height:22px;}.x-ux-callout.yellow.top:after,.x-ux-callout.yellow.top:before,.x-ux-callout.yellow.top-left:after,.x-ux-callout.yellow.top-left:before,.x-ux-callout.yellow.top-right:after,.x-ux-callout.yellow.top-right:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.yellow.top:after{border-bottom-color:#ffffcc;border-width:12px;left:50%;margin-left:-12px;}
.x-ux-callout.yellow.top:before{border-bottom-color:#808066;border-width:15px;left:50%;margin-left:-15px;}
.x-ux-callout.yellow.top-left{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.yellow.top-left:after{border-bottom-color:#ffffcc;border-width:12px;left:14px;margin-left:-12px;}
.x-ux-callout.yellow.top-left:before{border-bottom-color:#808066;border-width:15px;left:14px;margin-left:-15px;}
.x-ux-callout.yellow.top-right{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.yellow.top-right:after{border-bottom-color:#ffffcc;border-width:12px;left:100%;margin-left:-27px;}
.x-ux-callout.yellow.top-right:before{border-bottom-color:#808066;border-width:15px;left:100%;margin-left:-30px;}
.x-ux-callout.yellow.bottom:after,.x-ux-callout.yellow.bottom:before,.x-ux-callout.yellow.bottom-left:after,.x-ux-callout.yellow.bottom-left:before,.x-ux-callout.yellow.bottom-right:after,.x-ux-callout.yellow.bottom-right:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.yellow.bottom:after{border-top-color:#ffffcc;border-width:12px;left:50%;margin-left:-12px;}
.x-ux-callout.yellow.bottom:before{border-top-color:#808066;border-width:15px;left:50%;margin-left:-15px;}
.x-ux-callout.yellow.bottom-left{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.yellow.bottom-left:after{border-top-color:#ffffcc;border-width:12px;left:14px;margin-left:-12px;}
.x-ux-callout.yellow.bottom-left:before{border-top-color:#808066;border-width:15px;left:14px;margin-left:-15px;}
.x-ux-callout.yellow.bottom-right{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.yellow.bottom-right:after{border-top-color:#ffffcc;border-width:12px;left:100%;margin-left:-27px;}
.x-ux-callout.yellow.bottom-right:before{border-top-color:#808066;border-width:15px;left:100%;margin-left:-30px;}
.x-ux-callout.yellow.right:after,.x-ux-callout.yellow.right:before,.x-ux-callout.yellow.right-top:after,.x-ux-callout.yellow.right-top:before,.x-ux-callout.yellow.right-bottom:after,.x-ux-callout.yellow.right-bottom:before{left:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.yellow.right:after{border-left-color:#ffffcc;border-width:12px;top:50%;margin-top:-12px;}
.x-ux-callout.yellow.right:before{border-left-color:#808066;border-width:15px;top:50%;margin-top:-15px;}
.x-ux-callout.yellow.right-top{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.yellow.right-top:after{border-left-color:#ffffcc;border-width:12px;top:14px;margin-top:-12px;}
.x-ux-callout.yellow.right-top:before{border-left-color:#808066;border-width:15px;top:14px;margin-top:-15px;}
.x-ux-callout.yellow.right-bottom{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.yellow.right-bottom:after{border-left-color:#ffffcc;border-width:12px;top:100%;margin-top:-27px;}
.x-ux-callout.yellow.right-bottom:before{border-left-color:#808066;border-width:15px;top:100%;margin-top:-30px;}
.x-ux-callout.yellow.left:after,.x-ux-callout.yellow.left:before,.x-ux-callout.yellow.left-top:after,.x-ux-callout.yellow.left-top:before,.x-ux-callout.yellow.left-bottom:after,.x-ux-callout.yellow.left-bottom:before{right:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.yellow.left:after{border-right-color:#ffffcc;border-width:12px;top:50%;margin-top:-12px;}
.x-ux-callout.yellow.left:before{border-right-color:#808066;border-width:15px;top:50%;margin-top:-15px;}
.x-ux-callout.yellow.left-top{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.yellow.left-top:after{border-right-color:#ffffcc;border-width:12px;top:14px;margin-top:-12px;}
.x-ux-callout.yellow.left-top:before{border-right-color:#808066;border-width:15px;top:14px;margin-top:-15px;}
.x-ux-callout.yellow.left-bottom{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.yellow.left-bottom:after{border-right-color:#ffffcc;border-width:12px;top:100%;margin-top:-27px;}
.x-ux-callout.yellow.left-bottom:before{border-right-color:#808066;border-width:15px;top:100%;margin-top:-30px;}

/* default */
.x-ux-callout.default{background:#e9f2ff;border:2px solid #8eaace;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:visible;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);color:#000000;}.x-ux-callout.default.top:after,.x-ux-callout.default.top:before,.x-ux-callout.default.top-left:after,.x-ux-callout.default.top-left:before,.x-ux-callout.default.top-right:after,.x-ux-callout.default.top-right:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.default.top:after{border-bottom-color:#e9f2ff;border-width:8px;left:50%;margin-left:-8px;}
.x-ux-callout.default.top:before{border-bottom-color:#8eaace;border-width:11px;left:50%;margin-left:-11px;}
.x-ux-callout.default.top-left{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.default.top-left:after{border-bottom-color:#e9f2ff;border-width:8px;left:10px;margin-left:-8px;}
.x-ux-callout.default.top-left:before{border-bottom-color:#8eaace;border-width:11px;left:10px;margin-left:-11px;}
.x-ux-callout.default.top-right{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.default.top-right:after{border-bottom-color:#e9f2ff;border-width:8px;left:100%;margin-left:-19px;}
.x-ux-callout.default.top-right:before{border-bottom-color:#8eaace;border-width:11px;left:100%;margin-left:-22px;}
.x-ux-callout.default.bottom:after,.x-ux-callout.default.bottom:before,.x-ux-callout.default.bottom-left:after,.x-ux-callout.default.bottom-left:before,.x-ux-callout.default.bottom-right:after,.x-ux-callout.default.bottom-right:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.default.bottom:after{border-top-color:#e9f2ff;border-width:8px;left:50%;margin-left:-8px;}
.x-ux-callout.default.bottom:before{border-top-color:#8eaace;border-width:11px;left:50%;margin-left:-11px;}
.x-ux-callout.default.bottom-left{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.default.bottom-left:after{border-top-color:#e9f2ff;border-width:8px;left:10px;margin-left:-8px;}
.x-ux-callout.default.bottom-left:before{border-top-color:#8eaace;border-width:11px;left:10px;margin-left:-11px;}
.x-ux-callout.default.bottom-right{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.default.bottom-right:after{border-top-color:#e9f2ff;border-width:8px;left:100%;margin-left:-19px;}
.x-ux-callout.default.bottom-right:before{border-top-color:#8eaace;border-width:11px;left:100%;margin-left:-22px;}
.x-ux-callout.default.right:after,.x-ux-callout.default.right:before,.x-ux-callout.default.right-top:after,.x-ux-callout.default.right-top:before,.x-ux-callout.default.right-bottom:after,.x-ux-callout.default.right-bottom:before{left:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.default.right:after{border-left-color:#e9f2ff;border-width:8px;top:50%;margin-top:-8px;}
.x-ux-callout.default.right:before{border-left-color:#8eaace;border-width:11px;top:50%;margin-top:-11px;}
.x-ux-callout.default.right-top{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.default.right-top:after{border-left-color:#e9f2ff;border-width:8px;top:10px;margin-top:-8px;}
.x-ux-callout.default.right-top:before{border-left-color:#8eaace;border-width:11px;top:10px;margin-top:-11px;}
.x-ux-callout.default.right-bottom{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.default.right-bottom:after{border-left-color:#e9f2ff;border-width:8px;top:100%;margin-top:-19px;}
.x-ux-callout.default.right-bottom:before{border-left-color:#8eaace;border-width:11px;top:100%;margin-top:-22px;}
.x-ux-callout.default.left:after,.x-ux-callout.default.left:before,.x-ux-callout.default.left-top:after,.x-ux-callout.default.left-top:before,.x-ux-callout.default.left-bottom:after,.x-ux-callout.default.left-bottom:before{right:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.default.left:after{border-right-color:#e9f2ff;border-width:8px;top:50%;margin-top:-8px;}
.x-ux-callout.default.left:before{border-right-color:#8eaace;border-width:11px;top:50%;margin-top:-11px;}
.x-ux-callout.default.left-top{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.default.left-top:after{border-right-color:#e9f2ff;border-width:8px;top:10px;margin-top:-8px;}
.x-ux-callout.default.left-top:before{border-right-color:#8eaace;border-width:11px;top:10px;margin-top:-11px;}
.x-ux-callout.default.left-bottom{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.default.left-bottom:after{border-right-color:#e9f2ff;border-width:8px;top:100%;margin-top:-19px;}
.x-ux-callout.default.left-bottom:before{border-right-color:#8eaace;border-width:11px;top:100%;margin-top:-22px;}

/* gray */
.x-ux-callout.gray{background:#eeeeee;border:2px solid #999999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:visible;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);color:#777777;}.x-ux-callout.gray.top:after,.x-ux-callout.gray.top:before,.x-ux-callout.gray.top-left:after,.x-ux-callout.gray.top-left:before,.x-ux-callout.gray.top-right:after,.x-ux-callout.gray.top-right:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.gray.top:after{border-bottom-color:#eeeeee;border-width:12px;left:50%;margin-left:-12px;}
.x-ux-callout.gray.top:before{border-bottom-color:#999999;border-width:15px;left:50%;margin-left:-15px;}
.x-ux-callout.gray.top-left{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.gray.top-left:after{border-bottom-color:#eeeeee;border-width:12px;left:14px;margin-left:-12px;}
.x-ux-callout.gray.top-left:before{border-bottom-color:#999999;border-width:15px;left:14px;margin-left:-15px;}
.x-ux-callout.gray.top-right{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.gray.top-right:after{border-bottom-color:#eeeeee;border-width:12px;left:100%;margin-left:-27px;}
.x-ux-callout.gray.top-right:before{border-bottom-color:#999999;border-width:15px;left:100%;margin-left:-30px;}
.x-ux-callout.gray.bottom:after,.x-ux-callout.gray.bottom:before,.x-ux-callout.gray.bottom-left:after,.x-ux-callout.gray.bottom-left:before,.x-ux-callout.gray.bottom-right:after,.x-ux-callout.gray.bottom-right:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.gray.bottom:after{border-top-color:#eeeeee;border-width:12px;left:50%;margin-left:-12px;}
.x-ux-callout.gray.bottom:before{border-top-color:#999999;border-width:15px;left:50%;margin-left:-15px;}
.x-ux-callout.gray.bottom-left{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.gray.bottom-left:after{border-top-color:#eeeeee;border-width:12px;left:14px;margin-left:-12px;}
.x-ux-callout.gray.bottom-left:before{border-top-color:#999999;border-width:15px;left:14px;margin-left:-15px;}
.x-ux-callout.gray.bottom-right{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.gray.bottom-right:after{border-top-color:#eeeeee;border-width:12px;left:100%;margin-left:-27px;}
.x-ux-callout.gray.bottom-right:before{border-top-color:#999999;border-width:15px;left:100%;margin-left:-30px;}
.x-ux-callout.gray.right:after,.x-ux-callout.gray.right:before,.x-ux-callout.gray.right-top:after,.x-ux-callout.gray.right-top:before,.x-ux-callout.gray.right-bottom:after,.x-ux-callout.gray.right-bottom:before{left:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.gray.right:after{border-left-color:#eeeeee;border-width:12px;top:50%;margin-top:-12px;}
.x-ux-callout.gray.right:before{border-left-color:#999999;border-width:15px;top:50%;margin-top:-15px;}
.x-ux-callout.gray.right-top{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.gray.right-top:after{border-left-color:#eeeeee;border-width:12px;top:14px;margin-top:-12px;}
.x-ux-callout.gray.right-top:before{border-left-color:#999999;border-width:15px;top:14px;margin-top:-15px;}
.x-ux-callout.gray.right-bottom{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.gray.right-bottom:after{border-left-color:#eeeeee;border-width:12px;top:100%;margin-top:-27px;}
.x-ux-callout.gray.right-bottom:before{border-left-color:#999999;border-width:15px;top:100%;margin-top:-30px;}
.x-ux-callout.gray.left:after,.x-ux-callout.gray.left:before,.x-ux-callout.gray.left-top:after,.x-ux-callout.gray.left-top:before,.x-ux-callout.gray.left-bottom:after,.x-ux-callout.gray.left-bottom:before{right:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.gray.left:after{border-right-color:#eeeeee;border-width:12px;top:50%;margin-top:-12px;}
.x-ux-callout.gray.left:before{border-right-color:#999999;border-width:15px;top:50%;margin-top:-15px;}
.x-ux-callout.gray.left-top{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.gray.left-top:after{border-right-color:#eeeeee;border-width:12px;top:14px;margin-top:-12px;}
.x-ux-callout.gray.left-top:before{border-right-color:#999999;border-width:15px;top:14px;margin-top:-15px;}
.x-ux-callout.gray.left-bottom{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.gray.left-bottom:after{border-right-color:#eeeeee;border-width:12px;top:100%;margin-top:-27px;}
.x-ux-callout.gray.left-bottom:before{border-right-color:#999999;border-width:15px;top:100%;margin-top:-30px;}

/* cartoon */
.x-ux-callout.cartoon{background:#ffffff;border:2px solid #1c1c1c;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:visible;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.3);color:#1c1c1c;font-family:'Noteworthy','Marker Felt','Comic Sans MS';font-size:16px;}.x-ux-callout.cartoon.top:after,.x-ux-callout.cartoon.top:before,.x-ux-callout.cartoon.top-left:after,.x-ux-callout.cartoon.top-left:before,.x-ux-callout.cartoon.top-right:after,.x-ux-callout.cartoon.top-right:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.cartoon.top:after{border-bottom-color:#ffffff;border-width:14px;left:50%;margin-left:-14px;}
.x-ux-callout.cartoon.top:before{border-bottom-color:#1c1c1c;border-width:17px;left:50%;margin-left:-17px;}
.x-ux-callout.cartoon.top-left{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.cartoon.top-left:after{border-bottom-color:#ffffff;border-width:14px;left:16px;margin-left:-14px;}
.x-ux-callout.cartoon.top-left:before{border-bottom-color:#1c1c1c;border-width:17px;left:16px;margin-left:-17px;}
.x-ux-callout.cartoon.top-right{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.cartoon.top-right:after{border-bottom-color:#ffffff;border-width:14px;left:100%;margin-left:-31px;}
.x-ux-callout.cartoon.top-right:before{border-bottom-color:#1c1c1c;border-width:17px;left:100%;margin-left:-34px;}
.x-ux-callout.cartoon.bottom:after,.x-ux-callout.cartoon.bottom:before,.x-ux-callout.cartoon.bottom-left:after,.x-ux-callout.cartoon.bottom-left:before,.x-ux-callout.cartoon.bottom-right:after,.x-ux-callout.cartoon.bottom-right:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.x-ux-callout.cartoon.bottom:after{border-top-color:#ffffff;border-width:14px;left:50%;margin-left:-14px;}
.x-ux-callout.cartoon.bottom:before{border-top-color:#1c1c1c;border-width:17px;left:50%;margin-left:-17px;}
.x-ux-callout.cartoon.bottom-left{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.cartoon.bottom-left:after{border-top-color:#ffffff;border-width:14px;left:16px;margin-left:-14px;}
.x-ux-callout.cartoon.bottom-left:before{border-top-color:#1c1c1c;border-width:17px;left:16px;margin-left:-17px;}
.x-ux-callout.cartoon.bottom-right{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.cartoon.bottom-right:after{border-top-color:#ffffff;border-width:14px;left:100%;margin-left:-31px;}
.x-ux-callout.cartoon.bottom-right:before{border-top-color:#1c1c1c;border-width:17px;left:100%;margin-left:-34px;}
.x-ux-callout.cartoon.right:after,.x-ux-callout.cartoon.right:before,.x-ux-callout.cartoon.right-top:after,.x-ux-callout.cartoon.right-top:before,.x-ux-callout.cartoon.right-bottom:after,.x-ux-callout.cartoon.right-bottom:before{left:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.cartoon.right:after{border-left-color:#ffffff;border-width:14px;top:50%;margin-top:-14px;}
.x-ux-callout.cartoon.right:before{border-left-color:#1c1c1c;border-width:17px;top:50%;margin-top:-17px;}
.x-ux-callout.cartoon.right-top{-webkit-border-top-right-radius:1;-moz-border-radius-topright:1;border-top-right-radius:1;}
.x-ux-callout.cartoon.right-top:after{border-left-color:#ffffff;border-width:14px;top:16px;margin-top:-14px;}
.x-ux-callout.cartoon.right-top:before{border-left-color:#1c1c1c;border-width:17px;top:16px;margin-top:-17px;}
.x-ux-callout.cartoon.right-bottom{-webkit-border-bottom-right-radius:1;-moz-border-radius-bottomright:1;border-bottom-right-radius:1;}
.x-ux-callout.cartoon.right-bottom:after{border-left-color:#ffffff;border-width:14px;top:100%;margin-top:-31px;}
.x-ux-callout.cartoon.right-bottom:before{border-left-color:#1c1c1c;border-width:17px;top:100%;margin-top:-34px;}
.x-ux-callout.cartoon.left:after,.x-ux-callout.cartoon.left:before,.x-ux-callout.cartoon.left-top:after,.x-ux-callout.cartoon.left-top:before,.x-ux-callout.cartoon.left-bottom:after,.x-ux-callout.cartoon.left-bottom:before{right:100%;border:solid transparent;content:" ";height:0;position:absolute;pointer-events:none;}
.x-ux-callout.cartoon.left:after{border-right-color:#ffffff;border-width:14px;top:50%;margin-top:-14px;}
.x-ux-callout.cartoon.left:before{border-right-color:#1c1c1c;border-width:17px;top:50%;margin-top:-17px;}
.x-ux-callout.cartoon.left-top{-webkit-border-top-left-radius:1;-moz-border-radius-topleft:1;border-top-left-radius:1;}
.x-ux-callout.cartoon.left-top:after{border-right-color:#ffffff;border-width:14px;top:16px;margin-top:-14px;}
.x-ux-callout.cartoon.left-top:before{border-right-color:#1c1c1c;border-width:17px;top:16px;margin-top:-17px;}
.x-ux-callout.cartoon.left-bottom{-webkit-border-bottom-left-radius:1;-moz-border-radius-bottomleft:1;border-bottom-left-radius:1;}
.x-ux-callout.cartoon.left-bottom:after{border-right-color:#ffffff;border-width:14px;top:100%;margin-top:-31px;}
.x-ux-callout.cartoon.left-bottom:before{border-right-color:#1c1c1c;border-width:17px;top:100%;margin-top:-34px;}