BODY, TABLE {
	font-family:		verdana;
	font-size:			10pt;
	color:				black;
	vertical-align:		middle;
}

BODY {
	margin-top:			5px;
	padding-top:		0px;
}

table.ExperimentSummary {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}
table.ExperimentSummary th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 5px 1px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
}
table.ExperimentSummary td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 5px 1px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
}

table.Evaluate {
}

table.Evaluate th {
	text-align:left;
	padding: 1px 10px 1px 1px;
}
table.Evaluate td {
	padding: 1px 10px 1px 1px;
}

A:link
{
	text-decoration: none;
	color: #003366;
}
A:visited
{
	text-decoration: none;
	color: #003366;
}
A:hover
{
	text-decoration: underline;
}
h1{
	font-size: 15pt;
	font-weight: normal;
}

h2{
	font-size: 12pt;
	font-weight: normal;
}
h3{
	font-size: 10pt;
	font-weight: normal;
}
/* Top of the page */
.chooseLanguage
{
	position: relative;
	padding-left: 10%;
	padding-right: 10%;
	
}
DIV.tc-titleContainer
{
	position: relative;
	padding-left:10%;
	padding-top:.5%;
	padding-right:10%;
}

DIV.tc-projectTitle
{
	border: solid 1px black;
	background-color: #ccccff;
	font-size: 15pt;
	padding: 10px;
	text-align: center;
	color: black;
	text-decoration: none;
}

.tc-projectTitle2
{
	border: solid 1px black;
	background-color: #dddddd;
	text-align: center;
	padding: 10px;
}



.tc-projectTitle2 TABLE {
	color: black;
	text-decoration: none;
	margin: 0px;
}

.tc-projectTitle2 TABLE A {
	display:			block;
	color:				black;
	text-decoration:	none;
	height: 			100%;
}

IMG.tc-uw
{
	position: absolute;
	border: black 1px solid;
	top: 0px;
	margin-left:10px;
	margin-top: 10px;
	z-index: 3;
}

IMG.tc-uw2
{
	border: black 1px solid;
}

DIV.tc-titleWrapper
{
}

IMG.tc-turingIMG
{
	position:absolute;
	top: 0px;
	margin-top: 1px;
	right: 0px;
	margin-right: 10%;
	border-style:solid;
	border-width:1px;
	border-color:black;
	height: 93px;
	z-index: 3;
}

IMG.tc-turingIMG2
{
	border-style:solid;
	border-width:1px;
	border-color:black;
	height: 65px;
}

DIV.tc-applicationTitle
{
	position: relative;
	border-style: solid;
	background-color:#EEEEFF;
	color:steelblue;
	border-color: steelblue;
	border-width: 1px;
	border-bottom: solid 2px navy;
	text-align:center;
	font-size:18pt;
	padding-top:9px;
	padding-bottom:9px;
	display:block;
	text-decoration: none;
}

.titleText {
	font-size: smaller;
	color: steelblue;
}

A.titleLink
{
	text-decoration: none;
	color: #003366;
}

DIV.tc-pageTitle
{
	border-top: solid 1px navy;
	border-style: solid;
	border-width: 1px;
	font-size: 12pt;
	padding-top:1px;
	background-color:#CCCCFF;
	padding-bottom: 2px;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	display:block;
	text-decoration: none;
	text-align: center;
	margin-top:-1px;
	margin-bottom:10px;
	color: black;
}
/* end top of the page */

.sense-table {
/*	width: 450px;*/
}

.gwt-CollapsiblePanelItem {
	width: 					500px;
	padding-right:			5px;
	background-color:		#FFEEFF;
	cursor:					pointer;
	border-style:			solid;
	border-color:			silver;
	border-width:			1px;
	vertical-align:			middle;
}

.gwt-CollapsiblePanelItem IMG {
	vertical-align:			middle;
	margin-right:			5px;
}

.gwt-CollapsiblePanelItem INPUT {
	vertical-align:			middle;
/*	background-color:		silver;*/
}

