.ui-dialog .ui-dialog-titlebar {
	border: 0px solid #FF00FF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: .4em 1em;
	position: relative;
    height: 20px;
    padding: 15px 15px;
    color: #ffffff;
	background-color: #2e2e2e;
    background-repeat: repeat-x;
	font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 15px;
	top: 50%;
	border: 0px solid #aaaaaa;
	margin: -10px 0 0 0;
	padding: 1px;
    width: 20px;
	height: 20px;
    text-indent: -9999999px;
	background-color: rgba(10,10,10,0);
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAC1SURBVHjazJRBDcMwFEPdMQiFUAiFUhiFUgiGQQiFUuggjEIpjIJ3yaq/XzfZpB5mKYfE8vtylHYgiTN0wUmyoAyAbkXjJ+GnzSVp18JPlYaXbdaDEvcaSU7ubCUZWiDUSVZLDXo4eqAgglazyEgQ6kSlp6/UA6GGKGriF1BuVBu/BUW2tap66mUXt78BuJt9BDDtUp1K7+nq8tNRtSAu+Gr84rzHEWjuvBd1d9tnMvzdb+Q1AGRPt2AjSA54AAAAAElFTkSuQmCC);
}

.ui-dialog .ui-dialog-titlebar-close:active {
	background-color: rgba(10,10,10,0);
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAC6SURBVHjazJTbDYMwDEUPbJAVWCErMAsrZIXOkhXoCO0IWaGM4P4ERI0d+OCjkZCQrn3ix4VORLjj9Nx1RIRaVQREPdNOD0BRetr09aUGJxVYGtr8k6tA5q3AYFQbXVCFjSrhA2SvJRdUYdmoYGsXCFdBoVZigUYrp3c2uQBPQ1qAd3P9J3NqzqfVWmmADhvztqb98jrzkOUjy93RGX5qgWYV/Nhpk+Gv4QCyPg/tF2N2edW6v/uNfAcA8KyHPk++n3MAAAAASUVORK5CYII=);
}

.ui-dialog .ui-dialog-content {
	border: 0px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.tip {
    border: 0px dotted #FF0000;
    width: 600px;
    height: 430px;
    padding: 0px;
    margin: 0px;
}

.tip-content {
    border: 0px dotted #0000FF;
    width: 600px;
    height: 380px;
    vertical-align: top;
}

.tip-footer {
    border: 0px dotted #00FF00;
	background: #1a1a1a;
    width: 600px;
    height: 50px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    vertical-align: top;
	background-color: #2e2e2e;
    background-repeat: repeat-x;
}
 /****************************************
   ==== RESETS
 ****************************************/
 
 html,body,div,canvas { margin: 0; padding: 0; width: 90%; height: 90%;}
 ::-moz-selection { color: #333; text-shadow: none; }
 ::selection {  color: #333; text-shadow: none; }
 .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
 .clear { display: inline-table; clear: both; }
 /* Hides from IE-mac \*/ * html .clear { height: 1%; } .clear { display: block; } /* End hide from IE-mac */
 
 /****************************************
   ==== LAYOUT
 ****************************************/
 
 html, body { width: 90%; height: 90%; font-family: Helvetica, Verdana, Arial, sans-serif, Montserrat ; }
 body { }
 canvas { margin: 2% 0 0 5%; position: absolute; z-index: 9; width: 90%; height: 90%;}