body,ul,li{margin:0;padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;}
ul li{list-style-type:none;}
h2{background-color:#1D78AF;margin:0;padding:4px 10px;font-family: 'Gotham SSm A','Gotham SSm B',Helvetica,Arial,sans-serif;float:left;font-size:1.2em;border-right:4px solid #000;}
h3{margin:0;padding:10px 0px;font-family: 'Gotham SSm A','Gotham SSm B',Helvetica,Arial,sans-serif;font-size:1.05em;}
table{border:0;border-collapse:collapse;width:100%;}
td,th,tr{border:0;margin:0;padding:0;text-align:left;}

div#main-oil-wrap{overflow:auto;width:960px;/* width:100%; */padding:20px;background-color:#000;}
div#main-oil-wrap div#map-wrap{position:relative; zoom:1; width:510px; margin:0;float:left;}
div#main-oil-wrap div#map{position:relative; height:460px; width:510px; margin:0;}
div#main-oil-wrap div#table-wrap{margin-left:10px;margin-bottom:10px;padding: 0 10px;width:420px;height:460px;background-color:#fff;float:left;overflow-y:scroll;}
div#main-oil-wrap div#form-wrap{margin-left:10px;margin-bottom:10px;padding: 0 10px;width:420px;height:460px;background-color:#fff;float:left;}
div#main-oil-wrap div#info-panel-wrap{display:none;}
div#main-oil-wrap div#info-panel{overflow-y:auto;width:420px;height:300px;margin:0;padding:0;}

div#main-oil-wrap div#info-box{clear:both;background-color:#333;padding:20px 20px 2px 20px;}
div#main-oil-wrap div#info-box p{color:#ccc;word-spacing:0.15em;font:1.05em/1.5em "Gotham SSm A","Gotham SSm B",Helvetica,Arial,sans-serif;margin:0 0 18px 0;}

div#main-oil-wrap .tab-nav {margin-bottom:10px;float:right;}
div#main-oil-wrap .tab-nav li{
    color:#ccc;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background-color:#4A4A4A;height:26px;
    font-family:'Gotham SSm A','Gotham SSm B',Helvetica,Arial,sans-serif;cursor:pointer;
    display:inline-block;border-left:4px solid #000;padding:4px 8px;}

div#main-oil-wrap .tab-nav li.navOn{color:#fff;background-color:#333;cursor:default;}
div#main-oil-wrap .tab-nav li:hover{background-color:#333;color:#fff;}
div.listTab th, div.listTab td{font-family: 'Gotham SSm A','Gotham SSm B',Helvetica,Arial,sans-serif;}
div#main-oil-wrap div.listTab th{font-size:1.1em;padding:5px 15px 5px 4px;font-weight:700;border-bottom:1px solid #000;text-align:left;}
div#main-oil-wrap div.listTab td{
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding-right:15px;border-bottom:1px solid #e5e5e5;padding:4px;
    background-color:#fff;cursor:pointer;}

div#main-oil-wrap div.listTab tr:hover td{background-color:#e5e5e5;border-bottom:1px solid #fff;}
div#main-oil-wrap div.listTab tr.rowOn td{color:#fff;background-color:#2A2307;}

div#main-oil-wrap .spill-info {width:400px;}

div#main-oil-wrap .spill-info li {margin-left:10px;font:1.05em/1.5em "Gotham SSm A","Gotham SSm B",Helvetica,Arial,sans-serif;}
div#main-oil-wrap .spill-info-wrap {border-bottom:1px solid #e5e5e5;padding-bottom:8px;margin-bottom:8px;width:100%;}

.interactive-bar {
    background-image: url("http://globalnews.ca/wp-content/themes/vip/shaw-globalnews/_img/darkgreystripe.png");
    color: #FFFFFF;
    font-family: 'Gotham SSm A','Gotham SSm B',Helvetica,Arial,sans-serif;
    font-weight:500;
    font-size: 1em;
    height: 26px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

input[type="text"] {
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 2px #EDEDED;
    font-family: "Gotham SSm A","Gotham SSm B",Arial,Helvetica,sans-serif;
    padding: 10px;
}

input[type="submit"] {
    background-color: #1D78AF;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-family: 'Gotham SSm A','Gotham SSm B',Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: 700;
    height: auto;
    letter-spacing: 1px;
    padding: 10px 17px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    cursor:pointer;
    margin-left:6px;
}

input[type="submit"]:hover {
    background-color: #000000;
}

.section-h {
    background: #001c35 url("../../_img/bluestripe.png") repeat 50% 50%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #001c35), color-stop(100%, #002d56));
    background-image: -webkit-linear-gradient(left, #001c35, #002d56);
    background-image: -moz-linear-gradient(left, #001c35, #002d56);
    background-image: -o-linear-gradient(left, #001c35, #002d56);
    background-image: -ms-linear-gradient(left, #001c35, #002d56);
    background-image: linear-gradient(left, #001c35, #002d56);
    clear: left;
    color: #FFFFFF;
    font: 700 1em "Gotham SSm A","Gotham SSm B",Arial,Helvetica,sans-serif;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
}
.section-h:after {
    background: url("http://globalnews.ca/wp-content/themes/vip/shaw-globalnews/_img/whitestripe-60.png") repeat scroll 50% 50% transparent;
    bottom: 0;
    content: " ";
    left: 0;
    opacity: 0.25;
    position: absolute;
    right: 0;
    top: 0;
}
.is_ie9 .section-h:after, .is_ie8 .section-h:after {
    background-image: none;
}