body
{
background-color:#00539b;
}


#header
{
height:120px;
}

#panel_logo
{
margin-left:25px;
margin-top:31px;
}


#navigation
{
float:left;
margin-left:25px;
}

#navigation ul
{
width:auto;
margin-top:30px;
}

#navigation ul li a
{
font-size:16px;
padding:12px 14px 8px 14px;
}

#topRightNavigation
{
color:#ffffff;
font-size:11px;
font-weight:bold;
margin-right:25px;
float:right;
height:40px;
}

#topRightNavigation a,#footer a
{
color:#a4ccf3;
}

#topRightNavigation .divider, #footer .divider
{
color:#6142ff;
float:left;
margin:0px 4px;
}

#footer
{
float:left;
}

#footer
{
height:80px;
background-image:none;
}

.tabHeader
{
position:relative;
}

ul.tabHeaders2>li
{
color:#ffffff;
background-color:transparent;
padding:15px 20px 0px 20px;
border:0px;
margin:0px;
}



ul.tabHeaders2>li:hover
{
color:#ddddee;
}

ul.tabHeaders2>li.active
{
color:#ffffff;
background-color:#fa79d1;
border:0px;
}

ul.tabHeaders2>li.active:hover
{
color:#ffffff;
}

.tab
{
border:0px;
padding:0px;
top:0px;
}

.arrow-down
{
position:relative;
bottom:-15px;
display:none;
z-index:10;
margin:0px auto;
height:15px;
}

.arrow-up
{
position:relative;
top:-15px;
display:block;
z-index:10;
margin:0px auto;
height:15px;
}


.tooltip-down .tooltipContent
{

}

.tooltip-up .tooltipContent
{
margin-top:-15px;
}

ul.tabHeaders2>li.active .arrow-down
{
display:block;
}

#content
{
background-color:transparent;
padding:20px 0px;
}

ul.spaced li:first-child
{
margin-top:0px;
}

h2,h3
{
font-size:30px;
font-weight:bold;
text-transform:none;
letter-spacing:0px;
}

h3
{
font-size:18px;
}

.light-orange
{
color:#ffcc88 !important;
}
.turquoise
{
color:#54f7fe !important;
}

.contentBox-grape
{
color:#ffffff;
background-color:#6142ff;
margin-top:10px;
}

.contentBox-grape a
{
color:#ffa100;
}

.contentBox-grape strong
{
color:#c792f4;
}

.contentBox-white
{
background-color:#ffffff;
margin-top:10px;
}

.contentBox-white h2
{
color:#b300d5;
text-transform:none;
}

.contentBox-grey
{
background-color:#a6b0c3;
margin-top:10px;
}

.contentBox-grey h3
{
text-transform:none;
}

.contentBox-grey a.grape
{
color:#ad52cd;
}


.contentBox-sky
{
color:#ffffff;
background-color:#54a7ee;
margin-top:10px;
}


ul.spaced-half li
{
margin-bottom:10px;
}

ul.spaced-half li:last-child
{
margin-bottom:0px;
}

.toggle
{
width:31px;
height:18px;
background-image:url('../../_images/_structure/toggle_none.png');
background-repeat:no-repeat;
margin:0px 4px;
}
.toggle.toggle-left
{
background-image:url('../../_images/_structure/toggle_left.png');
cursor:pointer;
}
.toggle.toggle-right
{
background-image:url('../../_images/_structure/toggle_right.png');
cursor:pointer;
}
.toggle.toggle-none
{
background-image:url('../../_images/_structure/toggle_none.png');
cursor:default;
}



#list_assignments li:first-child
{
margin-top:0px;
}

#list_assignments li.articleset.unassignable .assignmentCheckbox
{
    display:none;
}

#list_assignments li.articleset.unassignable .articlesetSummary
{
    margin-left: 0px;
}


