body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    /* line-height: 110%; */
    background-color: #26568B;
    margin: 0px;
    padding: 0px;
}

body.sidebar {
    background: #26568B url("../img/box/left_orange_mid.gif") top left repeat-y;
}

p {
    padding: 0px;
    margin: 0px 0px 1em 0px;
}

a {
    color: #003399;
}

img {
    border: 0px;
}

form {
    margin: 0px;
    padding: 0px;
}

#messages ul {
    margin: 0px 10%;
    padding: .5em 0px 0px 3em;
    border: 2px solid red;
}

#messages li {
    list-style: disc;
}

div.forms-validation-errors {
    margin: 0px 10%;
    padding: .5em 0px 0px 3em;
    border: 2px solid red;
}

div.forms-validation-errors li {
    list-style: disc;
}

h1, h2 {
    font-size: 110%;
    font-weight: bold;
    line-height: 100%;
}

h1.overview {
    font-size: 130%;
    font-weight: bold;
    line-height: 100%;
    color: #FFFFFF;
    font-weight: normal;
}

h1.help {
    width: 100%;
    text-align: left;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0.5em 0px;
    border-bottom: 2px dotted #FFCE5B;
}

.helpdir {
    text-align: left;
    color: #FFCE5B;
}

ul {
    list-style-image: url("../img/misc/check.gif");
}

li {
    padding-left: 0px;
    margin-left: -8px;
}

.formInput {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    margin: 1px;
    padding-left: 2px;
}

.footerCopyright {
    font-size: 0.8em;
    color: #74ACDC;
    text-align: center;
    clear: both;
}

.footerCopyright a {
    color: #74ACDC;
}

.splashInput {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    margin: 1px;
    padding-left: 2px;
}

.splashBody {
    width: 770px;
}

.splashLeft {
    width: 190px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    margin-left: 5px;
}

.splashRight {
    width: 550px;
    float: right;
}

.splash1Top {
    width: 465px;
    height: 15px;
    background: url("../img/box/splash_blue_top.gif") top left no-repeat;
}

.splash1Mid {
    width: 465px;
    background: url("../img/box/splash_blue_mid.gif") top left repeat-y;
    margin-top: -0.4em;
    margin-bottom: -0.3em;
}

.splash1Bot {
    width: 465px;
    height: 30px;
    background: url("../img/box/splash_blue_bot.gif") bottom left no-repeat;
}

.splash2 {
    position: relative;
    float: left;
    width: 315px;
}

.splash2Top {
    width: 305px;
    height: 25px;
    background: url("../img/box/splash_green_top.gif") top left no-repeat;
}

.splash2Mid {
    width: 305px;
    background: url("../img/box/splash_green_mid.gif") top left repeat-y;
    margin-top: -0.4em;
    margin-bottom: -0.3em;
}
.splash2Mid div.hr {
    border-bottom: 2px dotted #5B925D;
    margin: 0px 0px 7px 0px;
}
.splash2Mid div.hr hr {
    display: none;
}

.splash2Bot {
    width: 305px;
    height: 25px;
    background: url("../img/box/splash_green_bot.gif") bottom left no-repeat;
}

.splash3 {
    position: relative;
    float: left;
    width: 200px;
}
.splash3Top {
    width: 175px;
    height: 16px;
    background: url("../img/box/splash_narrow_green_top.gif") top left no-repeat;
}

.splash3Mid {
    width: 175px;
    background: url("../img/box/splash_narrow_green_mid.gif") top left repeat-y;
    margin-top: -0.4em;
    margin-bottom: -0.3em;
	font-size: 90%;
}

.splash3Inner {
    width: 150px;
}

.splash3Bot {
    width: 175px;
    height: 16px;
    background: url("../img/box/splash_narrow_green_bot.gif") bottom left no-repeat;
}

.headerContainer {
    height: 51px;
    background: #26568B url("../img/header/header_back.png") top left repeat-x;
    position: relative;
}

.headerLeft {
    width: 655px;
    height: 51px;
    background: url("../img/header/header_left.png") top left no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
}