.gwt-CollapsiblePanelItem DIV {
	display:				inline;
	vertical-align:			middle;
}

.gwt-CollapsiblePanelItem .gwt-CollapsiblePanelItem-info {
	width:					100%;
/*	text-align:				right;*/
	color:					green;
	margin-left:			5px;
}

.gimages-frame {
	margin-right:			40px;
	height:					500px;
	width:					1000px;
}

.mailtoLink {
	font-size:	8pt;
}

.translationToUse {
	width:					90px;
}	

.info {
	position: absolute;
	width: 80%;
	background: #ffffee;
	font-family: tahoma;
	font-size: 8pt;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding: 2px;
	margin: 4px;
}

infoLabel {
	text-decoration: underline;
	color: navy;
	cursor: pointer;
	display: inline;
	margin-bottom: 3px;
}

A.basicInfoLabel {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
	display: inline;
}

A.labelGameLink {
	text-decoration: none;
	color: blue;
	cursor: pointer;
	display: inline;
	border-style: solid; border-width: 1px; border-color: gray;
	padding: 3px
}

A.normalLink {
	text-decoration: underline;
	color: navy;
	cursor: pointer;
	display: inline;
}


A.menuLink {
	text-decoration: underline;
	font-size: smaller;
	color: navy;
	cursor: pointer;
	display: inline;
}

A.hoverLink {
	text-decoration: none;
	color: navy;
	cursor: pointer;
	display: inline;
}

A.hoverLink:hover {
	text-decoration: underline;
	color: navy;
	cursor: pointer;
	display: inline;
}

.toggle-button {
	float: right;
}

.hidden-thing {
	display: none;
}

.search-idea {
	font-size: smaller;
}

.translation-intermediatebutton {
	width:					16px;
	height:					16px;
	margin-right:			3px;
	margin-left:			3px;
	vertical-align:			middle;
}

.translation-sense,
.gwt-CollapsiblePanelItem-selected {
	background-color:	#EEFFFF;
}

A.translation-span {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	display: inline;
	width: auto;
}

SPAN.translation-span {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	display: inline;
	width: auto;
}

.addtranslation-span {
	color: #A3B9FF;
	cursor: pointer;
	font-weight: normal;
	font-size: larger;
}

.translation-language {
	direction:			ltr;
	font-weight:		bold;
	background-color:	#FFFFFF;
}

.translation-value {
	background-color:	white;
	width: 100%;
}

.translations-to-use-box {
	height:		90px;
}

.mode-selected {
	color:				#990000;
	text-decoration:	none;
	cursor:				text;
}

.mode-not-selected {
	color:				black;
	text-decoration:	underline;
	cursor:				pointer;
}

.ks-Sink {
  border: 8px solid #C3D9FF;
  background-color: #E8EEF7;
  width: 484px;
/*  height: 24em;*/
}

.ks-List a, .ks-List a:visited {
  	color: darkblue;
}

.ks-SenseHeader {
  border-color: #C3D9FF;
  border-style: solid;
  border-width: 2px;
/*  background-color: #C3FFD9;*/
  background-color: #C3D9FF;
  font-weight: bold;
  padding: 2px 2px 2px 2px;
  width: 492px;
}

.ks-SenseHeader .ks-actionButton {
	cursor:				pointer;
	color:				blue;
	text-decoration:	none;
	font-size:			smaller;
	font-weight:		normal;
	margin-left:		1em;
}

.ks-Info {
  background-color: #C3D9FF;
  padding-left: 10px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
}

.ks-List {
  direction: ltr;	/* need to change this in the jsp if we add Hebrew/Arabic glosses */
  margin-top: 8px;
  margin-bottom: 8px;
}

.ks-List .ks-SinkItem {
  width: 100%;
  padding: 0.3em;
  padding-right: 16px;
  cursor: pointer;
}

.ks-List .ks-SinkItem-selected {
  background-color: #C3D9FF;
}

.rbCorrect {
  background-color: #C3D9FF;
}

.rbIncorrect {
  background-color: #FF6688;
}