.helpQuestionMark
{
    float:right;
}

.width-75px{
    width: 100px;
    display: inline-block;
}

.quitBackground {
  border: 1px solid #B7DDF2;
}

.ui-progressbar {
    height:3px;
    background:white;
}

.ui-widget
{
    border: 1px solid #B7DDF2;
}

.ui-widget-header {
    background: #fefefe;
}

.ui-widget-content {
    border: 1px solid #B7DDF2;
    background: #fefefe;
}



ul.lessonmenu
{
    list-style-type: none;
}

.heart
{
    float:right;
    display: block;
    margin-top:0.2em;
	height:32px;
    width:32px;
	background:url(../images/blueheart32.png) no-repeat;
}

.tick32
{
    float:left;
    display: block;
	height:32px;
    width:32px;
 	background:url(../images/tick32.png) no-repeat;
}

.play32up
{
    float:right;
    display: block;
	height:32px;
    width:32px;
 	background:url(../images/playbutton32up.png) no-repeat;
    cursor: pointer;
}

.play32upnew
{
    float:none;
    display: block;
    height:32px;
    width:32px;
    background:url(../images/playbutton32up.png) no-repeat;
    cursor: pointer;
}


.play32down
{
    float:right;
    display: block;
	height:32px;
    width:32px;
 	background:url(../images/playbutton32down.png) no-repeat;
    cursor: pointer;
}

.cross32
{
    float:left;
    display: block;
	height:32px;
    width:32px;
 	background:url(../images/cross32.png) no-repeat;
}

.quitbuttonextra {
  margin-top:0.2em;
}

.explanationlink {
    text-decoration:none;
}

.textAnswer
{
    min-height:6em;
    max-height:9em;
    box-shadow:0 0 2px 2px #dddddd;
    border-radius:3px;
    padding:2px 2px 2px 2px;
    margin:0;
    display:block;
    overflow:hidden;
}

.WordGameTextButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
    font-weight:normal;
	padding:2px 12px;
	text-decoration:none;
    font-size:22px;
    color: #000000;

    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
    margin-left:1px;

}.WordGameTextButton:hover {
    color: #aaaaaa;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2222', endColorstr='#ededed');
	background-color:#550000;
}.WordGameTextButton:active {
	position:relative;
	top:1px;
}

.textQuestion
{
    min-height:140px;
    max-height:140px;
    box-shadow:0 0 2px 2px #dddddd;
    border-radius:3px;
    padding:2px 2px 2px 2px;
    margin:0;
    display:block;
    overflow:hidden;
    //vertical-align: middle;
}


.txtboxip
{
    box-shadow:0 0 2px 2px #dddddd;
    border-radius:3px;
    padding-left:20px;
    min-height:90px;
    width:100%;
    font-size: 26px;
    overflow:scroll;
}

.lessontitle {
    font-weight:normal;
}

.englishwordintitle {
     font-weight:bold;
}

.foreignwordintitle {
     font-weight:bold;
}


h1.intro
{
     font-weight:bold;
}

h1.imagetitle
{
     font-weight:normal;
}

.checkboxpadding
{
    margin-left:0.5em;
    margin-right:1em;
    vertical-align: middle;
}

.textlabel
{
    box-shadow:0 0 2px 2px #dddddd;
    border-radius:3px;
    padding:5px 2px 5px 2px;
    margin:0 0 10px;
    display:block;
    font-size: 26px;
    vertical-align: middle;
}

.textlabelblue
{
    box-shadow:0 0 2px 2px #111199;
    border-radius:3px;
    padding:5px 2px 5px 2px;
    margin:0 0 10px;
    display:block;
    font-size: 26px;
    vertical-align: middle;
}

.textlabelgreen
{
    box-shadow:0 0 2px 2px #00ff00;
    border-radius:3px;
    padding:5px 2px 5px 2px;
    margin:0 0 10px;
    display:block;
    font-size: 26px;
    vertical-align: middle;
}

.selectedpic{
   display:block;
    height: auto;
    margin: auto;
    width:50%;
    box-shadow:0 0 5px 3px #111199; margin-bottom:3px; border-radius:3px;
    cursor: pointer;
}

.deselectedpic {
    display:block;
    height: auto;
    margin: auto;
    width:50%;
    box-shadow:0 0 5px 1px #111111; margin-bottom:3px; border-radius:3px;
    cursor: pointer;
}


.correctpic{
    display:block;
    height: auto;
    margin: auto;
    width:50%;
    box-shadow:0 0 5px 3px #00ff00; margin-bottom:3px; border-radius:3px;
    cursor: pointer;
}