.headerRight {
    width: 90px;
    height: 51px;
    background: url("../img/header/header_right.png") top right no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 30;
}

.headerNav {
    padding: 8px 20px 0px 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 40;
}

.wideContentContainer {
    width: 770px;
    margin: 10px;
    font-size: 0.9em;
}

.contentContainer {
    width: 685px;
    margin: 10px;
    font-size: 0.9em;
}

.mainContainer {
    color: #eeeeee;
    padding: 10px;
}

.mainLink {
    color: #FF9F33;
}

.homeLeft {
    width: 335px;
    float: left;
    padding-left: 4px;
}

.homeRight {
    width: 340px;
    float: right;
}

.home1Top {
    width: 685px;
    height: 40px;
    background: url("../img/box/home_blue_top.gif") top left no-repeat;
}
.home1Top img {
    margin: 17px 0px 0px 17px;
}

.home1Mid {
    width: 650px;
    background: url("../img/box/home_blue_mid.gif") top left repeat-y;
    padding: 5px 21px 5px 17px;
}
.home1Mid div.hr {
    border-bottom: 2px dotted #114477;
    margin: 0px 0px 7px 0px;
}
.home1Mid div.hr hr {
    display: none;
}

.home1Bot {
    width: 685px;
    height: 20px;
    background: url("../img/box/home_blue_bot.gif") bottom left no-repeat;
}

.home2Top {
    width: 335px;
    height: 40px;
    background: url("../img/box/home_orange_top.gif") top left no-repeat;
}
.home2Top img {
    margin: 17px 0px 0px 17px;
}

.home2Mid {
    width: 297px;
    background: url("../img/box/home_orange_mid.gif") top left repeat-y;
    padding: 5px 21px 5px 17px;
}
.home2Mid .viewed {
    font-size: 0.9em;
    color: #993300;
    font-style: italic;
}
.home2Mid div.hr {
    border-bottom: 2px dotted #983200;
    margin: 0px 0px 7px 0px;
}
.home2Mid div.hr hr {
    display: none;
}

.home2Bot {
    width: 335px;
    height: 25px;
    background: url("../img/box/home_orange_bot.gif") bottom left no-repeat;
}

.home3Top {
    width: 340px;
    height: 40px;
    background: url("../img/box/home_green_top.gif") top left no-repeat;
}
.home3Top img {
    margin: 17px 0px 0px 17px;
}

.home3Mid {
    width: 302px;
    background: url("../img/box/home_green_mid.gif") top left repeat-y;
    padding: 5px 21px 5px 17px;
}
.home3Mid div.hr {
    border-bottom: 2px dotted #335511;
    margin: 5px 0px 7px 0px;
}
.home3Mid div.hr hr {
    display: none;
}
.home3Mid .viewed {
    font-size: 0.9em;
    color: #335511;
    font-style: italic;
}
.home3Mid .dellink {
    font-size: 0.8em;
}

.home3Bot {
    width: 340px;
    height: 25px;
    background: url("../img/box/home_green_bot.gif") bottom left no-repeat;
}

.home4Top {
    width: 335px;
    height: 40px;
    background: url("../img/box/home_orange2_top.gif") top left no-repeat;
}
.home4Top img {
    margin: 17px 0px 0px 17px;
}

.home4Mid {
    width: 299px;
    background: url("../img/box/home_orange2_mid.gif") top left repeat-y;
    padding: 5px 21px 5px 17px;
}
.home4Mid div.hr {
    border-bottom: 2px dotted #983200;
    margin: 0px 0px 7px 0px;
}
.home4Mid div.hr hr {
    display: none;
}
.showdefs {
    font-size: 0.8em;
    text-align: right;
}
.deflink {
    font-size: 0.8em;
}
.hiddendef {
    display: none;
}

.home4Bot {
    width: 335px;
    height: 25px;
    background: url("../img/box/home_orange2_bot.gif") bottom left no-repeat;
}

.worklog1Top {
    width: 685px;
    height: 40px;
    background: url("../img/box/worklog_orange_top.gif") top left no-repeat;
}
.worklog1Top img {
    margin: 17px 0px 0px 17px;
}

