/* scorm.css : Styles for scorm player */
body, div {
    margin: 0px;
    padding: 0px;
}

div.my-tree div.wicket-tree {
    height: auto;
    width: 100%;
    padding-right: 10px;
}

.pageIcon {
    vertical-align: middle;
}

.smalltext {
    font-size: 9px;
    color: lightgray;   
}

#scormButtonPanel {
    background: url(/scorm-tool/images/buttonBarBackground.gif) repeat-x;
    height: 40px;
    padding-top: 4px;
}

.scormPlayerPanel {
    width: 100%;
}

#scormMainPanel {
    display: flex;
}
#scormNavPanel {
    display: flex;
    flex-direction: column;
    padding-right: 10px;
    width: 250px;
}

#scormContentPanel {
    display: flex;
    flex-direction: column;
}

#scormContentPanel iframe {
	margin-top: 0px;
}

#scormContent {
    width: 100%;
    height: 100%;
    overflow: auto;
}

#scormFooter {
}

.scormAdminPanel {
    border: 1px solid black;
    margin: 10px;
    padding: 5px;
}

.scormActionButton {

}

.scormNotification {
        
}

.scormRoundbox{
    background: #6E6E6E;
    width: 400px;
    margin-bottom: 20px;
    color: #fff;
    text-align: left;
    clear: both;
}

.scormRoundbox h3{
    font-size: 1.55em;
    font-color: white;
    padding: 15px 15px 10px 15px;
    border-bottom: 1px dotted #e8e8e8;
    margin-bottom: 10px;
    clear: both;
}

.scormRoundbox p{
    font-size: 1.5em;
    padding: 0px 15px 15px 16px;
}

.scormRoundbox ul, .anchor ul{
    font-size: 1.5em;
    padding: 0px 15px 15px 16px;
}

.scormRoundbox ul li, .anchor ul li{
    list-style: circle inside;
    padding: 2px 0px;
}

span.tree-content a.selected {
    font-weight: bold;
}