.border
{
border-color:#ddddff;
}

h1
{
color:#0088ff;
font-size:28px;
}

h4,.h4
{
color:#555588;
}

::-webkit-input-placeholder { color:#bbbbdd; font-weight:normal; }
:-moz-placeholder { color:#bbbbdd; font-weight:normal; } /* Firefox 18- */
::-moz-placeholder { color:#bbbbdd; font-weight:normal; } /* Firefox 19+ */
:-ms-input-placeholder { color:#bbbbdd; font-weight:normal;}

#navigation
{
background:transparent;
margin:0px;
padding:20px 0px 5px 0px;
}

#navigation ul li
{
margin:0px;
}

#navigation ul li a
{
color:#ffffff;
font-size:22px;
padding:20px 15px 10px 15px;
}

#navigation ul li a.active
{
color:#ffffff;
background-color:#0088ff;
}

#navigation ul li a:hover
{
color:#ccccdd;
}

#navigation ul li a.active:hover
{
color:#ffffff;
}



#content
{
padding:20px 40px;
}

.accordionHeader,.courseHeader
{
margin-top:20px;
}

.accordionHeader h2,.courseHeader h2
{
/*
color:#bbbbcc;
float:left;
margin-right:6px;
float:left;
*/
}

.accordionHeader h2
{
float:left;
margin-right:6px;
color:#bbbbcc;
}


.accordionHeader:hover h2,.courseHeader:hover h2
{
/* color:#ffffff; */
}

.accordionHeader.ui-state-active,.courseHeader.ui-state-active
{
cursor:default;
}

.accordionHeader.ui-state-active h2,.courseHeader.ui-state-active h2
{
color:#444444;
}

.accordionHeader img
{
display:none;
}

.accordionHeader.ui-state-active img,.courseHeader.ui-state-active img
{
display:block;
}

.accordionHeader button,.courseHeader button
{

}
.accordionHeader button
{
display:none;
float:left;
padding:6px 8px;
}

.accordionHeader.ui-state-active button,.courseHeader.ui-state-active button

{
display:block;
}

.unitPanel,.coursePanel  
{
clear:both;
}



.subjectList li
{
clear:both;
}

table.classRoster tr td
{
clear:both;
padding-bottom:20px;
}

.subjectList li h3,table.classRoster tr td h3
{
margin-right:8px;
}





.articleList
{
clear:both;
}

.articleList li
{
margin-bottom:0px;
padding-bottom:4px;
}

.articleBody
{
font-family:arial !important;
font-size:16px;
line-height:32px;
}

.articleBody p
{
font-family:arial !important;
line-height:32px !important;
}

.articleBody b,.articleBody strong
{
color:#0000aa;
}


.articleBody .articleImage
{
margin:40px auto;
}

.articleBody .articleImage img
{
border:2px solid #cccccc;
}

.articleBody ul
{
margin-left:30px;
}

.articleBody ul li
{
margin:0px 0px 5px 5px;
text-indent:0px;
list-style-type:disc;
background-repeat: no-repeat;
padding-left:5px;
line-height:32px !important;
}

.articleBody .articleImage .caption
{
margin-top:5px;
font-weight:bold;
color:#555555;
}

.articleBody .articleImage .source
{
margin-top:5px;
font-size:11px;
font-style:italic;
color:#555555;
}


.question
{
margin-bottom:20px;
}

.answerList
{
margin-top:8px;
}

.answerList li
{
margin-bottom:4px;
}

.answerList input
{
margin-top:8px;
}

.answerList label
{
text-align:left;
width:450px;
}

.answer
{
display:inline;
}

.correctAnswer
{
font-weight:bold;
color:#0088ff;
}



.listHeader
{
padding:8px 10px;
background-color:#ffffff;
float:left;
}

.listHeader div h3
{
font-size:24px;
font-weight:normal;
}

.listPanel
{
background-color:#eeeeff;
border:1px solid #cccccc;
display:none;
position:relative;
top:-1px;
clear:both;
margin-bottom:20px;
}


body
{
background-image:url('../../_images/_structure/background.jpg');
background-repeat:repeat-x;
background-color:#4aa3fd;
background-attachment:scroll;
}


#div_login
{
position:absolute;
top:-220px;
left:0px;
width:100%;
background-color:#ffffff;
height:220px;
z-index:1000;
-webkit-box-shadow: #666666 0px 5px 25px;
-moz-box-shadow: #666666 0px 5px 25px;
}

#div_login .fieldName
{
color:#ffffff;
}

#div_login h4
{
color:#ffffff;
}


input.text
{
padding:4px 8px;
border-radius:10px;
color:#e52ec5;
font-size:11px;
font-weight:bold;
text-align:right;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#field_searchterms
{
padding:12px 10px;
border-radius:6px 0px 0px 6px;
}

#div_login a
{
color:#ffca65;
font-size:16px;
}

#div_login a:hover
{
color:#ccccff;
}

#topRightNavigation a
{
color:#ffaa00;
}

#topRightNavigation a:hover
{
color:#ccccff;
}


#button_login
{
position:relative;
width:984px;
margin:0px auto;
z-index:1001;
top:-200px;
}

#button_login img
{
cursor:pointer;
float:right;
margin-right:60px;
margin-top:200px;
}




button_DEPREC
{
font-size:13px;
letter-spacing:-1px;
font-weight:bold;
color:#e52ec5;
background-color:#f2f6f7;
border-radius:4px;
border-color:#9cafb2;
padding:5px 8px;
color:#126e95;
text-align:center;
background-repeat:repeat-x;
background-position:bottom center;
background-image:url(../../_images/_structure/buttonBGr.jpg);
}

button
{
font-size:13px;
letter-spacing:-1px;
font-weight:bold;
color:#e52ec5;
background-color:#ffffff;
border-radius:4px;
border-color:#cccccc;
padding:12px 12px;
color:#888899;
text-align:center;
background-repeat:repeat-x;
background-position:bottom center;
background-image:url(../../_images/_structure/buttonBGr.jpg);
}

button:hover
{
color:#0088ff;
}

button.invert
{
color:#ffffff;
background-color:#d2d2d2;
background-image:url(../../_images/_structure/buttonInvertBGr.jpg);
border:inset;
padding:8px 12px 12px 12px;
}

button.button2
{
color:#ffffff;
background-color:#fc84aa;
letter-spacing:0px;
background-repeat:repeat-x;
background-position:bottom center;
}




h2
{
font-family:arial,sans-serif;
font-size:26px;
font-weight:bold;
color:#b300d5;
letter-spacing:-1px;
}

h3,.h3
{
font-size:18px;
line-height:30px;
font-family:arial,sans-serif;
font-weight:normal;
letter-spacing:-1px;
}

.altH
{
color:#1b61b8;
}		


#content
{
margin-bottom:0px;
}

#footer
{
margin:0px;
}






ul.bulleted li
{
color:#f9902a;
}


ul.bulleted li p
{
color:#222233;
margin:0px;
}

.contentBox2 ul.bulleted li p
{
color:#ffffff;
}

/* stork */

select
{
font-size:11px;
background-color:#555599;
color:#ffffff;
font-weight:bold;
padding:6px 4px;
margin:2px 0px 0px 0px;
border:0px;
}

ul.tabHeaders
{
position:relative;
z-index:10;
height:34px;
overflow:hidden;
}

ul.tabHeaders li
{
top:6px;
float:left;
border:solid #aaaaaa;
border-width:1px 1px 0px 1px;
padding:8px 20px 20px 20px;
margin-right:8px;
background-color:#dddddd;
color:#ffffff;
font-size:14px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
cursor:pointer;
font-weight:bold;
}

ul.tabHeaders li.active
{
color:#333344;
background-color:#ffffff;
margin-top:-0px;
}

ul.tabHeaders2
{
position:relative;
z-index:10;
overflow:display;
}

ul.tabHeaders2 li
{
float:left;
border:solid #aaaaaa;
border-width:0px;
padding:8px 0px 4px 0px;
margin-right:24px;
color:#ccccdd;
font-size:18px;
font-weight:bold;
cursor:pointer;
border-bottom:8px solid #ffffff;
}

ul.tabHeaders2 li.active
{
color:#ff00ff;
background-color:#ffffff;
margin-top:0px;
border-bottom:8px solid #222266;
}

ul.tabHeaders2 li:hover
{
color:#aa00aa;
}

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

.tab 
{
position:relative;
top:-1px;
display:none;
padding-top:20px;
border-top:1px solid #dddddd;
}

.tab2
{
position:relative;
display:none;
padding-top:20px;
border-top:0px solid #dddddd;
}





.articleset
{
margin-bottom:50px;
}

.articleset .menu_options
{
position:absolute;
top:25px;
left:-90px;
z-index:10;
background-color:#555599;
display:none;
}
.articleset .menu_options li
{
color:#ffffff;
font-weight:bold;
padding:4px 6px;
cursor:pointer;
}

.articleset .menu_options li:hover
{
background-color:#3399ff;
}


.vocabularyWords
{
color:#0055ff;
}

.articlesetSummary
{
line-height:22px;
margin-top:20px;
}

.preview-buttons
{
margin-top:15px;
color:#222233;
}

.articlesetSummary .preview-buttons a
{
color:#51a8ff;
}


.articleset.assigned .articlesetSummary
{
display:none;
}


#ul_articlesets .table_courseAssignments
{
display:none;
}



.table_courseAssignments
{
/*background-color:#31434c;*/
margin-top:20px;
width:675px;
display:none;
}

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

table.dataTable tr th,.table_courseAssignments th
{
color:#ffffff;
background-color:#aaaaff;
padding:4px 0px;
}



table.dataTable tr td,.table_courseAssignments td
{
color:#444444;
/* background-color:#31434c; */
background-color:#ddeaff;
padding-top:6px;
padding-bottom:4px;
}

table.dataTable tr td strong,.table_courseAssignments td strong
{
color:#0055ff;
}

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

table.dataTable tr td button
{
margin-top:0px;
padding:4px 8px;
font-size:11px;
}


.table_courseAssignments .unassigned-to-course td,.table_courseAssignments .unassigned-to-course td strong
{
color:#888899;
}

.table_courseAssignments .unassigned-to-course td a
{
display:none;
}

.articleset .assignmentCheckbox
{
width:58px;
height:70px;
cursor:pointer;
background-image:url('../../_images/_structure/checkbox-large_unchecked.png');
}

.articleset .assignmentCheckbox:hover
{
    background-image:url('../../_images/_structure/checkbox-large_grey.png');
}

.articleset.assigned .assignmentCheckbox
{
background-image:url('../../_images/_structure/checkbox-large_green.png');
}

.datepicker_dueDate
{
display:none;
z-index:20;
background-color:#ddeaff;
font-size:11px;
color:#222222;
border:0px;
outline:none;
padding:0px;
}

.unitTitle,#list_assignments .articleset .unitTitle,#list_search-results .articleset .unitTitle
{
font-style:italic;
color:#aaaabb;
visibility:visible;
}

.list_unit .articleset .unitTitle 
{
visibility:hidden;
}

.assignmentsUnitHeader
{
display:none;
}

.assignmentsUnitHeader>h2
{
color:#ccccdd;
margin:0px 0px 20px 20px;
}


.articleBody .articleImageLeft
{
float:left;
margin:40px 40px 40px 0px;
}

.articleBody .articleImageRight
{
float:right;
margin:40px 0px 40px 40px;
}

.articleBody .articleImage .caption
{
font-size:14px;
font-weight:normal;
line-height:22px;
}

.showDiagnostic
{
display:none;
}

.hideDiagnostic
{
display:block;
}


.interestTitle,.requiredTitle
{
cursor:pointer;
}

#tooltip_required-article,#tooltip_interest-article
{
width:270px;
background-color:#ffffff;
z-index:1000;
position:absolute;
border:1px solid #cccccc;
display:none;
-webkit-box-shadow: #666666 0px 5px 25px;
-moz-box-shadow: #666666 0px 5px 25px;
}

.printIcon
{
display:none;
}

.instructorApp.active
{
background-color:#cceeff;
}

.dull
{
color:#666666;
}



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

.instructor-assignment-report .mainContainer h2
{
font-size:22px;
}

.instructor-assignment-report .averageScore, .student-report .averageScore, .instructor-course-report .averageScore
{
border:3px solid #f0f1f1;
border-left:0px;
width:120px;
height:116px;
background-color:#0088ff;
color:#77c0ff;
text-transform:uppercase;
float:left;
text-align:center;
font-weight:bold;
font-size:12px;
}

.student-report .averageScore
{
border-left:3px solid #f0f1f1;
margin-right:20px;
}

.instructor-assignment-report .averageScore .h2,.student-assignment-score .score .h2, .student-report .averageScore .h2
{
font-size:48px;
color:#ffffff;
margin-top:20px;
}

.instructor-assignment-report .completionBar
{
background-color:#dfdfdf;
height:24px;
width:803px;
}

.instructor-assignment-report .completionBar .progress
{
background-color:#79f69c;
height:24px;
cursor:pointer;
}

.instructor-assignment-report .completionBar:hover
{
background-color:#d0d0d0;
}

.instructor-assignment-report .completionBar:hover .progress
{
background-color:#40ff76;
}

.instructor-assignment-report .completionBar .stats
{
text-align:right;
width:795px;
margin-top:4px;
position:absolute;
font-weight:bold;
color:#ff00ff;
}

.instructor-assignment-report .verticalBar
{
width:20px;
height:105px;
float:left;
margin-right:10px;
}

.aced {background-color:#00d73c;}
.passed {background-color:#e9ff30;}
.notPassed {background-color:#ff5c5c;}

.instructor-assignment-report .verticalBar .aced
{
background-color:#00ff48;
width:20px;
cursor:pointer;
}

.instructor-assignment-report .verticalBar .aced:hover
{
background-color:#00d73c;
}

.instructor-assignment-report .verticalBar .passed
{
background-color:#e9ff30;
width:20px;
cursor:pointer;
}

.instructor-assignment-report .verticalBar .passed:hover
{
background-color:#ecef2c;
}

.instructor-assignment-report .verticalBar .notPassed
{
background-color:#ff5c5c;
width:20px;
cursor:pointer;
}

.instructor-assignment-report .verticalBar .notPassed:hover
{
background-color:#ff4c4c;
}

.instructor-assignment-report .verticalBar .count
{
color:#5588ff;
margin-top:-16px;
font-size:10px;
font-weight:bold;
position:absolute;
text-align:center;
width:20px;
}

.completion-report .dataTable tr.completed td,.completion-report .dataTable tr.completed td strong 
{
/* color:#ffffff; */
background-color:#9bff9a;
}
.completion-report .dataTable tr.late td,.completion-report .dataTable tr.pending td,.completion-report .dataTable tr.late td strong,.completion-report .dataTable tr.pending td  strong
{
/* color:#ffffff; */
background-color:#e3ebf4;
}

.completion-report .dataTable tr.late td.dueDate
{
font-weight:bold;
color:#ff0000;
}

#ol_free-response-questions .answerList,#ol_free-response-questions .answerButton
{
display:none;
}


#ol_multiple-choice-questions .question .hints
{
display:none;
}

#ol_multiple-choice-questions .question h4,#ol_free-response-questions .question h4,#ol_free-response-questions  .question .hints
{
width:750px;
}


/* .dataTable tr.coral td strong,.dataTable tr.seaweed td strong {color:#ffffff;} */