/*.........Basic outructural elements.....*/
.thin{
line-height: .8em;
margin: .5em 0 0 0;

padding:0;
}

.blueform{
font-size:1.8em;
color: blue;
line-height: .8em;
margin:0;
padding:0;
}

.lexform{
font-size: 1.4em;
color: black;
line-height: .8em;
margin:0;
padding:0;
font-weight: 200;
}

.meaning{
font-size: 1.5em;
color: black;
line-height: .8em;
margin:.5em 0 0 0;
padding:0;
}

.redlex{
font-size: 2.2em;
color: #660000;
line-height: .8em;
margin:0;
padding:0;
font-weight: 400;
}

.leftalign{
text-align: left;
}

.center h3{
text-align:center;
}

#divsignup{
position: absolute;
top: 40%;
left: 20%;

}

.whiteground{
background-image: none;
background-color: white;
width:100%;
height: 100%;
}

#nav.signup{
position: absolute;
top: 75%;
}
#nav.signup #btnSubmit{
width: 10em;
}

audio{

color: #ffcb05;
right: 2em;
vertical-align: bottom;
margin:0;

position: relative;
top: 0;
width: 15em;

}


#pcontroller{
text-align: right;
position: relative;



}
#pcontroller.alphaself{
margin-top: 11em;

}

#spacer{
font-size: 2em;
line-height: 2em;
}
.space{
line-height: 1em;

}
#spacer.keyboard{
font-size: .2em;
line-height:.2em;
}

#spacer.nonsense{
font-size: .5em;
line-height: .5em;
}


#logo.login{
position: absolute;
right:5%;
top: 1%;
}

#welcome{
font-family: Calibri, sans-serif;
font-size: .8em;
font-weight:700;
margin-left: 20px;
}

#welcome.login{
position: absolute;
top: 21%;
left: 5%;
}
#finished, #done{
position:absolute;
top: 50%;
left: 37%;
text-align:center;


}

body{
font-family: Calibri, "Arial Unicode", sans-serif;
width:100%;
height:100%;
<!--
background-image:url(http://www.greekbeforechristmas.com/themes/default/images/sky6.jpg);
background-repeat: repeat-x;
-->
/* IE10 */ 
background-image: -ms-linear-gradient(top left, #FCF4D2 0%, #CC6633 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #FCF4D2 0%, #CC6633 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #FCF4D2 0%, #CC6633 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FCF4D2), color-stop(1, #CC6633));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #FCF4D2 0%, #CC6633 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top left, #FCF4D2 0%, #CC6633 100%);
/* background-size: 1600px 2600px */;
margin:0 0 0 0;
padding:0 0 0 0;
background-repeat: repeat;
}


#page_title{
background-image:url(http://www.greekbeforechristmas.com/themes/default/images/Fill.jpg); 
background-repeat:repeat;
border: 1px solid black;
border-radius: 1em;
width: 80%;
height: 22%;
position: absolute;
left: 15px; top: 50px;
padding:0 0 0 20px;
margin:0 0 0 0;
line-height:1em;
z-index:-1;
}

#page_title.toc{
font-family: Times, Garamond, Palatino, Bookman, serif;
padding-left:8%;
width:72%;
}

#page_title.exercise{
top:15px; left: 30px;
height:80px;
font-size:.8em;
}

#cover{
position: absolute;
right:3%;
margin-top: 7%;
z-index:4;
}

#cover img{
border: 1px solid black;
border-radius: .5em;
width: 250px;
}

#instructions{
position: relative;
margin: 5em 0 3em 2em;
width: 85%;
}


#video_holder{
position:relative;
display: block;
top: 50%;

}

#progress{
position: absolute;
top: 10%;
width:10%;
margin: 16% 2% 0 1em;
padding: 1em 1em 1em 1em ;
line-height: 1.2em;
background-color:#C64D1F;
font-size: 1em;
text-align:center;
color: white;
}

#progress.keyboard{

}

#wrapper{
background-image:url(http://www.greekbeforechristmas.com/themes/default/images/sky.jpg); 
background-repeat:repeat;
border:1px solid black;
border-radius:2em;
position: relative;
margin:0 0 0 16%;
 padding: 1em 15px 1em 15px;

width:68.4%;
text-align: center;
height: auto;

}

#wrapper.adminsearch{
margin-top: 20%;

}

#wrapper.toc{
top: 12em;
margin-left: 19%;
text-align: left;

}

