.ui-effects-transfer {
  border: 2px dotted gray;
}

#spelling1,
#spelling2,
#spelling3,
#spelling4 {
  font-size: 20px;
  width: 600px;
  margin: auto;
}

#spelling3 {
  width: 900px;
}

.message {
  color: red;
}

#spelling1 .data {
  position: relative;
}

#spelling1 .answer {
  font-size: 200%;
  position: absolute;
  border: 0;
  top: 80px;
  left: 110px;
}

#spelling1 .navigation {
  float: right;
}

#spelling1 .syllable-container {
  position: relative;
}

#spelling1 .syllable {
  font-size: 200%;
  color:  #F91A8D;
  background-color: #743E98;
  padding: 20px;
}

#spelling1 .position-1 {
  position: absolute;
  top: 0;
  left: 0;
}

#spelling1 .position-2 {
  position: absolute;
  top: 0;
  right: 0;
}

#spelling1 .position-3 {
  position: absolute;
  bottom: 0;
  right: 0;
}

#spelling1 .position-4 {
  position: absolute;
  bottom: 0;
  left: 0;
}

#spelling2 .answer {
  color: #743E98;
  text-align: center;
  padding:5px;
  margin: 5px;
  border: 1px solid #743E98;
  font-size: 30px;
}

#spelling2 .selected {
  color: #F91A8D;
  background-color: #743E98;
}


#spelling3 .data{
  position: relative;
}

#spelling3 .letters {
  position: absolute;
  top: 110px;
  left: 320px;
}

#spelling3 ul.sortable li {
  float: left;
  font-size: 200%;
  height: 50px;
  text-align: center;
  width: 50px;
}

#spelling3 .navigation {
  clear: both;
  float:right;
}

#spelling4 .data {
  position: relative;
}

#spelling4 .phrase {
  position: absolute;
  top: 100px;
  left: 170px;
  font-size: 150%;
}

#spelling4 input {
  font-size: 80%;
}

.frame {
  border: 0;
  width: 100%;
  height: 500px;
  overflow: scroll;
}

#button-menu {
  width: 500px;
  margin: auto;
}

#button-menu a.t2m-button {
  padding: 20px;
  width: 150px;
}

#nav-menu a.t2m-button {
  display: inline-block;
}

#nav-menu-wrapper {
  position: relative;
}

#nav-menu {
  position: absolute;
  bottom: 0;
}

#t2m-timer {
  width: 350px;
  display: inline;
  background-color: transparent;
  border: 0;
  position: relative;
  bottom: 45px;
  left: 20px;
}

#t2m-games-timer {
  width: 350px;
  background-color: transparent;
  border: 0;
  position: relative;
  bottom: 80px;
  left: 20px;
}

html,
body,
.t2m-start,
.t2m-start .region-content,
.t2m-start .block,
.t2m-start.content {
  height: 100%;
}

.game-menu-container {
  float: left;
  width: 200px;
  height: 300px;
  overflow: hidden;
  padding: 20px;
}

.game-menu-name{
  text-align: center;
}

.game-menu-name a{
  color: #F91A8D;
  font-size: 130%;
  font-weight: bold;
  text-decoration: none;
}

.game {
  width: 700px;
  margin: auto;
}

.basicfacts {
  width: 700px;
  margin: auto;
}

.view-games .field-name-body {
  margin-top: 10px;
}

#nav-games, #nav-back {
  position: relative;
  bottom: 40px;
}

.dictionary-response {
  margin: 1em;
}

.dictionary-word {
  font-size: 1.4em;
  margin-bottom: 0.3em;
}

.dictionary-entry {
  margin-bottom: 1em;
}

.dictionary-entry div {
  margin-bottom: 0.1em;
}

.dictionary-entry .dictionary-entry-hw {
  font-size: 1.2em;
}

.dictionary-entry sn {
  float: left;
  display: block;
  margin-right: 0.3em;
}

.dictionary-entry dt {
  display: block;
}

.dictionary-entry ssl, .dictionary-entry sin {
  margin: 0 0.3em;
  float: left;
}
.dictionary-entry sx {
  margin: 0 0.3em;
}

sens mc, sens vi, sens syn, sens rel, sens near, sens ant {
  display: block;
}

it {
  font-style: italic;
}

.dictionary-entry-field {
  display: block;
  margin: 0.1em 0;
}

.js-dictionary-response-container {
  overflow: scroll;
  margin-top: 1em;
}