* { margin: 0; padding: 0; outline: 0; }


body, html { height: 100%; }

body#home h1#logo { top:36px; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: sans-serif;
    color: #333;
    min-width: 100%;
}
.noPrint
{
    display:none;
}

a { color: #ca2f15; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

/*lesson sheet*/
.card{background-color: #fff;
    background-clip: border-box;
    border: 1px solid #CCC;
    border-radius: .25rem;}




/* Different Buttons Style */
.btn { background-repeat:no-repeat; background-position:0 0; height:61px; float:left; font-size:22px; line-height:53px; text-transform: uppercase; color:#fff; text-align:center; position:relative; }
.btn:hover { text-decoration:none; position:relative; top: 1px; }
.btn span { position:absolute; top:0; height:61px; background-position:0 0; background-repeat:no-repeat; }
.prev { background-image:url(images/btn-prev.png); background-position:right 0; padding:0 25px 0 10px; font-size:18px; margin-left:38px; }
.prev span { background-image:url(images/btn-prev-l.png); left:-41px; width:41px; }
.save { float:right; background-image:url(images/btn-save.png); font-size:18px; padding-left:28px; margin-right:32px; }
.red { background-image:url(images/btn-red.png); padding-left:25px; }
.red span { background-image:url(images/btn-red-r.png); right:-31px; width:31px; }
.blue { background-image:url(images/btn-blue.png); padding-left:21px; }
.blue span { background-image:url(images/btn-blue-r.png); right:-32px; width:32px;}
.yellow { background-image:url(images/btn-yellow.png); padding-left:18px; }
.yellow span { background-image:url(images/btn-yellow-r.png); right:-34px; width:34px; }
.orange { background-image:url(images/btn-orange.png); padding-left:17px; }
.orange span { background-image:url(images/btn-orange-r.png); right:-34px; width:34px; }
.box { background-repeat:no-repeat; background-position:0 0; height:35px; display:block; color:#fff; position:relative; margin-left:108px; padding:33px 29px; font-size:28px; line-height:28px; text-transform: uppercase; text-decoration:none; }
.box-blue { background-image:url(images/box-blue.png); width:432px; }
.box-yellow { background-image:url(images/box-yellow.png); width:469px; }
.box-orange { background-image:url(images/box-orange.png); width:502px; }
.box:hover { top: 1px; }


.buttons input.btn { border:0; cursor:pointer; height:61px; padding-bottom:10px; background-color:transparent; *padding-left:0; *margin-right:8px; white-space:nowrap; overflow:hidden; }
.buttons input.btn:hover { top:0; }

.save-btn { background:url(images/btn-save-r.png) no-repeat right 0; height:61px; float:right; cursor: pointer; padding:0; position:relative; }
.save-btn:hover { top:1px; }

.prev-btn { background-image:url(images/btn-prev-l.png); background-position: -3px top; float: left; width:38px; height:61px; cursor: pointer; padding:0; position:relative; }
.prev-btn:hover { top:1px; }

/* Headings */
h1#logo { position:absolute; top:51px; left:0; width:412px; }
h1#logo a { height:58px; display:block; background:url(images/logo.png) no-repeat; font-size: 0; line-height: 0; text-indent: -4000px; }
h2 { font-size:36px; line-height:43px; color:#037a91; font-weight:normal; text-transform: uppercase; }
h3 { font-size:23px; line-height:28px; color:#666; font-weight:normal; }
h4 { font-size:22px; line-height:27px; color:#fff; font-weight:normal; text-transform: uppercase; }
h5 { font-size:20px; line-height:27px; color:#037a91; font-weight:normal; }
h6 { font-size:16px; line-height:20px; color:#037a91; font-weight:normal; }

h3.step { font-size:24px; display: inline;  color:#037a91; font-weight:normal; text-transform: uppercase; }
.stepDescription { font-size:18px;  color:#037a91; font-weight:normal; text-transform: uppercase; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width:1100px; margin:0 auto; position:relative; }
.teach-page .shell { min-height:279px; }

.wrapper { background:#fff; }

.header { position:relative; height:100%; padding-bottom:38px;}
.header1 { position:relative; height:100%;}
         /* padding-bottom:38px;

/* Home Pade Navigation */
#home-navigation { text-align:right; padding:75px 22px 0 0; }
#home-navigation ul { list-style: none outside; }
#home-navigation ul li { display:inline; padding-left:34px; }
#home-navigation ul li a { font-size:18px; text-transform: uppercase; }
#home-navigation ul li a.reg { color:#047b53; }

.account { text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:15px 0 20px 0; }
.account a.name { color:#037a91; }

/* Navigation when logged in */
#navigation { float:right; padding-bottom:5px; }
#navigation ul { list-style: none outside; }
#navigation ul li { float:left; padding-left:5px; }
#navigation ul li a { background-repeat:no-repeat; background-position:0 0; height:66px; line-height:66px; font-size:17px; text-transform: uppercase; padding-left:65px; float:left; }
#navigation ul li.teach a { background-image:url(images/nav01.png); }
#navigation ul li.manage a { background-image:url(images/nav02.png); }
#navigation ul li.collaborate a { background-image:url(images/nav03.png); }
#navigation ul li.help a { background-image:url(images/nav04.png); }
#navigation ul li a:hover { text-decoration:none; background-position:0 1px; }

.main,
.main-top { background:url(images/main-shadow.png) repeat-x 0 bottom; padding-bottom:15px; }
.main-top { min-height:286px; }
.main-top h2 { text-align:center; padding-bottom:112px; }

.main h3 { font-size:24px; text-transform: uppercase; color:#037a91; padding-bottom:18px; }

.small-height { min-height:0; }
.small-height h2 { padding-top:16px; }

.video { float:left; width:572px; height:350px; }

.home-cnt { float:right; width:394px;}
   /* padding-top:25px; */
.home-cnt h2 { padding-bottom:15px; text-align:left; text-transform:none; }
.home-cnt h3 { padding-bottom:19px; }
.home-actions a.btn { position:relative; margin-left:-7px; margin-right:63px; }
.home-actions a.more { line-height:53px; font-size:20px; text-transform: uppercase; padding-right:16px; background:url(images/arrow.png) no-repeat right center; }

/* Inner Page Navigation with dropdown menu */
.inner-navigation { background:url(images/inner-nav-bg.png) no-repeat; height:37px; padding:2px 0 10px 10px; position:relative; float:left; margin:9px 0 10px -10px; }
.inner-navigation ul { list-style: none outside; float:left; }
.inner-navigation ul li { float:left; position:relative; }
.inner-navigation ul li:hover { z-index: 5;}
.inner-navigation ul li a { font-size:18px; height:39px; line-height:39px; text-transform: uppercase; color:#fff; background:#c31a09; float:left; position:relative; padding-left:38px; margin-bottom:3px; }
.inner-navigation ul li a span { position:absolute; top:0px; right:-27px; width:27px; height:39px; display:block; background:url(images/inner-nav-arrow.png) no-repeat; z-index: 100; font-size: 0; line-height: 0; text-indent: -4000px; }
.inner-navigation ul li.first a { padding-left:14px; }
.inner-navigation ul li a:hover,
.inner-navigation ul li:hover > a { background:#2d98ad; text-decoration:none; }
.inner-navigation ul li a:hover span,
.inner-navigation ul li:hover a span { background-position:0 bottom; }

/* Dropdown */
.dd { display:none; background:url(images/sub-nav-dd.png) no-repeat; height:41px; padding-left:5px; position:absolute; top:40px; left:-1px; }

.inner-navigation ul li ul { white-space: nowrap; float:none; background:url(images/sub-nav-dd.png) no-repeat right 0; height:41px; padding-right:5px; }
.inner-navigation ul li.last .dd { left:auto; right:0; }
.inner-navigation ul li ul li { padding:0 11px; position:static; float:none; display:inline; }
.inner-navigation ul li ul li:hover > a { background:transparent; }
.inner-navigation ul li ul li a { font-size:14px; line-height:40px; color:#c11217; background:transparent; text-transform:none; padding:0; float:none; display:inline; }
.inner-navigation ul li ul li a:hover,
.inner-navigation ul li ul li a.active { background:transparent; color:#3598ab; }

.inner-nav-right { position:absolute; top:0; right:-30px; background:url(images/inner-nav-right.png) no-repeat; width:30px; height:50px; z-index:0; font-size: 0; line-height: 0; text-indent: -4000px; }

/* Tables */
.table-holder { padding-bottom:40px; }

.table-headings { padding-top:2px; position:relative; height:100%; }
.table-headings span.tleft,
.table-headings span.tright { position:absolute; background:url(images/top-right.png) no-repeat; width:5px; height:5px; top:1px; left:-1px; border-right:0; padding:0; display:block; z-index:15;}
.table-headings span.tright { left:auto; right:-1px; background-position:right 0; }
.table-headings table { background:#e7f7f2; position:relative; border:1px solid #dadada; }
.table-headings table th { height:53px; font-size:18px; font-family:Arial, sans-serif; color:#333; font-weight:normal; padding-left:42px; text-align:left; }

.table-words { max-height:310px; overflow-y:auto; overflow-x: hidden; border-bottom:1px solid #dadada; position:relative; }
.table-words table { border:1px solid #dadada; border-top:0; border-bottom:0; font-size:14px; color:#333; }
.table-words table td { border-bottom:1px solid #dadada; padding:8px 0 7px 42px; vertical-align: top;}
.table-words table td:first-child { width:267px; }
.table-words table td.second { width:316px; }
.table-words table td input { position:absolute; top:4px; left:-27px; margin:0; width:13px; height:13px; display:block; }
.table-words table tr.blue-line td { background:#f2f8ff; }
.table-words table tr.purple-line td { background:#f3f1fd; }
.table-words table tr.ocher-line td { background:#fbf0e4; }
.table-words table tr.last td { border-bottom:0; }

.cell-entry { position:relative; }

.editTable {margin:10px 0px;}
.editTable, .editTable td  {border: 1px solid #CCC; border-collapse : collapse;}
.editTable th, .editTable .headerRow {background: #E7F7F2; color: #666; padding : 5px 10px; border : 1px solid #CCC;	}
.editTable .highlight th, .editTable .highlight td{	background: #E60000; color: #fff;}
.editTable .highlightRed th, .editTable .highlightRed td{	background: #E60000; color: #fff;}
.editTable  tr td{	padding : 5px 10px; color : #666;}


.types { background:url(images/step2.png) no-repeat; width:967px; height:16px; padding:20px 21px 24px 21px; margin-bottom:30px; font-size:18px; }
.types label { float:left; margin-right: 54px; padding: 0 0 0 24px; position:relative; cursor: pointer; font-size: inherit;  width:auto; }
.types label input { height: 13px; width: 13px; position:absolute; top: 3px; left: 0; }
 
 
 /*Video display*/

.video-links { padding:20px;  margin-left:00px; float:left;  font-size:18px; line-height:24px; font-weight:normal;}
.accordion-menu-display { width:640; margin-left:200px; border:1px; color:Gray;}
 
/* Options (widget-style) Section*/
.options { padding:15px 86px 0 86px; }
.options h3 { padding-bottom:40px; }

.option { padding-bottom:18px; }
.option a span { position:absolute; top:-4px; left:-107px; background-position:0 0; background-repeat:no-repeat; width:86px; height:92px; display:block; }
.option a.box-blue span { background-image:url(images/sheets1.png); }
.option a.box-yellow span { background-image:url(images/sheets2.png); }
.option a.box-orange span { background-image:url(images/sheets3.png); }
.option a em { position:absolute; top:17px; left:198px; font-style:normal; display:block; font-size:17px; line-height:21px; text-transform:none;}
.option a.box-blue em { width:200px; }
.option a.box-yellow em { width:275px; }
.option a.box-orange em { width:275px; }

.main-bottom { background:#3598ab; border-top:2px solid #fff; padding:18px 0 9px 0; }
.main-bottom img.bg-img { position:absolute; bottom:-9px; left:176px; display:block; }

/* Home Page Widget Section */
.widget { float:left; width:263px; padding:0 45px 0 64px; }
.widget.last { width:218px; padding:0 10px 0 34px; }
.widget h4 { padding-bottom:10px; }
.widget ul { list-style: none outside; }
.widget ul li { padding-bottom:20px; }
.widget a { font-size:16px; color:#fff; position:relative; height:100%; padding-top:10px; display:block; }
.widget a.play-ico { padding:10px 0 0 0; }
.widget a span { position:absolute; top:0; left:-64px; background-position:0 0; background-repeat:no-repeat; display:block; width:49px; height:51px; }
.widget a.play-ico span { width:37px; height:38px; left:-49px; }
.widget a.teach-ico span { background-image:url(images/service01.png); }
.widget a.manage-ico span { background-image:url(images/service02.png); }
.widget a.collaborate-ico span { background-image:url(images/service03.png); }
.widget a.blog-ico span { background-image:url(images/service04.png); }
.widget a.fb-ico span { background-image:url(images/fb.png); }
.widget a.tw-ico span { background-image:url(images/tw.png); }
.widget a.play-ico span { background-image:url(images/video.png); }
.widget a:hover span { background-position:0 1px; }

/* Services (widget-style) Section */
.service { float:left; width:324px; padding:0 17px 43px 0; position:relative; height:100%; font-size:18px; line-height:30px; color:#fff; }
.service.last { padding-right:0; }
.service img { position:absolute; top:-266px; width:325px; height:246px; }
.service h3 { position:absolute; top:-83px; left:-15px; background:url(images/title-large.png) no-repeat; height:65px; padding-left:57px; font-size:28px; color:#fff; text-transform: uppercase; line-height:90px; }
.service h3 span { background:url(images/title-large-shadow.png) no-repeat right 0; height:65px; padding-right:57px; display:block; position:relative; margin-right:-44px; }
.service p { padding:2px 0 24px 22px; }
.service ul { padding:2px 0 24px 22px; }
.service a.btn { font-size:18px; line-height:54px; margin-left:14px; }

/* Teaching Page widgets */
.teach-box { float:left; position:relative; height:100%; padding-right:160px; }
.teach-box.last { padding-right:0; }
.teach-box.second { padding-right:130px; }
.teach-box h3 { position:absolute; top:-73px; *top: -74px; left:20px; height:55px; background:url(images/title.png) no-repeat; padding-left:55px; font-size:18px; font-style:italic; text-transform:none; line-height:86px; color:#fff; }
.teach-box h3 span { background:url(images/title-shadow.png) no-repeat right bottom; height:55px; padding-right:49px; display:block; position:relative; margin-right:-34px; }
.teach-box ul { list-style: none outside; padding:13px 20px 0 38px; }
.teach-box ul li { background:url(images/bullet-small.png) no-repeat; padding:0 0 27px 36px; }
.teach-box ul li a { font-size:20px; line-height:20px; color:#fff; text-transform: uppercase; }

.bullet { position:absolute; top:-110px; left:38px; }
.bullet a { font-size:24px; text-transform: uppercase; line-height:37px; }
.bullet a span { background:url(images/bullet.png) no-repeat; width:41px; height:42px; float:left; position:relative; margin-left:-41px; text-align:center; color:#fff; padding-left:7px; }
.bullet a:hover { text-decoration:none; }
.bullet a:hover span { top:1px; }


/* Manage Page widgets */
.manage-box { float:left; position:relative; height:100%; padding-right:60px; }
.manage-box.second { padding-right:20px; }
.manage-box.last { padding-right:0; }
.manage-box h3 { position:absolute; top:-73px; *top: -74px; left:20px; height:55px; background:url(images/title.png) no-repeat; padding-left:55px; font-size:18px; font-style:italic; text-transform:none; line-height:86px; color:#fff; }
.manage-box h3 span { background:url(images/title-shadow.png) no-repeat right bottom; height:55px; padding-right:90px; display:block; position:relative; margin-right:-34px; }
.manage-box ul { list-style: none outside; padding:13px 20px 0 38px; }
.manage-box ul li { background:url(images/bullet-small.png) no-repeat; padding:0 0 27px 36px; }
.manage-box ul li a { font-size:20px; line-height:20px; color:#fff; text-transform: uppercase; }

.bullet-manage { position:absolute; top:-110px; left:38px; }
.bullet-manage  a { font-size:24px; text-transform: uppercase; line-height:37px; }
.bullet-manage  a span { background:url(images/bullet.png) no-repeat; width:41px; height:42px; float:left; position:relative; margin-left:-41px; text-align:center; color:#fff; padding-left:7px; }
.bullet-manage  a:hover { text-decoration:none; }
.bullet-manage  a:hover span { top:1px; }





/* Footer Layout */
.footer { font-family: sans-serif; border-top:2px solid #fff; padding:38px 0 45px 0; color:#fff; }
.footer p.headline { float:left; font-size:17px; padding-left:17px; }

.footer-nav { float:right; }
.footer-nav ul { list-style: none outside; }
.footer-nav ul li { display:inline; padding-right:22px; }
.footer-nav ul li a { font-size:15px; color:#fff; }




.taskstep {margin: 20px 0; font-size: 14px; background: #E7F7F2;}
.taskstep input[type="radio"] , .taskstep input[type="checkbox"] {margin-left: 20px;}
.taskstep label {padding: 0px 2px; display: inline; text-align: left; font-weight: bold; font-size:14px;}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset {
    border: none;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

fieldset legend { display: none;}

.form_row{
width:100%;
clear:both;
padding:10px 0 ;
}

label, .label {
  padding: 5px 0;
  display: inline-block;
  text-align: left;
  width: 120px;
  font-size: 16px;
  
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; width: auto; }
input.error, select.error, textarea.error  { background-color: #FFFFD5; border: 2px solid red  !important;}

/* for mvc genereated forms */
div.editor-label  {
  padding: 10px 0;
  float: left;
  text-align: left;
  width: 120px;
  font-size: 16px;
  clear: both; 
}
div.editor-field{ padding: 5px 0; margin: 5px;}


div.register-left 
{
 padding: 10px 10px;
 float: left;
 width: 500px;   
}

div.register-label
{
  padding: 10px 0;
  float: left;
  text-align: left;
  width: 150px;
  font-size: 16px;
  clear: both; 
}

div.register-field{ padding: 5px 0; margin: 5px;}

.register-label label 
{
  padding: 5px 0;
  display: inline-block;
  text-align: left;
  width: 150px;
  font-size: 16px;  
    
}

div.register-right 
{
 padding: 10px 10px;
 float: right;
 width: 500px;   
}

textarea {
    min-height: 75px;
    border: 1px solid #4E4E4E;
}

input[type="text"], 
input[type="password"] ,
select
{
    border: 1px solid #4E4E4E;
    padding: 5px;
    font-size: 1.4em;
    color: #4e4e4e;
    width: 200px;
}
.field-validation-error {color: red;}

.lessonsheetContainer {line-height:16pt;} 
.lessonsheetContainer p.instructions {font-size: 1.25em; margin-bottom: 15px;}
.lessonsheetContainer p {margin: 15px 0; }
.lessonsheetContainer  span.direction{ font-weight:bold; text-decoration:underline;}
.lessonsheetContainer ol {margin-left: 20px; padding-left: 20px;}
.lessonsheetContainer .PronunciationComponent { border: 2px solid black; padding: 10px;}
.lessonsheetContainer h4 {color: #037A91; }
.lessonsheetContainer .fullUnderline { border-bottom: 2px solid black; margin-top: 40px; width: 100%;}

/* lessonplan */
#lessonplan { padding: 10px;}
#lessonplan ul { list-style-type: disc;}  
#lessonplan ol { list-style-type: decimal;}
#lessonplan ul li, #lessonplan ol li{ list-style-type: inherit;}
#lessonplan li {margin-left: 20px; padding-left: 10px;}
#lessonplan h3 {padding: 20px 0 10px 0;}

#lessonplan div.ActivitiesHeader ,
#lessonplan div.PronunciationActivity , 
#lessonplan div.VocabActivity ,
#lessonplan div.TasksActivity , 
#lessonplan div.grammaractivity ,
#lessonplan div.rootsstemsActivity ,
#lessonplan div.SummaryActivity { border-bottom: 2px solid black; margin-bottom:20px; padding-bottom: 10px; clear: both;}
#lessonplan div.AnswerKey { border-bottom: 2px solid black; margin-bottom:20px; padding-bottom: 10px; clear: both;}

#lessonplan div.ActivitiesHeader div,
#lessonplan div.PronunciationActivity div, 
#lessonplan div.VocabActivity div ,
#lessonplan div.TasksActivity div, 
#lessonplan div.grammaractivity div,
#lessonplan div.rootsstemsActivity div,
#lessonplan div.SummaryActivity div{
  display: inline-block;
  padding: 1%;
  text-align: left;
  vertical-align: top;
  width: 22%;
}



.warning_box {	background:#f4b100;	background:rgba(244, 177, 0, .25);	border:1px solid rgba(244, 177, 0, .4); padding:20px; margin:15px 0; }
.success_box {	background:#81d348;	background:rgba(129, 211, 72, .25);	border:1px solid rgba(129, 211, 72, .4); padding:20px;  margin:15px 0;}
.notice_box {	background:#5aa6ea;	background:rgba(90, 166, 234, .25);	border:1px solid rgba(90, 166, 234, .4); padding:20px;  margin:15px 0;}
.error_box {	background:#ff8459;	background:rgba(255, 132, 89, .25);	border:1px solid rgba(255, 132, 89, .4); padding:20px;  margin:15px 0;}
.download_box {	background:#43f270;	background:rgba(67, 242, 112, .25);	border:1px solid rgba(67, 242, 112, .4); padding:20px;  margin:15px 0;}
.premium_box { width:60%;  background:#5aa6ea;	background:rgba(90, 166, 234, .25);	border:1px solid rgba(90, 166, 234, .4); padding:20px;  margin:15px 0;}
.premium_line { background:#5aa6ea;	background:rgba(90, 166, 234, .25);	border:1px solid rgba(90, 166, 234, .4); padding:5px;  margin:5px 0;}




/* Print Styles */
@media print {
.noPrint,.header, .footer {display:none;}
.shell {width: 100%; margin: 0; float: none;}
}




/* Student Login styles */


body.studentlogin { background: transparent; }

#navigation ul li.learn a { background-image:url(images/nav-learn.png); }
#navigation ul li.review a { background-image:url(images/nav-review.png); }
#navigation ul li.share a { background-image:url(images/nav-share.png); }


.studentlogin #header { background: #037a91; padding-bottom:12px; padding-top:49px; }
.studentlogin #logo { top: -19px; left: 3px; }
.studentlogin #logo a { background: url('images/login-logo.png') no-repeat 0 0; width:570px; height:107px; }
.studentlogin #navigation li { padding-left:8px; }
.studentlogin #navigation a { color:#fff; padding-left:72px; }
.studentlogin .account { padding: 0; position:absolute; top: -36px; right: 0; color:#fff; }
.studentlogin .account a { color:#fff; }

#login { padding: 96px 69px 96px 34px; background: url('images/login-bg.png') no-repeat right bottom; min-height: 443px; width:904px; }
#login .entry { font-size:16px; line-height:20px; width:540px; }
#login .entry p { padding-bottom:20px; }
#login .entry ul { padding-left:16px; }
#login .entry li { padding-left:8px; background: url('images/login-list-item.png') no-repeat 0 9px; list-style: none; }

#sign-up { width:100%; padding-bottom:37px; }
#sign-up label, #sign-up .field { float:left; }
#sign-up label { color:#037a92; font-size:24px; line-height:28px; padding-right:10px; text-transform: uppercase; }
#sign-up .field { font-family:  sans-serif; font-size:16px; color:#333333; }
#sign-up .field { border: 1px solid #514f4e; padding: 5px 5px 6px; width:214px; margin-right:15px; }
#sign-up .button { width:155px; height:63px; background: url('images/login-btn.png') no-repeat 0 0; font-size:18px; padding-right:21px; border: 0; padding-bottom:6px; }
#sign-up .button { float:right; color:#fff; cursor: pointer; position:relative; margin-top:-10px; font-family: sans-serif; }

#holder { padding-top:71px; }
#holder h4 { font-size:24px; line-height:28px; text-transform: uppercase; color:#037a91; padding-bottom:26px; padding-left:3px; }

#side { width:291px; float:left; }

.classes { border: 1px solid #a8a7a6; padding: 2px; }
.classes ul li { list-style: none; display:block; padding-bottom:2px; }
.classes > ul > li > a { background:#81bdc8; border-radius: 2px; display:block; color:#fff; }
.classes > ul > li > a { text-transform: uppercase; font-size:16px; line-height:20px; padding: 6px 5px 7px 48px; height:20px; position:relative; }
.classes ul li a .arrow { position:absolute; display:block; top: 10px; left: 19px; width:14px; height:14px; background: url('images/login-menu-arrow.png') no-repeat 0 0; }
.classes > ul > li > a:hover, .classes > ul > li.active > a { text-decoration:none; background: none; color:#037a91; }
.classes ul li a:hover .arrow, .classes ul li.active a .arrow { background-position:0 -14px; }
.classes .sub-menu { display:none; padding: 0 54px; }
.classes .sub-menu li { padding-bottom:6px; }
.classes .sub-menu a { font-family:Arial, serif; font-size:14px; line-height:18px; color:#333333; }

#wrap { width:666px; float:right; }
#wrap .wrap-table { width:100%; position:relative; }
#wrap .tleft, #wrap .tright { font-size: 0; line-height: 0; text-indent: -4000px; display:block; width:5px; height:5px; position:absolute; top: 0; }
#wrap .tleft { left: 0; background: url('images/wrap-top-left.jpg') no-repeat 0 0; }
#wrap .tright { right: 0; background: url('images/wrap-top-right.jpg') no-repeat 0 0; }
#wrap table { border-collapse: collapse; border: 1px solid #bcbcbc;  }
#wrap table .title { padding:10px 10px 10px 26px;  text-align:left; }
#wrap th { background-color: #e7f7f2; font-weight:normal; text-transform: uppercase;  border: 1px solid #bcbcbc;  }
#wrap td { text-align:center; font-family:Arial, serif; padding:10px; border: 1px solid #bcbcbc; }
#wrap td a { color:#c11217; font-weight:bold; }


.answerKeyMatchingList
{
    
}