/* Note: This import does not work on the web -- it is ignored. This is probably a good thing right now. */
@import url("../css/text.css");

.nobr {
 white-space: nowrap;
}

.example {
 font-family: sans-serif;
 margin-left: 2em;
 margin-right: 2em;
}

.example.question {
 padding: 10px;
 background-color: #DDE8FF;
}

.example.solution {
 padding-left: 10px;
 background: none;
}

table.fillgrid {
 margin-top: 5px;
 border-collapse: collapse;
 empty-cells: hide;
}

table.fillgrid td {
 padding: 0;
 margin: 0;
 border: none;
 font-family: sans-serif;
 font-weight: bold;
 width: 1.5em;
 height: 1.5em;
 text-align: center;
}

table.fillgrid td.doubleboxed {
 padding: 0;
 margin: 0;
 border: 1px solid black;
 font-family: sans-serif;
 font-weight: bold;
 width: 3em;
 height: 1.5em;
 text-align: center;
}

table.fillgrid td.boxed {
 border: 1px solid black;
}

.cryptic-example { margin-left: 1em; }
.cryptic-explanation { font-family: helvetica,arial,sans-serif }

.std-example { margin-left: 1em; }
.std-answer { font-family: helvetica,arial,sans-serif }

.tutorialtext {
 font-size: 14pt;
}

.mentagyrule {
 font-weight: bold;
 font-family: sans-serif;
 font-size: 80%;
}

.mentagyrule-definition {
 margin-left: 2em;
 margin-top: 0;
 margin-bottom: 1em;
}

.mentagyrule-example {
 margin-left: 2em;
 margin-top: 0;
 margin-bottom: 1em;
 font-style: italic;
}

.toolbaricon { height: 1.2em; vertical-align: text-top}
.keyboardicon { height: 1.2em; vertical-align: text-top}

/* phones */
@media
only screen and (orientation:portrait) and (max-width: 480px),
only screen and (orientation:landscape) and (max-width: 640px)
{
}

/* small tablets */
@media
only screen and (orientation:portrait) and (min-width: 481px) and (max-width: 719px),
only screen and (orientation:landscape) and (min-width: 641px) and (max-width: 959px)
{
    .tutorialtext  { font-size: 18pt; }
}

/* tablets and printing */
@media
not screen,
only screen and (orientation:portrait) and (min-width: 720px),
only screen and (orientation:landscape) and (min-width: 960px)
{
    .tutorialtext  { font-size: 20pt; }
}