span.link {
	cursor:pointer;
}

/* This imageless css button was generated by CSSButtonGenerator.com */
span.obutton {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px -2px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px -2px #fff6af;
	box-shadow:inset 0px 1px 0px -2px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	white-space:nowrap;
	color:#333333;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}
span.obutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}
span.obutton:active {
	position:relative;
	top:1px;
}


span.button {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	white-space:nowrap;
	color:#303108;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 9px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
}
span.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
span.button:active {
	position:relative;
	top:1px;
}



.gameinfo { text-align:right; }

body {
	font-family: arial;
	margin: 0px; /* for IE6 / IE7 */
}

table.board {
	table-layout:fixed;
}


td.DL {
	background-image:url(../pics/DL.png);
	background-repeat:no-repeat;
}

td.DW {
	background-image:url(../pics/DW.png);
	background-repeat:no-repeat;
}

td.TL {
	background-image:url(../pics/TL.png);
	background-repeat:no-repeat;
}

td.TW {
	background-image:url(../pics/TW.png);
	background-repeat:no-repeat;
}


td.ST {
	background-image:url(../pics/ST.png);
	background-repeat:no-repeat;
}

td.score {
	background-image:url(../pics/scorebg.png);
	background-repeat:repeat;
}

/* drag container */
#drag {
	background-image:url(../pics/pattern.png);
	background-repeat:repeat;
	/*border: 2px dashed LightBlue;*/
	display: table;
}

/* set border for images inside DRAG region - exclude image margin inheritance */
/* my WordPress theme had some funny margin settings */
#drag img {
	margin: 1px;
}

/* drag objects (DIV inside table cells) */
.drag {
	filter:alpha(opacity=90); opacity:0.9;
	cursor: move;
	margin: auto;
	margin-bottom: 1px;
	margin-top: 1px;
	z-index: 10;
	background-color: white;
	text-align: center;
	font-size: 14pt; /* needed for cloned object */
	width: 28px;
	height: 23px;
	line-height: 15px;
	*line-height: 23px; /* ugly hack for IE6 */
	/* round corners */
	border-radius: 4px; /* Opera, Chrome */
	-moz-border-radius: 4px; /* FF */
}


/* drag objects border for the first table */
.t1 {
	border: 2px solid #499B33;
}
/* drag object border for the second table */
.t2 {
	border: 2px solid IndianRed;
}

.scroller {
	/*position:absolute;*/
	width:100%;
	height:250px;
	overflow:auto;
	font-size: 14px;
	background-color: #f7fef7;
}

/* allow / deny access to cells marked with 'mark' class name */
.mark {
	color: white;
	background-color: #9B9EA2;
}

/* tables */
div#drag table {
	/*background-color: #e0e0e0;*/
	border-collapse: collapse;
}

/* table cells */
div#drag td {
	height: 32px;
	width: 32px;
	border: 1px solid white;
	text-align: center;
	font-size: 10pt;
	/*padding: 2px;*/
}

div#drags td {
	height: 32px;
	width: 32px;
	border: 1px solid white;
	text-align: center;
	font-size: 10pt;
	/*padding: 2px;*/
}

td.swapit {
	background-image:url(../pics/trash.png);
	background-repeat:no-repeat;
}