.worklog1Mid {
    width: 650px;
    background: url("../img/box/worklog_orange_mid.gif") top left repeat-y;
    padding: 5px 21px 5px 17px;
}
.worklog1Mid div.hr {
    border-bottom: 2px dotted #983200;
    margin: 0px 0px 7px 0px;
}
.worklog1Mid div.hr hr {
    display: none;
}

.worklog1Bot {
    width: 685px;
    height: 20px;
    background: url("../img/box/worklog_orange_bot.gif") bottom left no-repeat;
}

.textHeader {
    font-size: 1.05em;
    font-weight: bold;
}

.textWorkLink {
    color: #0000FF;
    font-weight: bold;
    text-decoration: underline;
}

.textSplashBold {
    font-size: 1.1em;
    font-weight: bold;
}

.textSplashLink {
    font-weight: bold;
    color: #0000FF;
    text-decoration: underline;
}

.textLeftHeader {
    font-size: 100%;
    font-weight: bold;
}

.leftBack {
    background: #26568B;
}


.leftContainer {
    font-size: 90%;
    width: 269px;
    padding: 0px 7px 5px 7px;
}

.leftContainer p {
    margin: 0px 0px 0.5em 0px;
}


.leftTop {
    width: 283px;
    height: 20px;
    background: url("../img/box/left_orange_top.gif") top left no-repeat;
}

.leftTopTab {
    width: 283px;
    height: 43px;
}

.leftTopTab a, .leftTopTab input {
    display: block;
    float: left;
    margin-bottom: 5px;
}

.leftLine {
    text-align: center;
    margin: 0px 0px 0.5em 0px;
}

.leftMid {
    margin: 5px;
}

.modeChoice {
    font-size: 100%;
}

.selectionPrompt {
    font-weight: bold;
}

.taskNameReminder {
    font-size: 100%;
}

