

.accordionHeader,.courseHeader
{

}

.accordionHeader h2,.courseHeader h2
{
color:#bbbbcc;
float:left;
margin-right:6px;
float:left;
}


.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
{
display:none;
float:left;
}

.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
{

}

.articleBody p
{
}

.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;
}

.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;
}

.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;
}


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;
}


.tabHeader
{
    position:relative;
}

ul.tabHeaders2>li
{
    color:#cccccc;
    background-color:transparent;
    padding:15px 20px 20px 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;
}