#wrapper.toc h2{

}
#wrapper.toc li{
padding-left: .5em;
}

#wrapper.video{
margin: 12em 0 0 0;
left: 15%;
}


#wrapper.alphaself{
<!--important to maintain hr position.  Do not remove or change.-->
margin-top: 0;
padding-top: 1em;
}

#wrapper.adj, #wrapper.autosound, #wrapper.vocabself{
margin-top: -3em;
padding-bottom:0;
}

#wrapper.autodecl{
margin-top: -3em;
}

#wrapper.xadjective{
margin-top: -7em;
margin-bottom: -1.5em;
}

#question{
   position:absolute;
   display: block;
   left:10%;
   width:80%;
   height: 45%;
   text-align:center;
margin-top:2em;
padding-top:0;
line-height: 4em;
}

#soundgroup{
display:inline;
position:relative;
float: left;
margin: -4.5em 0 0 25%;
padding: 0 0 0 3em;
width: 20%;



}



#soundgroup audio {
width: 100%;
margin-left: -5em;
margin-right:0;
height: 2em;
position:absolute;
}

#paudio_0.soundcontroller{
display: block;
position: relative;
margin-top:3em;
margin-bottom: 1em;
float:none;

}

#paudio_1.soundcontroller{
display: block;
position: relative;
margin-top: 1.5em;
float:none;
}


#paudio_2.soundcontroller{
display: block;
position: relative;
margin-top: 1.5em;
float:none;

}

#question.gender{
font-size:1.8em;
font-family: Times, Garamond, Palatino, Bookman, serif;
top:0;
height: 2em;
margin-top:0;
 padding-top:0;
 line-height: 1em;

}




#paudio_0, #paudio_1, #paudio_2, #paudio_3, #paudio_4,#paudio_0,#option_0,  #option_1, #option_2, #option_3, #option_4{
display:block;
float:left;

}

#tblsoundbuttons{
display: inline;
margin: 5em 0 0 -25%;

}

#tblsoundbuttons td{
font-size: 1.7em;
padding-bottom: .5em;
}

#radioanswer{
position: relative;
display: inline;
border: 1px solid black;

margin: -10em 1em 0 15%;
height: 15em;
}

#pnwblockquestion{
position: absolute;
display:block;
margin-top: 4em;
margin-left: 2em;
font-size: 1.5em;
color: #C64D1F;
text-align: left;
width: 25%;

}



#radioanswer input{
display: inline;

margin: 1.5em 0 0 2em;

float: left;

}

#askinfo{
position: absolute;
display: block;
margin-top: 0;
padding:0;

}

#askinfo.alphaself{

top: 12.75em;
}

#askinfo.keyboard{
top: 21em;
left: 3em;
}




#autoseries{
position:absolute;
top:80px;
left:150px;
width: 800px;
height: 150px;
background-color:yellow;
}

#alpha_notes{
 font-family:Calibri, sans-serif;
 font-size:1em;
display:inline;
 width: 35%;
 height:11em;
 position:absolute;
 right:5%;
 top: 1em;

text-align: left;


}

#english_alpha{
font-family:Calibri, sans-serif;
font-size:5em;
position:absolute;
text-align:left;
top:10%;
left:5%;
display:none;
}

#keyboard_buttons{
padding-top:1em;
}

#alphakeys{
padding-top:1em;
margin-bottom:0;
padding-bottom:0;
}

#alpha_sound{
width:1em;
height:1em;
}

#nav{
position: relative;
margin: .5em 0 0 0;
text-align: right;
width: 84%;

}











#text_display{
padding-left:1em;
margin-right: 2em;
margin-top: 4em;
position:absolute;
top:42%;
font-family: Times, Garamond, Palatino, Bookman, serif;
text-size: .8em;


}

/*.......Adjustments to Menu.......*/

/*  Menus  */
#menu.gb4x{
width:19%;
margin: 0 2em 0 .2em;
padding: 0px 0 0 0;
position:absolute;
top:32%;
line-height: 1.2em;


}
#menu.pdf{
position:absolute;
top:50%;
margin: 2em .2em 0 .3em;
width: 19%;
}

#menu.pdf li{
padding-left: 1em;
}

li.menuheader{
text-decoration: underline;
text-align: center;
padding-left: .2em;
}

#menu ul {
list-style-type: none;
margin:0 1em 0 .2em;
padding:.1em .5em .1em .5em;
font-size: .9em;
background-color: white;
width:85%;
}