.taskName {
    background-color: #FFFFFF;
    margin: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.taskTitle {
    font-weight: bold;
}

.goalReminder {
    font-size: 100%;
}

.goal {
    background-color: #FFFFFF;
    margin: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.goalTitle {
    font-weight: bold;
}

.currentURL {
    font-weight: bold;
}

.taskPrompt {
    font-weight: bold;
}

.goalPrompt {
    font-weight: bold;
}

.leftPrompt {
    font-weight: bold;
}

.leftFrameHeading {
    font-weight: bold;
    font-size: 110%;
}

.leftFrameSubHeading {
    font-weight: bold;
}

.leftFrameScrollBlock {
    font-weight: normal;
    width: 95%;
    height: 70px;
    max-width: 95%;
    max-height: 70px;
    overflow: auto;
    /*background-color: #FFFFFF;*/
}

.googleResultsScrollBlock {
    font-weight: normal;
    width: 95%;
    height: 400px;
    max-width: 95%;
    max-height: 400px;
    overflow: auto;
    /*background-color: #FFFFFF;*/
}

.searchResultsLabel {
    font-weight: bold;
    text-align: center;
}

.searchTermsReminder {
}

.searchTermsReminderLabel {
    font-weight: bold;
}

.searchTerms {
    background-color: #FFFFFF;
    margin: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.coachIcons {
    margin: 0.5em 0px;
    text-align: left;
}


.button {
    vertical-align: middle;
}

.strategyDiv {
    background-color: #FFAF1F;
    width: 250px;
    color: #000000;
    border: 2px solid #000000;
    padding: 4px;
    text-align: left;
}


.pseudoTableHeader {
    font-weight: bold;
}

/*
 * Assignment Overview Page
 */

.overviewBoxHeading {
    font-weight: bold;
}

.assignmentTitleImage {
    vertical-align: middle;
}

.assignmentTitle {
    color: #FFFFFF;
    font-size: 110%;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 10px;
}

.assignmentOverviewLeft {
    width: 381px;
    float: left;
}

.assignmentOverviewRight {
    width: 373px;
    float: right;
}

.teacherMessageTop {
    width: 681px;
    height: 40px;
    background: url("../img/activityOverviews/strategyMessage.gif") top left no-repeat;
}

.teacherMessageMid {
    width: 681px;
    background: url("../img/activityOverviews/strategyMessage_mid.gif") top left repeat-y;
    margin-top: -0.2em;
    margin-bottom: -0.3em;
}

.teacherMessageBot {
    width: 681px;
    height: 18px;
    background: url("../img/activityOverviews/strategyMessage_bot.gif") bottom left no-repeat;
}

.backgroundTop {
    width: 381px;
    height: 46px;
    background: url("../img/activityOverviews/backKnowl.gif") top left no-repeat;
}

.backgroundMid {
    width: 381px;
    background: url("../img/activityOverviews/backKnowl_mid.gif") top left repeat-y;
    margin-top: -0.4em;
    margin-bottom: -0.3em;
}

.backgroundBot {
    width: 381px;
    height: 24px;
    background: url("../img/activityOverviews/backKnowl_bot.gif") bottom left no-repeat;
}

.backgroundLinkBlock {
    width: 95%;
    max-width: 95%;
    overflow: hidden;

}

.lfBackgroundLinkBlock {
    width: 95%;
    max-width: 95%;
    overflow:hidden;
}

.vocabTop {
    width: 373px;
    height: 46px;
    background: url("../img/activityOverviews/vocab_header.gif") top left no-repeat;
}

.vocabMid {
    width: 373px;
    background: url("../img/activityOverviews/vocab_mid.gif") top left repeat-y;
    margin-top: -0.4em;
    margin-bottom: -0.3em;
}

.vocabBot {
    width: 373px;
    height: 24px;
    background: url("../img/activityOverviews/vocab_bot.gif") bottom left no-repeat;
}

.fieldheader {
    font-weight: bold;
}

td.worklogRow {
    background-color: #ffffff;
    font-weight: normal;
}

td.worklogEvenRow {
    background-color: #fff5de;
    font-weight: normal;
    vertical-align: top;
}

td.worklogOddRow {
    background-color: #ffffff;
    font-weight: normal;
    vertical-align: top;
}

th.worklogHeader {
    background-color: #FCDC96;
    font-weight: bold;
}

.worklogStudentName {
    color: #ffc549;
    font-size: 110%;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
}

.worklogSelectorLabel {
    padding-left: 10px;
}

.worklogAssignment {
}

.worklogAssignmentTitle {
    font-weight: bold;
    font-size: 90%;
}

.worklogSubAssignmentTitle {
    font-weight: normal;
    font-size: 85%;
}

.worklogGoals {
}

.worklogStrategyResponse {
}

.worklogDate {
    font-size: 85%;
}

.worklogResponse {
    font-size: 85%;
}

.worklogStrategy{
    font-size: 90%;
    font-weight: bold;
}

.worklogRevise {
    text-align: center;
    vertical-align: middle;
}

.worklogReferenceUri {
}

.worklogWhereAreYou {
    font-size: 90%;
}

.worklogControl {
    color: white;
    font-weight: bold;
    border-style: none none dotted none;
}

.savebutton {
    text-align: right;
}

.confirmation {
    font-weight: bold;
    color: #26568B;
}

.confirmation input {
    float: right;
}

.textwhite {
    color: #FFFFFF;
}

.activities {
    padding: 0px;
    margin: 0px;
}
.activities li {
    list-style: url("../img/misc/dot_red.png");
    margin-left: 20px;
}

.mywork {
    padding: 0px;
    margin: 0px;
}
.mywork li {
    list-style: url("../img/misc/dot_green.png");
    margin-left: 20px;
}

.activitybox {
    background: #ACCDF2;
    padding: 5px;
}
.activitybox ul {
    padding: 0px;
    margin: 5px 0px 5px 0px;
    list-style: disc;
}
.activitybox ul li {
    padding: 0px;
    margin-left: 20px;
    list-style: disc;
}


.clearboth {
    clear: both;
}

/*=============================================*/
/* Worklog/Review Items */

.worklogcontrols {
  margin: 1em;
  background: #FF9F33;
  color: #000000;
}

.printSelect {
    display: none;
}

.buttonitem {
    margin: 5px;
    float: left;
    text-align: left;
}

.selectcol {
    margin: 5px;
    float: left;
    width: 165px;
}

.selectcol select {
    width: 160px;
    background: #FFFFFF;
    color: #000000;
}

.selectorlabel, .mainLabel {
    color: #FFFFFF;
    font-weight: bold;
}

/* ---- Option Box ---- */
.optionbox {
    float: left;
    width: 160px;
    height: 6.5em;
    overflow: auto;
    border: 1px solid #000000;
    background: #FFFFFF;
    font-size: 0.8em;
}
* html .optionbox {
    height: 6.75em;
}
.optionbox input {
    vertical-align: middle;
}
.optionbox label {
    float: none;
    vertical-align: middle;
    margin: 0px;
}

.wltable {
    margin: 1em;
    border-collapse: collapse;
    color: #000000;
    font-size: 0.9em;
}
.wltable th {
    background: #74ACDC;
    font-weight: bold;
    padding: 2px 3px;
    border: 1px solid #AED2F2;
    border-top: 0;
    border-bottom: 0;
    vertical-align: bottom;
    text-align: left;
}
.wltable .thleft {
    background: #74ACDC url("../img/box/table_blue_tl.gif") top left no-repeat;
    padding: 2px 3px 2px 5px;
    border-left: 0px;
}
.wltable .thright {
    background: #74ACDC url("../img/box/table_blue_tr.gif") top right no-repeat;
    padding: 2px 5px 2px 3px;
    border-right: 0px;
}

.wltable th.thSortUp, .wltable th.thSortDown {
    border-bottom: 3px solid black;
}

.wltable td {
    border: 1px solid #8FBCE5;
    padding: 3px;
    vertical-align: top;
    text-align: left;
}
.wltable tr.odd td {
    background: #FFFFFF;
}
.wltable tr.even td {
    background: #E1EBFF;
}

.wltable .spacer td {
    font-size: 0px;
    height: 5px;
    border-left: 0px;
    border-right: 0px;
    padding: 0px;
}


/* Account Sign Up - Forgot Password Form */
.accountContainer {
    width: 600px;
    margin: 1em auto;
    font-size: 0.9em;
}

.accountContainer h2 {
    font-size: 1.3em;
    font-weight: bold;
    color: #FFB635;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 0.5em 0px;
}

.accountContainer p {
    color: #FFB635;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 1em 0px;
}

.accountContainer ol, .formbox ul {
    margin: 0px;
    padding: 0px;
}
.accountContainer ol:after, .accountContainer ul:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.accountContainer li {
    clear: both;
    list-style: none;
    padding: 0.1em;
    margin: 0px;
    font-size: 0.9em;
}
.accountContainer li.break {
    padding-top: 1.0em;
}
* html .accountContainer li.break {
    padding-top: 0.5em;
}

.accountContainer .fname {
    color: #FFFFFF;
    float: left;
    display: block;
    width: 30%;
    text-align: right;
    font-weight: bold;
    padding-top: 0.1em;
}
.accountContainer .finpt {
    float: right;
    width: 69%;
    display: block;
    text-align: left;
}
.accountContainer input {
    text-align: left;
    vertical-align: middle;
}
.accountContainer .fnote {
    font-size: 0.9em;
    font-style: italic;
    color: #FFFFFF;
    float: right;
    width: 69%;
    display: block;
    text-align: left;
}
.accountContainer .disabled {
    color: #888888;
    padding-top: 2px;
    padding-bottom: 4px;
}
* html .accountContainer .disabled { padding-top: 1px; }

.accountContainer .buttons {
    float: right;
    width: 69%;
    display: block;
    text-align: left;
}
.accountContainer .buttons img {
    margin: 0px 5px;
    vertical-align: middle;
}

.warningbox {
  margin: 5% 25% 0% 25%;            
  background: #74ACDC;
  border: 1px solid black;
  padding: 1em;
  text-align: center;
  font-size: 100%;
}