@charset "utf-8";
/* CSS Document */

@font-face
{
	font-family:GothamBook;
	src:url(Gotham-Book.otf);
}

@font-face
{
	font-family:GothamBold;
	src:url(Gotham-Bold.otf);
}

body
{
	font-family:GothamBook;
	font-size:12pt;

	
}

a
{
	border:none;
}

#report a, #menu_item a
{
	color:#0090CD
}

#report a:hover, #menu_item a:hover
{
	color:#DC002F
}

#header
{
	
	width:1024px;
	position:relative;
	left:50%;
	margin-left:-512px;
	
}

#report
{
	width:1140px;
	background-color:#faf4f6;
	
	position:relative;
	left:50%;
	margin-left:-590px;
	
	margin-top: 7px;
	margin-bottom:1em;
	padding:20px 20px 20px 20px;
	
	-webkit-column-count:3; /* Chrome, Safari, Opera */
	-moz-column-count:3; /* Firefox */
	column-count:3;
	
	-webkit-column-gap:40px; /* Chrome, Safari, Opera */
	-moz-column-gap:40px; /* Firefox */
	column-gap:40px;
	
	text-align:justify;
	line-height:1.5em;
}

#word
{
	font-family:GothamBold;
	color:#076233;
	font-size:14pt;
	
	position:relative;
	top:2pt;
}

#result_item
{
	width:100%;
	
	background-color:#faf4f6;
	text-align:center;
	border:2px #666 solid;
	margin-bottom:5px;
}



#result_item ul
{
	margin-top:0;
}

#result_item ul a:focus
{
	outline:none;
}

#result_item ul li
{
	display:inline-block;
	vertical-align:middle;
}

#rank
{
	font-family:GothamBold;
	font-size:28pt;
	text-align:center;
	color:#076233;
	
	width:80px;
}

#player
{
	font-family:GothamBold;
	font-size:20pt;
	text-align:left;
	
	width:600px;
}

#score
{
	font-family:GothamBold;
	font-size:20pt;
	color:#dc002f;
	
	width:100px;
	text-align:right;
}

#arrow
{
		height:45px;
	width:80px;
	transition: background-color 0.5s;
	

}

#arrow img
{
	margin-top:15px;
	
	
}

#arrow:hover
{
	background-color:#CCC;

}



#board
{
		width:40%;
		margin-right:10px;
		margin-top: 15px;
		margin-bottom:10px;
		display:inline-block;
}

#solution
{
	
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
	margin-top: 15px;
    width: 679px;
}

#solution tr
{

}

#solution td
{
	background-color:#faf4f6;
	padding: 0 10px 0 10px;
	margin: 2px 2px 2px 2px;
	
	height:36px;
	
}





.content
{
 width:100%;	
 height:auto;
 background-color:#FFF;
 margin-top:-16px;
 text-align:center;
}



#legend td
{
	background-color:#CCC;
	font-size:10pt;
	height:30px;
}

.table_word
{
	text-align:left;
	font-family:GothamBold;
	color:#076233;
	text-transform:uppercase;
	font-size:14pt;
	
	width:230px;
}

.rack
{
	text-align:center;
	font-family:GothamBold;
	color:#076233;
	text-transform:uppercase;
	font-size:14pt;
	
	
}

#menu_item
{
	width:100%;
	height:2em;
	text-align:center;
	background-color:#faf4f6;
	font-size:14pt;
	
	padding-top:1em;
	margin-bottom:15px;
}