@font-face {
    font-family: 'Droid';
    src: url('http://static.nordicweather.net/fonts/DroidSans-webfont.eot');
    src: url('http://static.nordicweather.net/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.nordicweather.net/fonts/DroidSans-webfont.woff') format('woff'),
         url('http://static.nordicweather.net/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('http://static.nordicweather.net/fonts/DroidSans-webfont.svg#DroidRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HighwayGothicWide';
    src: url('http://static.nordicweather.net/fonts/hwygwde-webfont.eot');
    src: url('http://static.nordicweather.net/fonts/hwygwde-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.nordicweather.net/fonts/hwygwde-webfont.woff') format('woff'),
         url('http://static.nordicweather.net/fonts/hwygwde-webfont.ttf') format('truetype'),
         url('http://static.nordicweather.net/fonts/hwygwde-webfont.svg#HighwayGothicWide') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family:"Droid";}

/* custom player skin */
.flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 800px; }
.flowplayer .fp-controls { background-color: rgba(34, 34, 34, 1)}
.flowplayer .fp-timeline { background-color: rgba(34, 34, 34, 1)}
.flowplayer .fp-progress { background-color: rgba(118, 238, 0, 1)}
.flowplayer .fp-buffer { background-color: rgba(68, 68, 68, 1)}