#checkbox{
font-size: 1.5em;
}



#wrapper a:link{
background-color: transparent;
font-size:1.2em;
color: #C64D1F;
}







/* Buttons.  Classes: answer; info; nav */


input.answer{
background-color:#C64D1F;

}

input.nav{
background-color:green;
}

input.info{
background-color:#ffcb05;
color:black;
}

input.redonwhite{
background-color: white;
color: #C64D1F;
}

#askinfo input{
margin: 0 10% 0 10%;
}

input.keyboard{
width:70px;
height:60px;
background-color:white;
color:black;
font-size: 2em;
}



#wrapper.nonsense input{
font-size: 1.6em;
margin-right: .5em;
}





#btnKnow, #btnNext{
display:inline;
width:300px;
height:50px;
}

#btnNext{
margin-left: 4em;
}




#autoseries input{
margin-right:40px;
}



#askinfo.nonsense input{
font-size: .8em;
}

input{
color:white;
background-color:#C64D1F;
border:1px solid #85c2de;
padding:9px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
font-weight:500;
text-align: center;
font-size:.8em;

}

input:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
input:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

input.invisible{
display:none;
}



/*.......Spans.......*/




span.italic{
font-style: italic;
}

span.progress_number{

font-size: 1.7em;
}


#gletter{
font-family: Times, Garamond, Palatino, Bookman, serif;
color: #C64D1F;
font-size: 10em;
text-align:center;


}

#baseline{
top: -.3em;
padding:0;
position:relative;

}

#baseline hr{
width:10em;
text-align:center;
}
/*.......Style elements.......*/

h1{
font-size:3em;
color: #C64D1F;
font-style:italic;
}

h1.exercise{
font-family: Calibri, "Arial Unicode", sans-serif;
}

h2 {
font-size: 1.4em;
line-height:1.0em;
margin-bottom:-.5em;
padding-bottom:0em;
padding-top:.2em;
}

.enterbase, .enterending, .enterchange, .enterendinglarge{
background-color:white;
font-family: Times, Garamond, Palatino, Bookman, serif;
  
}

.redonwhite, .enterbase:hover, .enterending:hover, .enterendinglarge:hover, .enterchange:hover {
  
   background: white;
   
   }
.redonwhite, .enterbase:active, .enterending:active, .enterendinglarge:active, .enterchange:active {
 
   background: white;
}

.enterbase, .enterbase:active, .enterbase:hover{
color: blue;
font-size: 2.5em;
}



.enterending, .enterending:active, .enterending:hover, .enterendinglarge, .enterendinglarge:active, .enterendinglarge:hover{
color: #C64D1F;
}
.keyboard h3{
text-align: center;
font-size: 1.3em;
}

.big{
font-size:2em;

}

.bigred{
font-size:1.3em;
color:#C64D1F;
}

.blue{
color: blue;
}

p.indent3{
font-size: 1.5em;
font-style: italic;
text-align: right;
padding-right: 35%;
line-height: .4em;
}

a:link{
text-decoration:none;
font-weight:400;


}

a:hover{
text-decoration: underline;
}

ul {
list-style-type: none;
margin-left: 5px;
padding-left:0;
font-size: 1em;
}



#vocimage{
height: 12em;
display: inline;

}
#pimage{
text-align: center;

}

#pimage img{
height: 200px;
}

#pimage.autosound{
margin-bottom: -2em;
}

#paraimage{
width: 20%;

}

#pengquestion{
font-size:2.5em;
margin:0;
padding:0
line-height: .8em;
}

#pengquestion.adj{
font-size: 1.8em;

margin-bottom: .5em;
}
#pgrquestion{
font-family:Times, Garamond, Palatino, Bookman, serif;
font-size: 4em;
font-weight: 400;
margin:0;
padding:0;
line-height: 1.5em;
}

#pgrquestion.pbase{
font-size: 2.5em;
}

#pgrquestion.autodecl{
font-size: 2em;
line-height: .8em;
}

#pmeaning{
position:relative;
font-size: 2.5em;
text-align: center;
padding:0;
margin: 1em 0 1em 0;
line-height: .8em;
}

#pmeaning.vocabself{
margin-top:0;
}







#tdsing, #tdpl{
font-family:Times, Garamond, Palatino, Bookman, serif;
font-size: 3em;
}
#tdsing{
padding-right: 1em;
}




#meaning.autosound{
margin-top: 1em;
}