.uppercase {text-transform:uppercase;}
.aqua {color:#c4fdff !important;}



.articleset
{
background-color:#ffffff;
margin-bottom:10px;
padding:20px;
}

.contentBox-sky .articleset
{
color:#444455;
}

.articleset.instructor-assignment-report,.articleset.student-assignment-dashboard,.articleset.student-assignment,.articleset.with-cover,.articleset.student-assignment-score
{
padding:0px;
}

.articleset.assigned .printIcon
{
display:block;
}

.articlesetSummary
{
font-size:14px;
line-height:24px;
color:#7d7d7d;
border:3px solid #f4f4f5;
border-radius:3px;
padding:15px 15px;
margin-left:70px;
/*
background-image:url('../../_images/_structure/white-to-light-blue-gradient_vertical.jpg');
background-repeat:repeat-x;
background-color:#ffffff;
background-position:bottom;
*/
}

.student-assignment-dashboard .articlesetSummary,.student-assignment .articlesetSummary
{
margin-left:0px;
background-color:#ffffff;
}

.courseArticleset td
{
color:#cccccc;
font-weight:bold;
font-size:14px;
background-image:url('../../_images/_structure/background_row.jpg');
background-color:#a5a5fe;
background-repeat:repeat-x;
background-position:top;
padding-top:10px;
padding-bottom:4px;
}

.courseArticleset.assigned td
{
color:#ffffff;
}


.courseArticleset td strong
{
color:#ffffff;
}


.courseArticleset .courseAssignmentCheckbox, .student .studentMatch .studentMatchCheckbox, .list_instructorUnits li .checkboxElement
{
    width:25px;
    height:27px;
    cursor:pointer;
    background-image:url('../../_images/_structure/checkbox_unchecked.png');
}


.courseArticleset.assigned .courseAssignmentCheckbox, .student .studentMatch.assigned .studentMatchCheckbox, .list_instructorUnits li.active .checkboxElement
{
    background-image:url('../../_images/_structure/checkbox_green.png');
}

.courseArticleset .dull
{
color:#cccccc;
}

.button_freeResponse
{
cursor:pointer;
color:#cccccc;
}

.dueDateDisplay,.dueDateHidden,.datepicker_dueDate
{
text-align:right;
text-transform:lowercase;
}

.datepicker_dueDate
{
color:#ffffff;
font-size:14px;
font-weight:bold;
width:200px;
background:transparent;
}

.courseArticleset .dueDateDisplay { display:none; }
.courseArticleset .dueDateHidden { display:block; }
.courseArticleset.assigned .dueDateDisplay { display:block; }
.courseArticleset.assigned .dueDateHidden { display:none; }

.courseArticleset.assigned.freeResponse .button_freeResponse
{
color:#ffffff;
}

#unit_list ul, .standard-list ul
{
float:left;
margin-right:50px;
}



#unit_list ul li, .standard-list ul li
{
font-size:14px;
font-weight:bold;
color:#ffffff;
margin-bottom:10px;
cursor:pointer;
}

#unit_list ul li.active, .standard-list ul li.active
{
color:#aaccff;
}

#unit_list ul li:last-child, .standard-list ul li:last-child
{
margin-bottom:0px;
}

#panel_noAssignments,.panel_loading,.panel_coming-soon,.panel_invalid-search
{
background-color:#ffffff;
margin-bottom:10px;
}

.icon_freeResponse,.icon_curriculum,.icon_interest
{
margin-right:2px;
float:right;
display:none;
}

.courseArticleset.assigned .icon_curriculum
{
display:block;
}

.courseArticleset.assigned.optionalReading .icon_interest
{
display:block;
}

.courseArticleset.assigned.optionalReading .icon_curriculum
{
display:none;
}

.courseArticleset.assigned.freeResponse .icon_freeResponse
{
display:block;
}

.instructor-assignment-report,.student-assignment-dashboard,.student-assignment
{

background-color:transparent;
}

.instructor-assignment-report strong,.student-assignment-dashboard strong,.student-assignment strong
{
color:#0055ff;
}

.instructor-assignment-report .mainContainer,.student-assignment-dashboard .mainContainer,.student-assignment .mainContainer
{
background-color:#ffffff;
width:710px;
}

.instructor-assignment-report .verticalBar .count
{
color:#ffffff;
}

.instructor-assignment-report .completionBar 
{
width:836px;
}

.instructor-assignment-report .completionBar .stats
{
width:820px;
}



.student-assignment-score .score
{
border-left:0px;
width:120px;
height:116px;
background-color:#0088ff;
color:#77c0ff;
text-transform:uppercase;
float:right;
text-align:center;
font-weight:bold;
font-size:12px;
}

.student-assignment-score .mainContainer
{
background-image: url('../../_images/_structure/white-to-blue-gradient.jpg');
background-repeat: repeat-y;
background-position: right center;
border:3px solid #f0f1f1;
border-right:0px;
}

.student-assignment-score .score 
{
border:3px solid #f0f1f1;
border-left:0px;
}

table.dataTable tr td
{
background-color:#ffffff;
}

table.dataTable.classRoster tr:hover td
{
    background-color: #eeeeff;
}


table.dataTable.grape tr th
{
font-size:12px;
padding:8px 0px;
}

table.dataTable.grape tr td
{
color:#ffffff;
background-color:#7142ff;
padding:14px 0px 6px 0px;
font-size:13px;
}


table.dataTable.grape tr td a,table.dataTable.grape tr td strong
{
color:#ffa100;
}


table.dataTable.grape tr:hover td
{
color:#ffffff;
background-color:#6600cc;
cursor:pointer;
}

table.dataTable.grape tr:hover td a,table.dataTable.grape tr:hover td strong
{
color:#ffcc88;
}


/*
button
{
background-image:none;
}
*/

/*
button,div.button,.contentBox2 button
{
color:#ffffff;
background-color:#0055ff;
background-image:none;
font-size:12px;
border-color:#ccccee;
border-width:0px 0px 1px 1px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:8px 12px;
display:inline;
letter-spacing:0px;
}
*/


button.button2,div.button2
{
color:#ffffff;
background-color:#00aaff;
background-image:none;
font-size:12px;
border-color:#ccccee;
border-width:0px 0px 1px 1px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:8px 12px;
display:inline;
}


button.button3,a.button3,div.button3
{
color:#ffffff;
background-color:#ff8800;
background-image:none;
font-size:12px;
letter-spacing:0px;
border-color:#ccccee;
border-width:0px 0px 1px 1px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:8px 12px;
display:inline;
clear:both;
}

a.button3
{
display:inline-block;
text-align:center;
margin:0px 0px 4px 2px;
}


button.dull
{
color:#eeeeee;
background-color:#999999;
background-image:none;
font-size:12px;
border-color:#ccccee;
border-width:0px 0px 1px 1px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:8px 12px;
}

.magenta { color:#ff00ff !important; }

.panel_freeresponses, .panel_annotationgrade
{
display:none;
}

.no-copy-area
{

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


@media print {
#navigation ul li a.active {color:#0055ff;}

ul.tabHeaders2 li.active {color:#0055ff;}
ul.tabHeaders2>li.active .arrow-down {display:none;}

table.dataTable.grape tr th {color:#0055ff;}
table.dataTable.grape tr td {color:#222233;}
table.dataTable.grape tr:hover td {color:#222233;}
table.dataTable.grape tr td a {color:#ff5500;}
table.dataTable.grape tr:hover td a {color:#ff5500;}
table.dataTable.grape tr td .white {color:#222233 !important;}

.instructor-assignment-report .averageScore .h2 {color:#0055ff;}
.white {color:#222233 !important;}

}

ol.numbered li
{
font-size:14px;
font-weight:bold;
color:#ff0088;
}

ol.numbered li div
{
font-size:12px;
font-weight:normal;
color:#222233;
}

ol.numbered li div.bold
{
font-weight:bold;
}

#list_instructors .instructor .sortColumn
{
color:#ff00ff;
font-weight:bold;
font-size:14px;
}

.question ul li
{
list-style-type:none;
}


#panel_social-media
{
left:50px;
top:16px;
z-index:9999;
}

#panel_social-media a
{
display:block;
float:left;
margin-right:6px;
}

#panel_social-media a img
{
/*
width:35px;
height:75%;
*/
}


#panel_social-media.fixed
{
left:10px;
top:15px;
}

#panel_social-media.fixed a
{
clear:none;
float:left;
margin-right:4px;
}

.panel_questiongroups {margin-bottom:40px;}
ul.list_questiongroups li {margin:0px 0px 10px 0px; width:280px; float:left; }
ul.list_questiongroups li:nth-child(odd) {margin-right:10px;}
/*
.panel_questiongroups .questiongroup.reteach { display:block; }
.panel_questiongroups .questiongroup.noReteach { display:none; }
.panel_questiongroups .toggleButtons a { color:#cccccc; }
.panel_questiongroups .toggleButtons a.active { color:#ffffff; }
*/
.panel_questiongroups .percentage
{
color:#ffffff;
float:left;
padding-top:15px;
padding-bottom:16px;
text-align:center;
font-size:18px;
width:60px;
font-weight:bold;
}
.panel_questiongroups .percentage.bg-red { background-color:#ff5c5c; }
.panel_questiongroups .percentage.bg-yellow { background-color:#ecef2c; }
.panel_questiongroups .percentage.bg-green { background-color:#00d73c; }
.panel_questiongroups .labelCell { font-weight:bold; color:#ffffff; width:25px; padding-top:0px;  font-size:18px; }
.panel_questiongroups .fieldCell { width:600px; font-size:18px; }
/*
.panel_questiongroups .correctness-bar { height:30px; float:left; }
.panel_questiongroups .correctness-bar.bg-red { background-color:#ff5c5c; }
.panel_questiongroups .correctness-bar.bg-green { background-color:#00d73c; }
*/

#panel_google-login
{
display:none;
}
#button_google-login
{
cursor:pointer;
}



/* rosters 2.0 w/ suggestions*/

#list_suggestions .student
{
    margin-bottom: 1px;
}

#list_suggestions .multipleMatchHeader
{
    display: inline-block;
    margin-left: 30px;
    margin-top: 10px;
    background-color: #aaaabb;
    color: #ffffff;
    border-radius: 4px 4px 0px 0px;
    padding: 4px 8px;
    min-width: 120px;
}

#list_suggestions .multipleMatchHeader .directions
{
    color: #ccddff;
    letter-spacing: 0.5px;
    font-size: 11px;
    margin-right: 6px;
}

#list_suggestions .multipleMatchHeader .dataRow
{
    font-family:courier, serif;
}

#list_suggestions .student .studentMatch
{
    background-color: #ddddff;
    padding: 4px 2px;
    margin-bottom: 1px;
}

#list_suggestions .student:nth-child(even) .studentMatch
{
    background-color:#eeeeff
}

#list_suggestions .student .studentMatch div.float
{
    line-height: 27px;
}

#list_suggestions .student .studentMatch .studentMatchCheckbox
{
    padding-top: 0px;
    background-repeat:no-repeat;
    padding-right:10px;

}

#list_suggestions .student .studentMatch .studentDataRow
{
    opacity: 0.25;
    font-family: courier, serif;
    overflow: hidden;
    width:180px;
}

#list_suggestions .student .studentMatch.assigned .studentDataRow
{
    opacity: 1;
}

textarea.newStudentData
{
    border: 0px;
    min-height: 150px;
    min-width: 400px;
    line-height: 22px;
    font-family: courier, serif;
    margin-bottom: 40px;
    background-color: #eeeeff;
    padding: 10px 20px;
}

.standardTags
{
    margin: 15px 30px 10px 70px;
}

.standardTags ul li
{
    background-color: #02a4fc;
    padding:4px 8px;
    text-align:center;
    color: #ffffff;
    cursor: default;
    float: left;
    border-radius:12px;
    font-weight: bold;
    margin-right: 10px;
}

.standardTags ul li.background-info
{
    background-color: #89d4fd;
}

.tab_standards .standard h4.tabHeader
{
    color: #aaaaaa;
    cursor: pointer;
}

.tab_standards .standard h4.tabHeader.active
{
    color:#ffffff;
}

.articleset-group-header h1
{
    margin-bottom:0px;
}

.articleset-group-header.fixed
{
    position: fixed;
    top: 0px;
    width:984px;
    z-index:99;
    margin-top:0px;
    background: #707783;
    opacity: 0.7;
}

.articleset-group-header.fixed .innerContent
{
    padding:5px 20px 5px 20px;
}

.articleset-group-header.fixed .fixed-hide
{
    display:none;
}


.standard-header h3
{
    line-height:24px;
    margin-bottom:0px;
}

.standard-header p
{
    font-size: 14px;
    margin-bottom: 4px;
}

.button_previous-unit, .button_next-unit, .button_previous-standard, .button_next-standard
{
    font-size:14px;
}

.button_next-unit,.button_next-standard,.button_next-unit:active,.button_next-standard:active
{
    margin-right:10px;
}

/* student report */



.answersheetHistory .readinglevelName,.answersheetHistory .dateTaken,.answersheetHistory .score,.answersheetHistory .tryNumber
{
    float:left;
    color:#888899;
    line-height:25px;
    margin-right:10px;
}

.answersheetHistory .tryNumber
{
    width:40px;
}

.answersheetHistory .tryNumber a
{
    color:#eeeeee;
}

.answersheetHistory .readinglevelName
{
    width:100px;
}

.answersheetHistory .dateTaken
{
    width:180px;
}

.answersheetHistory .dateTaken a
{
    color:#eeeeee;
    font-weight:normal;
}

.answersheetHistory .score
{
    height:25px;
    width:42px;
    background-color:#ccccdd;
    color:#888888;
    border:1px solid #999999;
    font-weight:bold;
    text-align:center;
}

.answersheetHistory .score.activeScore
{
    background-color:#0088ff;
    color:#ffffff;
}


.questiongroupAnswerGrid .answer
{
    width:25px;
    height:25px;
    float:left;
    border:1px solid #999999;
    line-height:25px;
    text-align:center;
    font-weight:bold;
    color:#888899;
}

.questiongroupAnswerGrid .answer.correct
{
    background-color:#00ff48;
}

.questiongroupAnswerGrid .answer.incorrect
{
    background-color:#ff8899;
}

.questiongroupAnswerGrid .answer.unanswered
{
    background-color:#cccccc;
}

.conqueredVocabularyWords .vocabularyWord
{
    cursor: default;
}

.conqueredVocabularyWords .vocabularyWord.conquered strong {
    color: #79f69c;
}

.conqueredVocabularyWords .vocabularyWord.partConquered strong {
    color: #55aacc;
}
.conqueredVocabularyWords .vocabularyWord.notConquered strong
{
    color: #ff8899;
}

.questiongroupAnswerGrid .answer.highlight, .questiongroupAnswerGridKey .questionText.highlight
{
    color: #ffa100;
}

.vocabSummary ul li
{
    color: #dddddd;
}

.vocabSummary ul li strong
{
    color: #ffffff !important;
    line-height: 18px;
}

svg g text.nv-legend-text
{
    fill: #333388;
}

svg g.nv-axis text
{
    fill: #555555;
}

svg g g.nv-axis text.nv-axislabel
{
    font-weight:bold;
    fill: #0088ff;
}

.nvtooltip {
    color: #ffffff;
    background: rgba(97,66,255, 0.9);
    border: 0px;
    border-radius: 0px;
}

.nvtooltip h3 {
    color: #ffffff;
}


svg g .nv-controlsWrap .nvd3.nv-legend circle.nv-legend-symbol {
    fill: #4444bb !important;
    stroke: #4444bb !important;
}



.list_instructorUnits li
{
    font-size:13px;
    line-height:28px;
    cursor:pointer;
    color:#555566;
    font-weight:bold;
}

.list_instructorUnits li.active
{
    color:#8800ff;
}