*{
	padding: 0px;
	margin: 0px;
	border: none;
}

html, body {width: 100%; height: 100%; overflow: hidden;}

body {
	font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #375715; 
	text-align: justify;
	background: -moz-radial-gradient(center, ellipse cover, #22ad32 0, #000 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #22ad32 0, #000 100%);
    background: -o-radial-gradient(center, ellipse cover, #22ad32 0, #000 100%);
    background: -ms-radial-gradient(center, ellipse cover, #22ad32 0, #000 100%);
    background: radial-gradient(ellipse at center, #22ad32 0, #000 100%);
}

div#Topsyqueens_Top {
	display: none; 
	position: absolute; 
	left: 0px;
	top: 0px;
	width: 100%;
	background-color: #e1ecc2;
	background: linear-gradient(#FFDD00, #FFF4B1);
}

div#Topsyqueens_Top div {
	position: absolute;
	display: block;
}

div#Topsyqueens_Top .button {
	background-color: floralwhite;
	border: solid grey 1px;
	border-radius: 25%;
}

div#Topsyqueens_Top .indicator {
	top: 10px;
}

div#Topsyqueens_Top .button:HOVER {
	background-color: khaki;
}

div#Topsyqueens_Top div.disabled {
	filter: grayscale(100%);
}


div#Topsyqueens_Top #new {
	background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cg%20transform%3D%22translate(29.518%20907.792)%22%3E%3Crect%20width%3D%22203.7%22%20height%3D%22231.6%22%20x%3D%22-186.8%22%20y%3D%22-848.2%22%20transform%3D%22matrix(.95666%20.2912%20-.40456%20.9145%200%200)%22%20rx%3D%2225%22%20ry%3D%2225%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M306.6-771c-17%2011-60.3%2025-43%2038.8%2011.2%207.2%2020.3%202%2024.8-2l.6.3-18.8%2021%2019.4%206s1.6-25%202-26h.2c.4%205%204.7%2015%2014.5%2014.8%2028.7-.8%202.5-36%20.3-52.3z%22%2F%3E%3Crect%20width%3D%22207.2%22%20height%3D%22271.6%22%20x%3D%2250.3%22%20y%3D%22-830.3%22%20ry%3D%2225%22%20rx%3D%2225%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M153.5-782.5c-21.6%2043-37.3%2065.3-69.8%2089%2030.7%2023.5%2052.4%2047.8%2070.4%2087%2016.8-37.3%2036-65%2070-88-34-17.6-54-45.4-70-88z%22%20fill%3D%22%23e10000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
div#Topsyqueens_Top #redeal {
	background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237f0000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22red%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23007f00%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230f0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22c%22%20x1%3D%22328%22%20y1%3D%22-658%22%20x2%3D%2259.7%22%20y2%3D%22-705.1%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(-441.43%20-248.57)%22%2F%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23b%22%20id%3D%22d%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22rotate(180%20-44.723%20-741.924)%22%20x1%3D%22328%22%20y1%3D%22-658%22%20x2%3D%2259.7%22%20y2%3D%22-705.1%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M-133-834.8c28.6-92.2%205.2-154.8-141.3-178.6v-35.7L-393-953.7l118.7%2074.3v-43C-171.7-934-125-914.5-133-835z%22%20fill%3D%22url(%23c)%22%20stroke%3D%22%23007f00%22%20transform%3D%22rotate(-45%201326.158%20-945.365)%20scale(1.05506)%22%2F%3E%3Cpath%20d%3D%22M-398-897.6c-28.5%2092.2-5%20154.8%20141.4%20178.5v35.4L-138-779l-118.6-74.4v43C-359-798.7-405.8-818-398-897.6z%22%20fill%3D%22url(%23d)%22%20stroke%3D%22%237f0000%22%20transform%3D%22rotate(-45%201326.158%20-945.365)%20scale(1.05506)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
div#Topsyqueens_Top #undo {
	background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23007f00%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230f0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22b%22%20x1%3D%22328%22%20y1%3D%22-658%22%20x2%3D%2259.7%22%20y2%3D%22-705.1%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(-54.978%20208.7)%20scale(1.30022)%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M346.2-553.5c37-120%206.6-201.3-184-232.2V-832L8.2-707.8l154%2096.6V-667c133.6-15.4%20194.3%2010%20184%20113.3z%22%20fill%3D%22url(%23b)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23007f00%22%20stroke-width%3D%225.2%22%20transform%3D%22translate(29.518%20907.792)%22%2F%3E%3C%2Fsvg%3E');
}
div#Topsyqueens_Top #hint {
	background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cpath%20d%3D%22M309.85%20231.37a95.47%2094%200%201%201-185.1-46.07%2095.47%2094%200%201%201%20185.1%2046.07z%22%20fill%3D%22%23aad4ff%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.68%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M223.74%20104.45c91.1%208.1%20150.45%2069.2%20150.45%2069.2-15.8-10.7-33-18.9-50.5-25.16%2032.33%2023.5%2052.9%2049.4%2052.9%2049.4l21.8%2013.4c.13%205.5-14.6%2020.5-27.3%205.3C242.42%2062%20127.32%20157.9%2087.37%20201c-.06.04-.18.3-.22.36-.28.7-4.1%203.97-9.72%2010.9%205.42%2010.24%2036.58%2071.67%20105.23%2096.55%2043.6%2015.8%20110-10.1%20163.56-33.6%200%200-63.36%2040.5-131.93%2046.14-80.26%206.57-138.8-73-152.18-99.63-2.24%200-4.14-.4-4.12-.45.05-.07-39.55-4.58-29.6-14.82%2020.2-20.8%2039.1-37.2%2057.55-50.13%207.78-5.47%2015.43-10.14%2023.12-14.4-31.2%206.1-52.28%2012.26-54.3%2012.1.1-.1.03-.27.2-.38%202.75-1.63%2019.7-14.23%2048.83-27.5%2043.7-19.92%2084.2-24.8%20119.87-21.64z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M159.72%20246.27l-5.12%2020.85%2017.32%209.84%2010.23-4.72%206.3%209.05-3.16%208.2v8.24%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M259.94%20215.36a43.07%2043.07%200%201%201-83.6-20.8%2043.07%2043.07%200%201%201%2083.6%2020.8z%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.68%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