/* NEXSTORM */
table {border-collapse:collapse;border-spacing:0;}
#nexdiv{ background: #212121;color:white; border: 1px solid #555; font-size: 13px; margin: 0 auto;font-family:"Droid";}
.tundra{margin:0 10px;position: relative; height: 675px;padding:0}
.nexshadow { box-shadow: 0 1px 3px rgba(0,0,0,0.6); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);}
.nexradius {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.nexsdiv {-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);background-color:#000;margin:10px;padding:10px;}
.nexsubhead,.maptimes:hover{color:#3299CC;}
.nxtxta{float:right;color:#fff}
.nxtxtb{color:#ADADAD;}
#nexcounters{position:absolute;top:50px;right:5px;z-index:100;margin:0}
.nexbignumb{font-size: 32px; color: #FFFFFF;font-family:"HighwayGothicWide";text-align:right;width:100%;}
#nexstrikebox {position:absolute;top:5px;right:5px;z-index:100;margin:0}
#NSDBigGraph{display:none;width:100%;height:240px;margin:0 auto;}
#nexnote {padding: 10px 0 10px 0;text-align:center;font-size:14px;}
#NSDstats, #NSDVideo{display:none;}
.maptimes,.maptimes:hover{cursor: pointer;}

.nexstyle1 {color: #FFFFFF;font-size: 12px;}
.nexstyle11 {color: #3299CC;font-size: 12px;font-weight:normal;}

#lelegend {position: absolute;z-index:100;right:-5px;bottom:10px;width:90px;}
.letable {width:90px;padding:5px;border-collapse:separate;border-spacing:2px;}
.letda { width: 20px;height:12px }
.letdb { padding-left:5px;vertical-align:top; }
.letda2 { width: 20px;height:5px }
.letdb2 {vertical-align:top;padding-left:5px;padding-top:2px; }
#attribution {position: absolute; right: 1px; bottom: 1px;font: 12px "Droid";color:#fff;text-shadow: 1px 1px 4px #000;z-index:100;}
#attribution a, #attribution a:hover{font: 12px "Droid";color:#fff;text-shadow: 1px 1px 4px #000;text-decoration:none}
#coordsmapwrap{position: absolute; right: 1px; bottom: 1px;display:none;width:400px;height:460px;background: #000;border-radius:6px;padding:10px;z-index:9999;font-size:14px;box-shadow: 0px 0px 8px #000;color:#3299CC;}
a.mapcenter-popup-close-button {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px 4px 0px 0px;
    text-align: center;
    width: 18px;
    height: 14px;
    font: bold 16px/14px Tahoma,Verdana,sans-serif;
    color: rgb(195, 195, 195);
    text-decoration: none;
    background: none repeat scroll 0% 0% transparent;
}
a.mapcenter-popup-close-button:hover {color: rgb(155, 155, 155);}

#nexchoose {position: absolute;z-index:100;left:0px;bottom:10px;}
#nexchoose input, #nexchooseb input, input#eucookie {position:relative;top:-2px;vertical-align: middle;height:15px;margin:0 5px 0 8px;padding:0;border:0;background:transparent;}
input:hover, label:hover, #setCenter:hover {cursor: pointer;* cursor: hand;}

#continuebtn{color:#fff;font-size:13px;font-weight:bold;display:block;padding:6px;border:1px solid #333;margin: 4px auto;cursor: pointer;*cursor: hand;background-color:#111;text-align:center;width:80px;}
#continuebtn:hover {background-color:#444;cursor: pointer;* cursor: hand;}

.nextabbtn{color:#fff;font-size:15px;display:inline-block;padding:3px 8px 3px 8px;border:1px solid rgba(255, 255, 255, 0.15);-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;cursor: pointer;*cursor: hand;background-color:#111;text-align:center;position:relative;border-width: 1px 1px 0 1px;}
.nextabbtn:hover {background-color:#444;cursor: pointer;* cursor: hand;}
.nextabbtn.active {background-color:#000; border:0;color:#3299CC;}

/*
 * jQuery UI Datepicker 1.9m6
 */
.ui-datepicker .ui-state-default{border-style:solid;border-width: 1px;border-color:#222;background:none;background-color:#000;color: #3299CC;}
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-active {background:#222;}
.ui-datepicker-unselectable .ui-state-default {border-style:solid;border-width: 0px;border-color:#eee;background-color:#000;color:#222;}
.ui-datepicker { width: 17em; padding:0; display: none; background: #000;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border:1px solid #222;box-shadow:none;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border-style:solid;border-width:0;border-color:#88BCCE;background:#222;font-family: 'Droid', serif;font-weight:500;font-size:13px;color: #2779aa;}
.ui-datepicker .ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { top:3px;left:4px; }
.ui-datepicker .ui-datepicker-next { top:3px;right:4px; }
.ui-datepicker .ui-datepicker-prev-hover { top:3px;left:4px;background:transparent;cursor: pointer;border:0;}
.ui-datepicker .ui-datepicker-next-hover { top:3px;right:4px;background:transparent;cursor: pointer;border:0;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; color:#ADADAD; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {display: none; display: block; position: absolute;z-index: -1;filter: mask();top: -4px;left: -4px;width: 200px;height: 200px; }

/*
 * UI ICON
 */
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;background-image:url(http://static.nordicweather.net/img/ui-icons_469bdd_256x240.png);}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image:url(http://static.nordicweather.net/img/ui-icons_888888_256x240.png);}
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.esriSimpleSlider{left:6px;top:6px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border-width:0px;background-color:#000;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);color:#444;}
.esriSimpleSliderIncrementButton:hover, .esriSimpleSliderDecrementButton:hover{color:#fff;}
.esriSimpleSlider div {font-size: 22px;font-weight: bold;height: 25px;line-height: 22px;width: 25px;}
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {border-bottom-color: #1f1f1f;}

.esriPopup {font-family: "Droid";}
.esriPopup .esriPopupWrapper {box-shadow: 0 0 0.75em #000; -moz-box-shadow: 0 0 0.75em #000; -webkit-box-shadow: 0 0 0.75em #000; -o-box-shadow: 0 0 0.75em #000;}
.esriPopup .contentPane,.esriPopup .actionsPane {border: 1px solid #000;background-color: #000000;color:#ffffff; }
.esriPopup .contentPane{padding: 0px 6px 6px 10px}
.esriPopup .titlePane {background-color: #000;border: 1px solid #000;font-size:13px;padding:5px 0 0 10px;}
.esriPopup .titleButton,.esriPopup .pointer,.esriPopup .outerPointer,.esriPopup .esriViewPopup .gallery .mediaHandle,.esriPopup .esriViewPopup .gallery .mediaIcon {background-image: url(http://static.nordicweather.net/img/popup_black.png);}
.esriPopup .titleButton.maximize, .esriPopup .titleButton.close {display:none;}