#greekquestion{
font-family: Times, Garamond, Palatino, Bookman, serif;
font-size:2.5em;
text-align: center;
font-weight: 600;
line-height:.8em;
margin-top:0;
padding-top:.5em;
margin-bottom:0;

}

#tblnanalysis{

position:relative;
top: -1em;
margin-top:0;
width:100%;
}

#tblnanalysis h3{
text-align:center;
padding-right:20%;
text-decoration: underline;
}

#tblnanalysis td{
width:33%;
}

#tdbase, #tdending{
margin:0;
padding:0;
height: 1em;

}

#tdending h3, #tdbase h3, #changelist h3{
margin-left:2em;
margin-top:0;
margin-bottom:.25em;
padding-top:0;
padding-bottom:0;
height:1em;
text-decoration: underline;
}

#txtBase{
font-family: Times, Garamond, Palatino, Bookman, serif;
font-size: 2em;
height: 1.5em;
width: 100%;
text-align:right;

}

#txtEnding{
font-family: Times, Garamond, Palatino, Bookman, serif;
font-size:2em;
height: 1.5em;
margin-left: 22%;
text-align:left;
width: 50%;

}

#btn_0, #btn_1, #btn_2, #btn_3, #btn_4{
font-size: 1.5em;
font-family:Times, Garamond, Palatino, Bookman, serif;
font-weight: 400;
margin: 1em 1em 0 0;


}

#btn_0.timed:focus, #btn_1:focus, #btn_2:focus, #btn_3:focus, #btn_4:focus{

   background: green;
}

#btn_0.timedlong, #btn_1.timedlong, #btn_2.timedlong, #btn_3.timedlong, #btn_4.timedlong{
margin: 1em .5em 0 0;
font-size: 1.5em;
}

#tblplvocab{
display: block;
position: relative;
width: 100%;
border: 2px solid black;
padding:0;
margin:0 -5% 0 0;

table-style:auto;
}

#tblplvocab tr{
width:100%;
height: 3em;
vertical-align: middle;
margin:0;
padding:0;

}


#tblplvocab th, #tblplvocab td{
border: 1px solid black;
}
#thlabel{

width:10%;
}

#thform, #thmeaning {

width:25%;
}

#thsound{
width:40%;

}


#tblplvocab td{
text-align:center;
padding:0;
}
td.rowlabel{

font-size: 1.5em;

}

td.form, td.meaning{
width: 25%;
font-family: Times, Garamond, Palatino, Bookman, serif;
font-size: 1.5em;
}

td.rowlabel{
width:10%;
}

td.sound{
width: 40%;

}

td.sound audio{
margin-left: 5em;

}

#padjmeaning.gender{
text-align: left;
font-size: 3em;
padding-left: 4em;
padding-top: .5em;
margin-top:0;
vertical-align: bottom;
font-family: Times, Garamond, Palatino, Bookman, serif;
font-style: italic;
}

#pgrquestion.adj{
margin-bottom:0;
padding-bottom:0;
line-height: .8em;
}

#divinvisible{
padding, margin:0;
font-size: 1px;
line-height: 1px;
top:-2em;
}

#divoption_0.adj, #divoption_1.adj, #divoption_2.adj{
margin, padding: 0;

}

#case{
font-family: Times, Garamond, Palatino, Bookman, serif;
color: #C64D1F;
}

#number{
font-family: Times, Garamond, Palatino, Bookman, serif;
font-weight: 800;

color:#C64D1F;
}

#stipulation{
font-family: Times, Garamond, Palatino, Bookman, serif;
color:  green;
}

.enterendinglarge{
font-size: 2.5em;
}


a, a:visited{
color: black;
}

a.video, a.video:visited{
font-family: "zapf chancery", "coronetscript", cursive  !important;
color: black !important;
}

a.flashcard{
padding-left: 1em;
}

a.drill, a.drill:visited{
padding-left:2em;

color:#6d82a7  !important;
}

#divlogin{
position: absolute;
top: 40%;
margin-left:7%;

}

h1.login{
font-size: 3.0em;
}

#nav.login{
position: absolute;
top:68%;
margin-left: 7%;
width: 50%;
}

#btnLogin{
margin: 1em 0 0 0;
width: 12em;
font-size: 1.5em;
}

#account.login{
width: 15%;
position: absolute;
top: 50%;
margin-left: 54%;
}

input.signup{
background-color: white;
color: black;
}

#ddlChange{
font-size: 1em;
}