div#Topsyqueens_Top .caption{
	padding-left: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #DB0000;
	font-size: 18px;
}

div#Topsyqueens_Top .value{
	padding-left: 5px;
	font-size: 18px;
}

div#Topsyqueens_Top span#Topsyqueens_Time{
	display: inline-block;
	min-width: 50px;
}

div#Topsyqueens_Top span#Topsyqueens_Moves_Count{
	display: inline-block;
	min-width: 30px;
}

div#Topsyqueens_Center {
    background: -moz-radial-gradient(center, ellipse cover, #22ad32 0, #000 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #22ad32 0, #000 100%);
    background: -o-radial-gradient(center, ellipse cover, #22ad32 0, #000 100%);
    background: -ms-radial-gradient(center, ellipse cover, #22ad32 0, #000 100%);
    background: radial-gradient(ellipse at center, #22ad32 0, #000 100%);
	display: block; 
	position: absolute; 
}

div#Topsyqueens_Game_Table {
	display: none; 
	position: absolute; 
	overflow: hidden; 
}

div#Topsyqueens_Overlay {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	display: none;
	width: 100%; height: 100%;
	margin: auto;
	left: 0; right: 0; top: 0; bottom: 0;
	z-index: 3000;
}

div#Topsyqueens_Overlay div.frame {
	background-color: #FFFFFF;
	position: absolute;
	width: 80%; height: 80%;
	left: 0; rigth: 0; top: 50px; bottom: 0;
	margin-left: 10%;
	display: none;
	border: 2px solid gray;
	border-radius: 5px;
	padding: 5px;
}

div#Topsyqueens_Overlay div.frame div.caption {
	background-color: #9EBD7E;
	position: static;
	width: 100%;
	height: 26px;
	margin: auto;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #006600;
	padding: 3px 0px 0px 10px;
	box-sizing: border-box;
}

div#Topsyqueens_Overlay div.frame div.content {
	overflow: auto;
	background-color: #FFFFFF;
	position: static;
	width: 100%;
	height: 90%;
	margin: auto;
	overflow: auto;
}

div#Topsyqueens_Overlay div.frame div.close {
	font-weight: bold;
	color: #005500;
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 8px;
	border: 1px solid darkgray;
	background-color: lightgray;
	border-radius: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

div#Topsyqueens_Menu {
	position: absolute;
	display: none;
	height: 100%;
	width: 500px;
	left: 0px;
	top: 0px;
	background-color: #fff;
	opacity: 0.95;
	font: 24px Arial, Helvetica, sans-serif;
	color: black; 
}

div#Topsyqueens_Menu div.block{
}

div#Topsyqueens_Menu div#caption{
	color: #aa0000;
	text-align: center;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #375715;
}

div#logout_box {
	display: none;
	padding: 20px;
}

div#logout_box a {
	color: #375715;
	text-decoration: underline dotted;
}

div#Topsyqueens_Victory_Frame {
	background-color: #FFFFFF;
	position: absolute;
	width: 600px; height: 200px;
	left: -300px; top: 130px;
	margin-left: 50%;
	display: none;
	border: 2px solid gray;
	border-radius: 5px;
	padding: 5px;
	padding-top: 20px;
	text-align: center;
}

div#Topsyqueens_Victory_Frame span#Topsyqueens_Congr {
	font: 54px Times, serif;
	font-weight: bold;
}

div#Topsyqueens_Victory_Frame button.congr_button {
	border-radius: 10px;
	border-width: 1px;
	border-color: #DCEAE0;
	padding: 10px;
	background-color: #DCEAE0;
	text-decoration: none;
	color:#006600;
	font-size: 20px;
}

div#Topsyqueens_Victory_Frame a {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#006600;
	font-size: 20px;
}

div#Topsyqueens_Select_Game ul {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	column-gap: 20px;
	padding: 10px;
	margin: auto;
	width: auto;
	list-style-type: none;
}

div#Topsyqueens_Select_Game ul li {
	margin: 0px 0px 5px 20px;
}

div#Topsyqueens_Select_Game a, div#Topsyqueens_Select_Game a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#425b00; 
	text-decoration:none;
}

div#Topsyqueens_Select_Game a:hover {
	color: #aa0000; 
	text-decoration: underline;
}