gistfile1.txt

/*
.leftCol {
    float:left
}*/
.CSN-PDC-map

  #map {
    background:url(http://d2mxabrykbl1km.cloudfront.net/img/map_shadow.png) no-repeat 50% 100%;
    padding-bottom:30px;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0
  }

  #mapContent {
    height:320px;
    background:#4b4f5b
  }

  #mapContainer {
    width:100%;
    min-height:320px;
    position:relative;
    float:left;
    overflow:visible
  }

  #mapControls {
    position:absolute;
    left:10px;
    top:90px;
    list-style-type:none
  }

  #mapControls a {
    display:block;
    width:38px;
    height:38px;
    margin-top:10px;
    background-image:url(http://d2mxabrykbl1km.cloudfront.net/img/map_controls.png);
    background-repeat:no-repeat;
    background-position:0 100px;
    overflow:hidden;
    text-indent:-9000px
  }

  #mapControls .mc1 a {
    background-position:0 0
  }

  #mapControls .mc2 a {
    background-position:0 -38px
  }

  #mapControls .mc3 a {
    background-position:0 -76px
  }

  #mapControls .mc1 a:hover {
    background-position:-38px 0
  }

  #mapControls .mc2 a:hover {
    background-position:-38px -38px
  }

  #mapControls .mc3 a:hover {
    background-position:-38px -76px
  }

  #launchAtlas {
    position:absolute;
    bottom:10px;
    left:15px;
    padding:3px 13px;
    font-size:14px;
    text-transform:none;
    text-shadow:none;
    border:solid 1px #000!important;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.7);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7);
    box-shadow:0 1px 3px rgba(0,0,0,.7);
    background-color:#047ac0
  }

  #launchAtlas:hover {
    background:#1a91ff;
    background:-moz-linear-gradient(top,#1a91ff 0%,#1a7bd5 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1a91ff),color-stop(100%,#1a7bd5));
    background:-webkit-linear-gradient(top,#1a91ff 0%,#1a7bd5 100%);
    background:-o-linear-gradient(top,#1a91ff 0%,#1a7bd5 100%);
    background:-ms-linear-gradient(top,#1a91ff 0%,#1a7bd5 100%);
    background:linear-gradient(to bottom,#1a91ff 0%,#1a7bd5 100%);
  }

  #launchAtlas:active {
    background:#197ad3;
    -moz-box-shadow:inset 0 0 5px rgba(0,0,0,.5);
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5);
    box-shadow:inset 0 0 5px rgba(0,0,0,.5)
  }

  .legend_layers_bttns_wrapper {
    width:230px
  }

  .mapTip {
    width:170px;
    height:60px;
    z-index:20;
    display:inline-block;
    width:auto;
    position:absolute;
    padding:5px 10px;
    background:#f3f4f8;
    font-family:'Helvetica-Bold',Arial,sans-serif;
    font-size:10px;
    color:#4e4e4e;
    z-index:1000;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    box-shadow:0 1px 3px rgba(0,0,0,.7)
  }

  .mapTip:after {
    top:100%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
  }

  .mapTip.bottom:after {
    border-top-color:#f3f4f8;
    border-width:5px;
    left:50%
  }

  .mapTip.top:after {
    border-bottom-color:#f3f4f8;
    border-width:5px;
    left:50%;
    top:-10px
  }

  .mapTip.left:after {
    border-left-color:#F3F4F8;
    border-width:5px;
    left:276px;
    top:45%
  }

  .mapTip.right:after {
    border-right-color:#F3F4F8;
    border-width:5px;
    left:-21px;
    top:45%
  }

  .mapTip.mtEvent {
    padding-left:80px;
    min-height:60px;
    z-index:1000!important
  }

  .mapTip.mtEvent p {
    line-height:125%;
    padding:0
  }

  .mapTip.mtEvent .event {
    padding:3px 0;
    text-transform:uppercase
  }

  .mapTip.mtEvent>img {
    top:5px!important;
    left:5px!important
  }

  .mapTip.mtEvent>span>img {
    position:absolute;
    top:20px;
    left:20px;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px
  }

  .mapTip.arrow {
    border-right:solid 27px transparent;
    cursor:pointer;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.7),inset -1px 0 0 #C9CBD2;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7),inset -1px 0 0 #C9CBD2;
    box-shadow:0 1px 3px rgba(0,0,0,.7),inset -1px 0 0 #C9CBD2
  }

  .mapTip.arrow:hover {
    border-right:solid 27px #0084ff;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.7),inset -1px 0 0 #005cb2;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7),inset -1px 0 0 #005cb2;
    box-shadow:0 1px 3px rgba(0,0,0,.7),inset -1px 0 0 #005cb2
  }

  .mapTip.arrow:before {
    content:" ";
    display:block;
    width:10px;
    height:17px;
    background-image:url(http://d2mxabrykbl1km.cloudfront.net/img/mt_arrows.png);
    background-repeat:no-repeat;
    background-position:0 0;
    position:absolute;
    right:-19px;
    top:50%;
    margin-top:-8px
  }

  .mapTip.arrow:hover:before {
    background-position:100% 0
  }

  .mapTip.arrow:after {
    margin-left:11px
  }

  .mapTipCluster:after {
    top:100%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
  }

  .mapTipCluster.bottom:after {
    border-top-color:#FFF;
    border-width:5px;
    left:50%
  }

  .mapTipCluster.top:after {
    border-bottom-color:#FFF;
    border-width:5px;
    left:50%;
    top:-10px
  }

  .mapTipCluster {
    position:absolute;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.7);
    box-shadow:0 5px 5px rgba(0,0,0,0.7)
  }

  .mtcEvent {
    color:#000;
    position:relative;
    padding:0 35px 0 45px;
    width:220px;
    height:40px;
    line-height:40px;
    font-family:'Helvetica-Bold',Arial,sans-serif;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    border-top:solid 1px #dbdbdb;
    cursor:pointer;
    background:#fff;
    background:-moz-linear-gradient(top,#fff 0%,#f6f6f6 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f6f6f6));
    background:-webkit-linear-gradient(top,#fff 0%,#f6f6f6 100%);
    background:-o-linear-gradient(top,#fff 0%,#f6f6f6 100%);
    background:-ms-linear-gradient(top,#fff 0%,#f6f6f6 100%);
    background:linear-gradient(to bottom,#fff 0%,#f6f6f6 100%);
  }

  .mtcEvent:first-child {
    border:none
  }

  .mtcEvent:hover {
    color:#0C63AF
  }

  .mtcEvent:after {
    content:" ";
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:25px;
    height:40px;
    background:#0084ff url(http://d2mxabrykbl1km.cloudfront.net/img/mt_arrows.png) no-repeat -2px 50%;
    border-left:solid 1px #005cb2
  }

  .mtcEvent img {
    position:absolute;
    left:4px;
    top:2px;
    background:#434548;
    padding:2px 1px 0 2px;
    border-radius:50%
  }

  #eventList li {
    position:relative;
    min-height:60px;
    padding:5px 0 0 60px;
    font-family:'Helvetica-Bold',Arial,sans-serif;
    font-size:10px;
    color:#fff;
    line-height:130%;
    cursor:pointer
  }

  #eventList li:first-child {
  /*    border:none*/
  }

  #eventList h3,
  .mtEvent h3 {
    font-size:13px;
    color:#000;
    padding:0;
    line-height:100%
  }

  #eventList h3:hover {
    text-decoration:underline
  }

  #eventList img,
  .mtEvent img {
    position:absolute;
    left:10px;
    top:10px
  }

  #eventList .event,.mtEvent .event {
    text-transform:uppercase;
    padding:0
  }

  #eventList .event span,
  .mtEvent .event span {
    display:inline-block;
    width:80px
  }

  #eventList .event .icon,.mtEvent .event .icon {
    position:static;
    margin-right:3px
  }

  #eventList .event *,.mtEvent .event
  * {
    vertical-align:middle
  }

  .ev1 {
    color:#199902
  }

  .ev2 {
    color:#d29e00
  }

  .ev3 {
    color:#14a7ff
  }

  #eventList li img.center_icon {
    left:5px;
    top:13px
  }

  #scrollbar1 {
    height:70px;
    width:275px;
    clear:both
  }

  #scrollbar1 .viewport {
    width:255px;
    overflow:hidden;
    position:relative
  }

  #scrollbar1 .overview {
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    padding-left:2px;
    padding-right:0
  }

  #scrollbar1 .scrollbar {
    position:relative;
    width:15px;
    height:20px
  }

  #scrollbar1 .scrollbar .thumb {
    height:20px!important
  }

  #scrollbar1 .track {
    height:100%;
    width:4px
  }

  #scrollbar1 .thumb {
    width:150px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-6px;
    background:url("/Style Library/CSN/pdc/thumb_slider_horizontal.png") no-repeat center
  }

  #scrollbar1 .thumb .end {
    display:none
  }

  .map_pin {
    display:block;
    z-index:0;
    overflow:visible;
    border-radius:26px;
    -moz-border-radius:26px;
    -webkit-border-radius:26px
  }

  .map_pin img {
    margin:auto
  }

  .advBlock {
    width:465px;
    position:absolute;
    left:0;
    font-size:16px;
    line-height:135%;
    color:#fff;
    overflow:hidden;
    background:rgba(0,0,0,1);
    opacity:.8;
    background:#000;
    z-index:10
  }

  .advBlock h2 {
    color:#fff;
    font-size:21px
  }

  .advBlock.top {
    top:0;
    padding:15px;
    border-bottom:solid 1px rgba(255,255,255,.5);
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis
  }

  .advBlock.top h2 {
    display:inline;
    color:#E61D1B
  }

  .advBlock.bottom {
    bottom:0;
    padding:0 15px;
    min-height:140px;
    border-top:solid 1px rgba(255,255,255,.5);
    z-index:12
  }

  .advBlock.bottom p {
    margin:10px 0
  }

  .advBlock.bottom a {
    color:#0F91FF;
    font-weight:700;
    font-size:15px;
    text-decoration:none
  }

  .advBlock.bottom .image {
    float:right;
    margin:-5px -15px 0 0
  }

  .advBlock .close {
    display:block;
    width:36px;
    height:36px;
    position:absolute;
    right:5px;
    top:5px;
    background-image:url(http://d2mxabrykbl1km.cloudfront.net/img/close_popup.png);
    backgrind-repeat:no-repeat;
    background-position:0 0;
    overflow:hidden;
    text-indent:-9000px
  }

  .advBlock .close:hover {
    background-position:0 50%
  }

  .advBlock .close:active {
    background-position:0 100%
  }

  #leavePopup {
    text-align:center
  }

  #leavePopup p {
    font-size:14px
  }

  #leavePopup h1,
  #leavePopup h2 {
    font-size:16px;
    margin-bottom:16px;
    text-transform:none
  }

  #leavePopup h2 {
    font-size:15px
  }

  #leavePopup p {
    margin-bottom:16px
  }

  .legend {
  /*position:absolute;top:41px;right:0px;*/
    width:222px;
    background-color:#f3f4f8;
    overflow:hidden;
    height:28px;
    z-index:11
  }

  .bttn_legend,
  .bttn_layers {
    display:inline-block;
    height:28px;
    line-height:28px;
    background:url(http://d2mxabrykbl1km.cloudfront.net/img/gray_tab_bg.png) repeat-x left top;
    width:110px;
    text-align:center;
    text-shadow:0 1px 0 #ebebed;
    color:#62656d;
    text-decoration:none;
    font-weight:700;
    position:relative
  }

  .bttn_legend:hover,
  .bttn_layers:hover,
  .bttn_legend.curr,
  .bttn_layers.curr {
    color:#000
  }

  .bttn_oc {
    background:url(http://d2mxabrykbl1km.cloudfront.net/img/gray_tab_bg.png) repeat-x scroll left top transparent;
    display:block;
    height:28px;
    position:relative;
    width:31px;
    float:right
  }

  .bttn_oc.closed:after,
  .bttn_oc.opened:after {
    content:'';
    display:block;
    width:12px;
    height:7px;
    background:url(http://d2mxabrykbl1km.cloudfront.net/img/arrow_down.png) no-repeat;
    position:absolute;
    top:11px;
    left:9px
  }

  .bttn_oc.opened:after {
    background:url(http://d2mxabrykbl1km.cloudfront.net/img/arrow_up.png) no-repeat
  }

  .bttn_legend:hover,
  .bttn_layers:hover,
  .bttn_legend.curr,
  .bttn_layers.curr {
    background:url(http://d2mxabrykbl1km.cloudfront.net/img/bg_blue.png) repeat-x;
    color:#fff;
    text-shadow:0 1px 0 #425362
  }

  .bttn_legend {
    border-right:solid 1px #bfc1c5
  }

  .bttn_layers {
    border-left:solid 1px #f2f3f5
  }

  #legend_content,#layers_content {
    position:relative;
    top:-5px
  }

  .legend_padd {
    font-family:'Helvetica-Bold',Arial,sans-serif;
    padding:14px;
    font-size:12px;
    font-weight:400;
    color:#515151
  }

  .legend_padd h3 {
    padding-bottom:5px;
    font-size:16px
  }

  .legend_padd hr {
    margin:3px 0
  }

  .legend_label,
  .severentity_legend {
    color:#515151;
    float:left;
    font-size:11px;
    font-weight:400;
    height:22px;
    line-height:22px;
    margin-bottom:4px;
    width:94px
  }

  .severentity_legend {
    margin:2px 0 5px
  }

  .severentity_icon {
    display:block;
    width:20px;
    height:20px;
    border-radius:12px;
    float:left
  }

  .legend_label img {
    float:left;
    margin-right:4px;
    margin-bottom:-4px
  }

  #custom_layer_legend {
    margin-top:25px
  }

  .text_blue {
    color:#1776cd
  }

  .legend.collapsed {
    position:absolute;
    height:28px;
    bottom:0;
    top:auto
  }

  #profi_account_text {
    margin-top:30px
  }

  #profi_account_text {
    font-size:14px!important
  }

  .form_choose_block h1 {
    margin-bottom:10px
  }

  .form_choose_block input[type="radio"] {
    margin:5px 0
  }

  .securimage-controls-box {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:32px
  }

  .securimage-controls-box img {
    position:absolute;
    left:0;
    margin:0;
    cursor:pointer
  }

  .securimage-control-play {
    top:0
  }

  .securimage-control-refresh {
    top:16px
  }

  #wavPlayer {
    position:absolute
  }

  /*** Added for CSN ***/
  .OverlaysBR-logoAware {
    right:10px!important;
    display:none
  }

  .map_pin_1 {
    border:2px solid #FFD700
  }

  .map_pin_2 {
    border:2px solid #00F
  }

  .map_pin_3 {
    border:2px solid red
  }

  .map_pin_4 {
    border:2px solid #0F0
  }

  .map_pin_5 {
    border:2px solid gray
  }

  #legend_layers {
    display:none
  }

  .leftCol {
    width:100%
  }

  #scrollbar1 {
    width:100%;
    border-top:1px solid #000;
    border-bottom:1px solid #000
  }

  #scrollbar1 .viewport {
    background-color:transparent;
    height:72px
  }

  #eventList {
    width:100%;
    display:inline-block;
    white-space:nowrap;
    height:100px;
    margin-bottom:0;
    margin-top:0
  }

  #eventList li {
    display:inline-block;
    padding-right:20px!important;
    border-right:1px solid #000;
    padding-bottom:5px
  }

  #eventList li:first-child {
    border-left:1px solid #000
  }

  #legend_layers {
    float:left
  }

  .viewport {
    background-color:#fff
  }

  #mapControls {
    padding-left:0
  }

  .LogoContainer {
    display:none
  }

  .PDCLogo {
    position:absolute;
    bottom:5px;
    left:20px;
    z-index:0
  }

  .mtcEvent {
    font-size:12px
  }

  #eventList h3 {
    font-size:13px;
    color:#61a0d6;
    padding:0;
    line-height:100%
  }

  #eventList p {
    amargin:1px
  }

  .buttonLeft img,
  .buttonRight img {
    width:12px;
    padding-top:24px
  }

  .buttonLeft {
    float:left;
    padding-left:4px;
    padding-right:7px
  }

  .buttonRight {
    float:left;
    padding-left:9px;
    padding-right:4px
  }

  #scrollbar1 .viewport {
    float:left
  }

  #scrollbar1 .viewport {
    border-right:1px #000 solid;
  /*width: calc(100% - 49px);	*/
    width:calc(100% - 50px)
  }

  /*
  #scrollbar1 .viewport{
  	width:95%;
  	margin:auto;
  }
  #scrollbar1
  {
  	position:relative;
  }
  .buttonLeft, .buttonRight
  {
  	position:absolute;
  	top:23px;
  }
  .buttonLeft
  {
  	left:4px;
  }
  .buttonRight
  {
  	right:4px;
  }*/
  #mapContent .csnLogo {
    position:absolute;
    width:30px;
    bottom:10px;
    right:220px
  }

  #eventList .event {
    padding-top:2px
  }

  .csn_ticker_active_event_icon {
    width:50px;
    height:50px;
    top:12px!important;
    left:5px!important
  }

  .MapPushpinBase img {
    width:26px;
    height:26px
  }

  /**** Fixing the styling which is different for CSN ticker and PDC ticker ****/
  #eventList .event span.ev {
    width:auto;
    padding-right:20px
  }

  .pdc-ticker-type-icon {
    width:45px;
    height:45px
  }

  .map_pin {
  /*border: 2px solid;*/
  }

  .map_pin_WARNING {
    color:red!important
  }

  .map_pin_ADVISORY {
    color:#0F0!important
  }

  .map_pin_INFORMATION {
    color:#00F!important
  }

  .map_pin_WATCH {
    color:#FFD700!important
  }

  #mapExtentUL {
    list-style-type:none;
    margin:0;
    padding:0;
    position:absolute;
    right:0;
    top:0
  }

  #mapExtentUL li {
    display:inline
  }

  #mapExtentUL img {
    width:55px;
    cursor:pointer
  }

  #mapFilters {
    position:absolute;
    top:5px;
    left:5px
  }

  #mapFilters a {
    display:block;
    cursor:pointer
  }

  #mapFilters img {
    width:50px
  }

  [class^='filter'] {
    position:absolute;
    background:#000;
    padding:5px;
    border:2px solid #49accf;
    border-radius:5px;
    top:8px;
    left:60px;
    max-height:200px;
    overflow:auto;
    min-width:200px
  }

  .filter-days {
    top:55px
  }

  #days {
    width:40px
  }

  i {
    cursor:pointer
  }

  .fa-square-o {
    display:none
  }