﻿.word_container
{
	display:block;
	position:relative;
    margin: 5px;
	border:2px solid #a1a1a1;
	border-radius:5px; 
	padding: 5px;
	font-family:Verdana;
	font-size: 100%;
	font-weight:normal;
	text-align:center;
	width:98%;
	background-color: #FFFFFF;
    vertical-align:middle; 
	color: #585858;
	min-height:350px;
	z-index:0;
}
.word_pick_container
{
	display:block;
	position:relative;
    margin: 5px;
	border:0px;
	padding: 5px;
	font-family:Verdana;
	font-size: 100%;
	font-weight:normal;
	text-align:center;
	width:712px;
    vertical-align:middle; 
	background-color: #FFFFFF;
	min-height:137px;
	z-index:0;
}
.cardWord 
{
display:table-cell;    
    border-width: 1px;
    border-style:solid;
    border-color:Gray;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
color: #0A2A29; 
font-family:verdana; 
font-size:200%; 
font-weight:bold;
text-align: center;
vertical-align:middle;
height:150px;
width:250px;
overflow:auto;
background-color:white; 
}
.cardWord4Dolch {
    display: inline-block;
    position: relative;
    border-color: skyblue;
    border-width: 0px;
    margin: 5px;
    padding: 5px;
    color: navy;
    font-style: normal;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 250px;
    background-color: aliceblue;
    box-shadow: 3px 3px 2px lightgray;
}
.cardExp 
{
display:table-cell;    
    border-width: 1px;
    border-style:solid;
    border-color:Gray;
    padding:5px 5px 5px 5px; 
    border-radius:5px;
color: navy; 
font-family:verdana; 
font-size:90%; 
font-weight:normal;
text-align:left;
vertical-align:middle;
top:3px;
left:3px;
height:150px;
width:250px;
overflow:auto;
background-color:white; 
}
.ListWord 
{
display:table-cell;    
    border-width: 0px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:left;
color: #0A2A29; 
font-family:verdana; 
font-size:100%; 
height:50px;
width:100%;
}
.ListQuestion 
{
display:table-cell;    
border-width: 0px;
padding:0px 0px 0px 0px;
margin-left: 20px;
margin-right: 20px;
text-align:left;
color: black; 
font-family:verdana; 
font-size:100%; 
height:75px;
width:100%;
}
.ListAnswer 
{
display:table-cell;    
border-width: 0px;
padding:0px 0px 0px 0px;
text-align:center;
vertical-align:central;
color: black; 
font-weight:bold;
font-family:verdana; 
font-size:110%; 
height:75px;
width:25%;
}
.ListAnswer3 
{
display:table-cell;    
border-width: 0px;
padding:0px 0px 0px 0px;
text-align:center;
vertical-align:central;
color: black; 
font-weight:bold;
font-family:verdana; 
font-size:110%; 
height:75px;
width:33%;
}
.ListAnswer1 
{
display:table-cell;    
border-width: 0px;
padding:0px 0px 0px 0px;
text-align:center;
vertical-align:central;
color: black; 
font-weight:bold;
font-family:verdana; 
font-size:110%; 
height:75px;
width:100%;
}
.cardWordMobile {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 25px 25px 25px 25px;
    margin: 5px;
    border-radius: 5px;
    color: #0A2A29;
    font-family: verdana;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 98%;
    overflow: auto;
    background-color: white;
}

a.phrase_sentence:link {
    text-decoration: none;
}

a.phrase_sentence:visited {
    text-decoration: none;
}

a.phrase_sentence:hover {
    text-decoration: none;
}

a.phrase_sentence:active {
    text-decoration: none;
}

.phrase_sentence{
    font-size: 138%;
}
.phrase_word{
  color: brown;
  font-weight: bold;
}
.FullHead4Generic
{
   display:block;
   font-size:110%;
   font-family: Arial; 
   background-color:#F2F2F2;
   padding-left:20px;
   padding-right:20px;
   padding-top:5px;
   padding-bottom:5px;
   margin-top:5px;
   margin-bottom:5px;
   font-weight:bold;
   color:#04300A;
   width:100%;
}
.dolchWord {
    display: inline-block;
    position: relative;
    border-color: skyblue;
    border-width: 0;
    margin: 10px 15px;
    color: darkgreen;
    font-family: Verdana;
    font-style: normal;
    font-size: 180%;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}
@media print {
    div {
        page-break-inside: avoid;
    }
}