div.noScript {
    margin-left:9%;
    margin-right:9%;
    padding:10px;
}

div.interactiveMap{
    margin-top: 20px;
    margin-bottom: 20px;
}

div.map_list {
    width:20%;
}

div.map_canvas {
    width:59%;
    margin-left:auto;
    margin-right:10%;
    height:600px;
    border-style:solid;
    border-width:2px;
    border-color:#06064B;
}

div.selectionPanel {
    float:left;
    margin-left:10%;
    width:20%;
    height:600px;
    border-style:solid;
    border-width:2px;
    border-color:#06064B;
    overflow:hidden;
}

div.infoPanelHeader {
    padding:4px;
    text-align:center;
    vertical-align:middle;
    background:#06064B;
    color:white;
    font-size:medium;
    font-weight:bolder;
    cursor:default;
}

div.courseList {
    height:25%;
    overflow:auto;
}

div.description {
    height:60%;
    padding-left:5px;
    padding-right:5px;
    overflow:auto;
}

div.courseFooter {
    padding:10px;
    text-align:center;
}

table.courseList {
    width:100%;
    border-collapse:collapse;
    background-color:white;
    font-weight:bold;
}

td.selectable {
    padding:2px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    border-color:#06064B;
    border-width:1px;
    font-size:xx-small;
}
td.selectable:hover{
    padding:2px;
    text-align:center;
    vertical-align:middle;
    background:#FFAD21;
    cursor:pointer;
    font-size:xx-small;
}