html{color:#000;background:#eeeff1;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body { font: normal 1em arial, verdana, sans-serif; color: #6c6c6c; text-align: center; }

hr { color: #f5f5f5; }

.nrs { background-image:url(/static/images/sprite_nr.png); background-repeat: no-repeat; }

A:link { text-decoration: none; color: #3d65a8; }
A:visited { text-decoration: none; color: #3d65a8; }
A:hover {text-decoration: underline; color: #3d65a8; }
A:active {text-decoration: underline; color: #ff04af; outline: 0; }
A:focus { outline: 0; }

h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

#header { background-color: #dedbff; height: 110px; padding: 0.1em; }
#logo { display: block; width: 522px; height: 78px; background-position: 0 0;  margin: 0 auto; }
#logo a { width: 522px; height: 78px; display: block; }
#navigation { margin: 6px 0 0 0; }
#navigation a { font-weight: bold; font-size: 0.8em; margin: 0 0.4em; }


#content { background-color: #fff; height: auto; }

#home { padding: 20px 0 20px 0; }
#home h1 { color: #3d65a8; font-size: 1.6em; font-weight: bold; }
#home h2 { font-size: 1.2em; }

#word { margin: 10px 0; font-family: Andale Mono, Monospace, Courier; font-size: 2em; width: 350px; }

#dictionary { margin: 5px 0 0 0; }
#dictionary span { font-size: 0.7em; }
#dictionary #d { font-size: 0.6em; }

#rack { display: block; width: 470px; height: 70px; background-position: 0 -132px; margin: 0.8em auto 1.6em auto; position: relative; }
#home .t { position: absolute; top: 16px; width: 24px; height: 28px; font-size: 24px; margin: 0 18px; text-align: center; }
#t1 { left: 1px; }
#t2 { left: 66px; }
#t3 { left: 131px; }
#t4 { left: 196px; }
#t5 { left: 261px; }
#t6 { left: 326px; }
#t7 { left: 391px; }
#rack p { position: absolute; left: 372px; top: 75px; font-size: 0.9em; }

#submitbutton {
	cursor:pointer;       /* Give it the hand cursor, like a link */
	height:55px;          /* Image has a height of 80px, only show the first half */
	overflow:hidden;      /* Hide the overflow */
	width:303px;          /* Width of the image */
	margin: 0 auto;
}
#submitbutton:hover input {
	margin-top:-55px;    /* Negative height of half the sprite, to push the image up */
}

p.diag { margin: 0 auto; padding: 40px 0 10px 0; font-size: 20px; }
p.diag span { color: #3d65a8; font-size: 22px; font-weight: bold; }
hr.diag { width: 500px;  }

div.diag { width: 500px; margin: 0 auto; text-align: left; padding-top: 40px; }
div.diag span.key { float: left; font-size: 16px; font-weight: bold; width: 130px; color: #3d65a8; }
div.diag span.value { float: left; font-size: 16px; font-weight: bold; width: 130px; }

h2.title { margin: 40px 0 0 0; }

#coop { padding: 0.4em; font-size: 0.9em; }

#footer { padding: 1em; font-size: 0.7em; }
#footer span { margin: 0 2px; }


.fixed_text { font-family: Andale Mono, Monospace, Courier; }

.letters { text-align: center; }
.word { font-size: 14px; }
.word span { background-color: #feff87; }
.points { text-align: center; }
.definition { text-align: center; }
.goran { text-align: center; }


.clear { clear: both; }
.center { text-align: center; }




/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	text-align: left;
	margin: 20px auto 0 auto;
	width: 50%;
	font-size: 0.8em;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #d9d9d9;
	padding: 4px;
	font-weight: bold;
}
table.tablesorter thead tr .header {
	background-image: url(/static/js/tablesorter/themes/blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	border: 1px solid #d9d9d9;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/static/js/tablesorter/themes/blue/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/static/js/tablesorter/themes/blue/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


#all_letters { margin: 50px auto; }

#scrabblerules { width: 500px; margin: 0 auto; padding: 30px 0; text-align: left; }
#scrabblerules h3 { margin: 10px 0 0 0; font-weight: bold; }
#scrabblerules ol li { list-style-type: decimal; list-style-position: inside; }
#scrabblerules ul li { list-style-type: disc; list-style-position: inside; }

/*#gro { position: absolute; right: 1%; top: 150px; }
#gri { position: relative; }
*/
#gro2 { float: left; }
#gro { float: right; }


#gr2 { margin: 5px 0 10px 0; border: 1px solid #d9d9d9; }


#grid { width: 800px; margin: 0 auto; background-color: #fff; }
#grido { background-color: #fff; }

#grob { height: 1em; }


#dl { position: relative; }
#scrollingDiv { position: absolute; left: 770px; top: -100px; }
/*#scrollingDiv { float: right; }*/


.leftside { display: inline; width: 200px; }
.center { display: inline; width: 900px; }
.rightside { display: inline; width: 200px; }