/*---- bootstrap-----*/
/*---------------- Start Reset CSS ----------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small, strike,strong, tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none} del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*---------------- End Reset CSS ----------------- */
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ce09fde71af3dd1a0c54)
 * Config saved to config.json and https://gist.github.com/ce09fde71af3dd1a0c54
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

@-ms-viewport{ width: auto !important;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img,.img-responsive{
  vertical-align: middle;
  display: block;
  width: auto \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1230px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1230px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*---- header-----*/
.manu-wrap {min-height: 60px;padding: 10px 0;}
#socialMedia {float: right;width: 150px;padding: 0;list-style: none;margin-bottom: 0;}
/*.social-media {float: right;width: 100px;padding: 0;list-style: none;margin-bottom: 0;}*/
#socialMedia li {float: left;width: 40px;margin-left: 10px;}
#socialMedia li a {
    display: block;
    padding: 12px 5px;
    background: url(/~/media/Images/C/CNX-MidStream/css/header-footer.png) -134px -6px no-repeat;
}
.ln {
    background-position: -184px -6px!important;
}
.zoneMenu ul {list-style: none;margin: 0;padding: 0;position: relative;}
.zoneMenu ul:not(.social-media)>li:first-child {display: none;border-top: 1px solid #0089bb;}
.zoneMenu ul li {padding: 0 30px 0 0;position: relative;}
.zoneMenu ul li {float: left;}
.zoneMenu ul>li li.haschildren > a::after {width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #111111;
    position: absolute;
    right: 4px;
    top: 14px;
    content: "";
}
.zoneMenu ul>li li.haschildren:hover > a::after {border-color: transparent transparent transparent #fff;}

.zoneMenu ul li a {font-family:'Open Sans', sans-serif; font-style: normal;font-weight: 700;font-size: 17.5px;line-height: 18px;padding: 8px 0;border: none;color: #2a2a2a;text-transform: uppercase;}
.zoneMenu ul li a, .zoneMenu ul li:hover a {border-top: 3px solid #fff;}
.zoneMenu ul.social-media li:hover a {border-top:3px solid #8b8a8f;}
.zoneMenu ul li a {height: auto;}
.zoneMenu ul li:hover a {background-color: #4a83bc;}
.zoneMenu ul li:hover a {background: 0 0;border: none;color: #fff!important;}
.zoneMenu ul li:hover ul {z-index: 110;}

.zoneMenu ul li:hover ul {position: absolute;height: auto;min-width: 130px;overflow: visible;background-color: #4a83bc;}
.zoneMenu ul li:hover ul {background: 0 0;border: none;text-align: center;z-index: 99;padding-top: 35px;}
.zoneMenu ul li:hover ul>li:first-child {position: relative;display: inline-block;padding: 0;border-bottom: 3px solid #cacaca;border-top: 1px solid #cacaca;z-index: 0;}
.zoneMenu ul li>ul>li:first-child {content: " ";font-family: FontAwesome;}
.zoneMenu ul li:hover ul>li {display: inline-block;}
.zoneMenu ul li:hover ul li {float: none;padding-right: 8px;}
.zoneMenu ul:not(.social-media)>li:first-child {display: none;border-top: 1px solid #0089bb;}
.zoneMenu ul li:hover ul>li {background-color: #fff;border-bottom: 3px solid #cacaca;width: 300px;padding: 0;border-left: 1px solid #ccc;border-right: 1px solid #ccc;
}
.zoneMenu ul li:hover ul>li:first-child::after, .zoneMenu ul li:hover ul>li:first-child::before {width: 0;height: 0;content: "";display: block;position: absolute;bottom: 100%;left: 44%;}
.zoneMenu ul li:hover ul>li:first-child::before {border-bottom: 17px solid #cacaca;    border-left: 17px solid transparent;border-right: 17px solid transparent;margin-top: -2px;margin-left: -2px;z-index: -100;}
.zoneMenu ul li:hover ul>li:first-child::after, .zoneMenu ul li:hover ul>li:first-child::before {width: 0;height: 0;content: "";display: block;position: absolute;bottom: 100%;left: 44%;}
.zoneMenu ul li:hover ul>li:first-child::after {border-bottom: 15px solid #fff;border-left: 15px solid transparent;border-right: 15px solid transparent;z-index: 1;margin-top: 1px;}
.zoneMenu ul li:hover ul a:focus, .zoneMenu ul li:hover ul a:hover {background-color: #ccc;color: #000!important;}
.zoneMenu ul li:hover ul a {border-top: none!important;}
.zoneMenu ul li:hover ul a {border: none;}
.zoneMenu ul li a {border-top: 3px solid #8b8a8f;}
.zoneMenu ul li:hover a{border-top: 3px solid #0089bb; padding: 11px 0 8px 0;}
.zoneMenu ul li:hover ul a {font-family:'Open Sans', sans-serif;font-style: normal;font-weight: 700;padding: 10px 15px;color: #2a2a2a!important;font-size: 14.5px;line-height: 18px;}
.zoneMenu ul li:hover ul ul a { padding: 10px 30px;}
.zoneMenu ul li:hover ul {z-index: 110;}
.zoneMenu ul li:hover ul {position: absolute;height: auto;min-width: 130px;overflow: visible;background-color: #4a83bc;}
.zoneMenu ul li:hover ul {background: 0 0;border: none;text-align: center;z-index: 99;padding-top: 35px;}
.zoneMenu ul li:hover ul a:focus, .zoneMenu ul li:hover ul a:hover {background-color:#939598; color: #fff!important;}
.zoneMenu ul li:hover ul>li:first-child {position: relative;display: inline-block;padding: 0;border-bottom: 3px solid #cacaca;border-top: 1px solid #cacaca;z-index: 0;}
.zoneMenu ul li ul li ul {position: absolute;left: 298px;top: -35px;display: none;}
.zoneMenu .CMSListMenuHighlightedLI a {color: #fff !important;font-weight: 700;border-top: 3px solid #0089bb!important;}
/*.zoneMenu ul li ul li:hover ul {display: block;}*/
.zoneMenu ul li a {text-decoration: none;display: block;color:#fff;}
@media screen and (min-width: 1024px)
{
.CMSListMenuLI.mobile-link {display: none!important;}
.zoneMenu>ul:not(.social-media)>li:first-child, .zoneMenu>ul:not(.social-media)>li:nth-of-type(2) {margin-left: 0!important;}
/*.manu-wrap.manu-wrap, .zoneTop.zoneTop {display: block!important;}*/
.zoneMenu>ul>li {margin-left: 1.5em;padding: 0;}
/*.zoneMenu>ul>li {margin-left: 1.875em;padding: 0;}*/
.zoneMenu>ul>li>ul {width: 278px;left: calc(50% - 145px);}
.zoneMenu ul li ul {position: absolute;/*left: -70px;*/}
.zoneMenu ul li ul {display: none;}
.zoneMenu ul {list-style: none;margin: 0;padding: 0;position: relative;}
}

@media (min-width: 1200px){
.manu-wrap .container {width: 1170px;}
}

@media (max-width: 1024px){
.zoneMenu>ul>li>ul{left: calc(50% - 135px);}
}

@media (max-width: 768px){
.zoneMenu ul li.level1.selected > a, .zoneMenu ul li.level1.current > a{background: #d7d7d7;}
.zoneMenu ul li.level2.current, .zoneMenu ul li.level2.selected{background: #e9e9e9;}
.zoneMenu ul li.level1.selected.haschildren ul > li > a{padding-left:20px;}
.zoneMenu ul li.level1.selected.haschildren ul li:first-child{display: block;}
}

/*@media all and (max-width: 1300px){
.CMSListMenuHighlightedLI ul li ul {
    right: 298px!important;
    left: inherit!important;
}
}*/

li.level2.CMSListMenuLI {
    width: 250px!important;
}

.yt {background-position: -232px -6px !important}
/*---- footer-----*/
.footerMenuBottom ul {padding: 0;margin: 0;}
.zoneFooter {padding: 0; }
.footer-right-menu {margin-top: -13px!important;}
.footer-right-menu li {display: inline-block;float: left!important;width: 220px;margin-bottom: 20px;margin-right: 14px}
.footer-right-menu li a {font-size: 14px;line-height: 18px;text-transform: uppercase;display: block;padding: 17px 2px 17px 75px;background: url(/~/media/Images/C/CNX-MidStream/css/header-footer-sprite.png) -232px 0 no-repeat;}
.zoneTopWrap {background: #2a2a2a!important}
.zoneMenuWrap {background: #fff!important;padding: 15px 0}
.zoneFooter {background: #0089bb; margin-top: 0}
.media a {background-position: -232px -53px!important}
.land a {background-position: -232px -106px!important}
.job a {background-position: -232px -159px!important}
.footer-address a:hover { text-decoration: underline; color: #fff;}
.copyright, .copyright a, .footer-left-menu li a, .footer-right-menu li a{font-family: 'Open Sans', sans-serif; font-style: normal;font-weight: 400; color: #ffffff; font-size:14px;line-height:18px;text-decoration: none;letter-spacing: -0.6px;}
.footer-left-menu li {display: inline-block;width: 10%;float: left;margin-bottom: 10px;margin-right: 2px;}
.social-m-link {display: none;}
.copyright{font-size: 14px;line-height: 18px;margin-top: 52px;display: inline-block;}
.clear {height: 0;line-height: 0;font-size: 0;margin: 0;padding: 0;width: 100%;}
.zoneFooter {min-height: 197px;margin-top: 70px;border-top:1px solid #00000;}
.footer-address, .footer-address p, .footer-address a {
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.0rem;
}

.footer-address strong {
    display: block;
}
@media screen and (max-width: 1024px) and (min-width: 320px){
.footer-right-menu li a{
background-size: 486px auto;
}
.footer-right-menu li.invest a {
    background-position: 50% 10px !important;
}
.footer-right-menu li.media a {
        background-position: 50% -165px !important;
}
.footer-right-menu li.land a {
        background-position: 50% -515px !important;
}
.footer-right-menu li.job a {
    background-position: 50% -338px !important;
}
}

@media screen and (max-width: 640px){
.footer-right-menu li a{
background-size: 486px auto;
}
.footer-right-menu li.invest a {
    background-position: 50% 10px !important;
}
.footer-right-menu li.media a {
        background-position: 50% -165px !important;
}
.footer-right-menu li.land a {
        background-position: 50% -515px !important;
}
.footer-right-menu li.job a {
    background-position: 50% -338px !important;
}
}


@media screen and (max-width: 1024px) and (min-width: 320px){
.social-m-link {display: block;width: 100px;position: absolute;right: 5px;top: 0;}
.footer-right-menu li a {background: url(/~/media/Images/C/CNX-MidStream/css/mobi-sprite.png) no-repeat;display: block;padding: 125px 10px 0;text-align: center;}
.footer-right-menu li a{
background-size: 486px auto;
}

.media a {background-position: -8px -439px!important;}
.land a {background-position: -8px -219px!important;}
.job a {background-position: -8px -659px!important;}
.invest a {background-position: -8px 0!important;}

.footer-right-menu {margin-top: 0!important;}
.footer-right-menu li {width: 160px;height: 122px;margin-bottom: 80px;margin-right: 22px;}
.social-m-link a {display: inline-block;float: left;background: url(/~/media/Images/C/CNX-MidStream/css/sprite-image.png) -134px -56px no-repeat;width: 41px;height: 41px;margin-right: 7px;}
.social-m-link a.in {background-position: -184px -56px;margin-right:0;}
.footer-left-menu li {width: 40%;}
.copyright {/* text-align: center; */display: block;width: 100%;margin-top: 10px;}
}
@media screen and (max-width: 999px){
.zoneFooter {min-height: 100px;margin-top: 70px;}
.zoneFooter .inner{max-width: 100%;padding: 0 15px;}
}
.container.footerMenuBottom {padding: 30px 0!important; }
@media (max-width: 420px){
/*.footer-right-menu li {margin: 20px auto 80px;float: none!important;display: block;}*/
.social-m-link {position: static;display: block;width: 100%;text-align: right;margin-bottom: .5em;}
.social-m-link {top: 5px;}
}
/*---- slick-slider-----*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*---- main-----*/
.inv-branding a:after{background-image: url("/~/media/Images/C/CNX-MidStream/css/sprite.png"); background-repeat: repeat; content: " "; display: inline-block; position: absolute;}
#MainWrapper{float:left;width:100%}
.container-fluid{margin:0 auto; max-width:1170px;}
/*.cssDisable{display:none;}*/

/*-------------- Main Body CSS Starts --------------*/ 
.page-content span{width:100%;}
ul.tabs{margin: 0px;padding: 0px;list-style: none;display:inherit;margin-bottom:10px;}
ul.tabs li{text-align: center; color: #939598; font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size: 4.2rem;margin: 0px;padding: 14px 8px !important;background: none;display: inline-block;cursor: pointer;width: auto !important;border-width: 2px;border-color: transparent;border-style: solid;}
#home-page-slider ul.tabs li {width: auto !important;}
img.rad-center { margin: 0 auto;}
ul.tabs li.current{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;color: rgb(255, 255, 255);font-size: 4.2rem;border-width: 2px !important;border-style: solid !important;border-color: #939598 !important;padding: 14px 8px !important;}

.tab-content{display: none;padding: 15px;padding-left:0;max-width:580px;margin-bottom:10px;}
.tab-content.current{display:inline-block;}
.slide-3.slider-closed .slide3-tabs{display:none;}
.slide-3.slider-open .slide3-tabs{display:block;}
.slide3-tabs{position: absolute;left: 85px;top: 20px;}
.home-newsWrapper {border-top: 2px solid #939598;padding:13px 0 13px 10px;}
.home-newsWrapper.last {border-bottom: 2px solid #939598;padding:13px 0 13px 10px;}
.home-newsDate{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:1.6rem !important;line-height:30px !important;margin:0 !important;padding:0;}
.home-newsTitle{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:1.8rem !important;line-height:30px !important;margin:0 !important;padding:0;}
.home-newsLink, a.home-newsViewall{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:1.6rem;color:#fff;line-height:24px;}
.home-newsLink:hover, a.home-newsViewall:hover{color:#fff;text-decoration:underline;}
.tab-content .home-newsWrapper p{margin:0 !important;padding:0 !important;}
.home-newsViewall{top:15px;}


p.small-title{display:none;}
div#twocolleft a{text-decoration: underline;}
div.tabscontent.filings div.formDesc.Description a{text-decoration: none !important;}
td.inv-responsive-data-td.inv-responsive-data-content.inv-responsive-data-content {
    padding-left: 0;
    vertical-align:middle;
}
.ie9 div.bannerOuterText > .slider-title-small{margin-top:160px !important;}
.ie9 div.bannerOuterText > .slider-title{margin-top:160px !important;}
.internetexplorer11 td.cAlign .icon-pdf:before, .ie10 td.cAlign .icon-pdf:before, .ie9 td.cAlign .icon-pdf:before{margin-top:10px !important;}
.bannerIco{left: 9%;position: absolute;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 999;width:100%;max-width:70px;min-width:40px;}
.bannerIco img{height:auto;width:100%;}

.header{background:#fff;}
#logo{margin-top:18px; width: 170px;}
#logo img{display:inline-block;}
#logo1{width:74%;float:left;padding-left:0;padding-right:0;}
.home-ticker{width:210px;float:right;height:45px;position:relative;}
.box1-title{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:2.6rem;color:#2a2a2a;padding-bottom:10px;}
.box1-title span{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:2.6rem;color:#0089bb;}
.box1-contentWrapper{padding: 0px 50px;padding-top:10px;}
#homepage-box-1{display:table;padding-bottom: 40px;}
div#homepage-box-1 > div {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.rad-note{font-size: 1.2rem;line-height: 1.6rem;}
.rad-right{float:right;padding-left:15px;}
.box1-contentWrapper .content p{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:2.0rem;color:#2a2a2a;line-height:3.6rem;letter-spacing: -0.9px;padding-bottom:0;}
.overlay{position:absolute;height:100%;background-color:rgba(0, 0, 0, 0.8);min-width:80px;z-index:99;}
.overlay:after{content:'';position:absolute;left:100%;top:0;width:0;height:100%;border-right:78px solid transparent;border-top:148px solid rgba(0, 0, 0, 0.8);clear:both;}
.overlay1{position:absolute;height:100%;background-color:rgba(0, 0, 0, 0.8);min-width:225px;}
.overlay1:after{content:'';position:absolute;left:100%;top:0;width:0;height:100%;border-right:135px solid transparent;border-top:325px solid rgba(0, 0, 0, 0.8);clear:both;}
.box2, .box3, .box4{position:relative;/*border-bottom:3px solid #0089bb;*/}
.gray-box:after {content: '';width: 100%;height: 3px;background-color: #0089bb;bottom: 0px;position: absolute;z-index: 999;}
.box2Wrapper p, .box3Wrapper p, .box4Wrapper p{position:relative; text-transform: uppercase; font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:1.5rem;padding-bottom:0;margin-bottom:13px;padding-top:13px;}
.homecontentwrapper img{width:100%;}
.externalwebIFrame{width:100%;}
.box2Wrapper a:hover p, .box2Wrapper a:hover span{color:#0089bb;}
.box5Wrapper{background:#2a2a2a;position:relative;padding-left:35px;padding-right:35px;margin-top:20px;margin-bottom:20px;padding-top:33px;padding-bottom:30px;}
.box2Wrapper p:after{content:'';background:url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");background-position:-6px 0px;width:10px;height:16px;position:absolute;right:0;}
.box5{position:relative;display:inline-block;width:100%;}
.box5 .box5-innerWrapper p{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:2.2rem;color:#fff;padding:0;float:left;line-height:28px;padding-left:20px;letter-spacing:-0.4px;}
.box5 .box5-innerWrapper span.register-text{padding-left:20px;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:2.0rem;color:#fff;line-height:28px;display:inline-block;}
.box5 a{float:right;}

.ar-tabs ul, .news-tabs ul{border-bottom:5px solid #d7d7d7;}
table{width:100%;}
.icon-investor-alert{float:left;padding-left:0;font-size:3.5rem;color:#fff;position:relative;padding-right:10px;}
.box5-innerWrapper{float:left;}
.icon-presentation, .icon-sec, .icon-prs{color:#fff;font-size:4rem;left:40px;position:absolute;top:50%;transform:translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index:999;}
.icon-sec{-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 3.3rem;
    margin-top: -15px;font-size:3.3rem;}

#breadcrumb{background:#e9e9e9;padding-top:30px;padding-bottom:30px;}
.breadcrumbWrapper p{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:1.4rem;color:#2a2a2a;padding:0;}
.breadcrumbWrapper p a{color:#2a2a2a;}
.breadcrumbWrapper p .separator{padding-left:5px;padding-right:5px;}

a.btn{position:relative;display:inline-block;background:#0089bb;padding:16px 40px;padding-right:70px;color:#fff;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:1.6rem;}
a.btn:hover{background:#0f6f95;color:#fff;}
a.btn:after{content:'';background:url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");background-position:-8px -25px;width:10px;height:15px;position:absolute;right:40px;top:50%;transform:translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}

.investor-toolWrapper{position:relative;padding:17px 16px;margin-bottom:30px;border:1px solid #aeaeae;}
.investor-tool .title{width:100%;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:1.6rem;text-transform:uppercase;background:#181818;color:#fff;padding-top:14px;padding-bottom:13px;text-align:center;padding-left:0;}
.investor-tool p{display:block;padding-left: 130px;padding-bottom:26px;}
.investor-tool p:nth-child(2){margin-top:32px;}

.investor-tool a{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:1.6rem;color:#2a2a2a;}
.investor-tool a span{position:absolute;left:78px;font-size:3rem;line-height:2.5rem;}
.investor-tool p:nth-child(4) a span {font-size: 2.5rem;}
.investor-tool p:nth-child(6) a span {font-size: 2.8rem;line-height: 2rem;}
.investor-tool a:hover{color:#0089bb;}

.icon-add-calender{top:-7px !important;}
.pdfIco{
    background: url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");
    background-position: 0px -56px;
    position: absolute;
    width: 25px;
    height: 30px;
    top: 50%;
    color:transparent;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    }
.htmlIco{
    background: url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");
    background-position: 0px -120px;
    position: absolute;
    width: 25px;
    height: 30px;
    top: 50%;
    color:transparent;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    }    
.icon-pdf:before{content:'';background:url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");background-position:0px -56px;position:absolute;width:25px;height:30px;top:-5px;}
.rad-responsive .htmlIco:before{top:10px;}
a:hover span.pdfIco{background-position: -25px -56px;}
a:hover span.htmlIco { background-position: -25px -120px;}
.event-attachment .eventDocuments, .event-outlook-add{margin-bottom:47px;margin-left:46px; max-width: calc(100% - 46px);}
.event-date-custom{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:1.5rem;font-weight:bold;color:#222222;padding-bottom:39px;}
.event-attachment .eventDocuments a, .event-outlook-add a{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:1.5rem;color:#2a2a2a;position:relative;text-decoration:none !important;}
.event-attachment .eventDocuments a:hover, .event-outlook-add a:hover{color:#2a2a2a;}

.event-attachment .eventDocuments a span, a.Outlook-link span{font-size:3.5rem;position:absolute;left:-46px;top:-2px;}

.snapdown-title:hover p::before{color: #fff;}
.snapdown-item.active .snapdown-title:hover p::before{color:#fff;}
.leftnavigation .level2.selected.haschildren span, .leftnavigation .level2.selected a span {color:#fff !important;}
.leftnavigation .level2.selected{background:#181818;}

.eventDocuments a:hover span.icon-pdf:before{background-position:-25px -56px;}


/*.level1.selected.haschildren a span {padding-top: 14px;}*/
.level2.selected.haschildren.first span {padding-top: 16px;padding-bottom: 16px;}

.pr-date-field{width:10%;}
.pr-title-field{width:80%;padding-left: 60px;padding-right: 60px;}
.pr-document-field{width:10%;}
li#tabs-nav-2016-level3{padding-bottom:0;}
/*-------------- Main Body CSS Ends --------------*/ 

/*-------------- No JS CSS Starts --------------*/ 
body.nojs .snapdown-title>p:before{display:none;}
body.nojs .leftnavigation .level1.haschildren > ul{display:block;}

/*-------------- No JS Body CSS Ends --------------*/ 


/*-------------- Slider Starts --------------*/ 
.gradientDiv{background-image: url("/~/media/Images/C/CNX-MidStream/banners/banner-bg.png");
    height: 100%;
    position: absolute;
    width: 100%;z-index: 2;
}
.sliderWrapper #home-page-slider {}
.main-body #home-page-slider{display: block!important;}
.NewsPreviewSummary, .NewsSummary .NewsContent .TextContent, .newsHomepage .newsDesc, .press-body .floatRight{display:none;}
.newsHomepage{display:none;position:absolute;top:21%;right:0;left:0;margin-right:auto;margin-left:auto;width:100%;height: auto;background:0 0;}
.more, .newsHomepage article{width:667px;position:relative;left:635px;z-index:99;}
.more{top:15px;}
#home-page-slider .slide-3.slider-open div.slider-info{right:-185px!important;position:absolute;left:auto!important;}
.newsHomepage h3{margin:0;padding:0;font-weight:400;font-size:16px;line-height:30px;}
.newsHomepage p, .newsHomepage p span{margin:0;padding:0;font-family:'Open Sans' !important;font-weight:400;color: #fff!important;font-size: 20px!important;line-height: 30px!important;overflow:hidden;white-space:nowrap;}
.newsHomepage p.newsdate,
.newsHomepage p>a {margin: 0;line-height: 30px}
.newsHomepage article {border-top: 2px solid #939598;padding: 13px 0 13px 10px}
.newsHomepage article:last-of-type {border-bottom: 2px solid #939598!important}
.newsHomepage p.newsdate {text-decoration:none;padding:0;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-weight: 400;color: #fff;font-size: 1.6rem!important}
.newsHomepage a:hover {text-decoration:underline!important;color:#fff;}
.newsHomepage a.more, .newsHomepage p>a {text-decoration:none;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;color:#fff;font-size:16px!important;padding:0;font-weight:400;}
.newsHomepage a.more {margin:0 0 0 10px;line-height:5rem;}
.TextContent{border:1px solid #ccc;padding:0;float:left;position:relative;width:100%;margin-bottom:0;}
.TextContent:last-child{border-bottom: 1px solid #ccc;}
.NewsPreviewTitle{float:left;margin:0 0 0 80px;border-left:1px solid #ccc;padding:10px;}
.NewsPreviewDate{position:absolute;top:12px;left:8px;padding:0;}
.newsItemDetail h1{padding-top:0;}
.NewsSummary .NewsContent .Date{font-weight:400;color:#0089bb!important;font-size:20px!important;line-height:30px!important;}
.NewsBody .TextContent, .NewsBody .TextContent table, .NewsBody .TextContent table span{border:none;padding:0;font-family:'Open Sans', sans-serif !important;font-weight:400;font-size:1.25em!important;line-height:30px;}
.floatRight .fa-print{font-size: 2.5rem;margin:10px 0;}
.floatRight{float:right;margin-top:-11px;position:relative;z-index:9;}
.press-news-body .searchBox .form-control, .press-news-body .searchBox .searchButtonP{display:inline-block;}
.FeedLinkHeader, .listBoxWithTeaser span.bold, .press-news-body .hide-floatRight{display:none;}
.press-news-body .searchBox .searchButtonP{background:#0089bb;border:1px solid #0089bb;padding:3px 7px;color:#fff;border-radius:0;}
.searchresultpage td.Error ul li{list-style: inside;margin-bottom: 10px;}
.searchresultpage td.Error ul{margin-top: 15px;}
.searchresultpage td.Error p:first-child{margin-bottom: 10px;}
.press-news-body{float:left;}
.p404{font-size:20px!important;line-height:30px!important;}


.slider-title-small{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:2.3rem;line-height:2.2rem;color:#fff;text-transform:uppercase;opacity:0.7;}
.leftM_CMSListMenuUL ul.leftM_CMSListMenuUL ul.leftM_CMSListMenuUL>.leftM_CMSListMenuLI a{padding-left:55px;color: #fff!important;}
.press-news-body .searchBox{width: 100%;margin-bottom: 20px;float: none;}
.leftM_CMSListMenuUL ul.leftM_CMSListMenuUL ul.leftM_CMSListMenuUL>.leftM_CMSListMenuHighlightedLI a.leftM_CMSListMenuLinkHighlighted {padding-left: 55px;}
#home-page-slider {margin: 0;width: 100%!important}
#home-page-slider li {position: relative;width: 100% !important;}
#home-page-slider div.slider-bg {background: #000;top: 300px;height: 102px;width: 600px;left: 0;position: absolute;z-index: 10;opacity: .5}
#home-page-slider div.slider-info {width: 100%!important;min-height: 150px;position: absolute;z-index: 15;padding: 15px;left: 0%;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;transition: all 1s ease-in-out}

#home-page-slider .slide-1{top: 0px; z-index: 0; margin: 0px; padding: 0px; float: left; display: block; position: absolute; overflow: hidden; width: 1140px; height: 480px; text-indent: 0px; left: 0px; cursor: default;}
#home-page-slider .slide-2{top: 0px; z-index: 10; margin: 0px; padding: 0px; float: left; display: block; position: absolute; overflow: hidden; width: 1140px; height: 480px; text-indent: 0px; left: 1200px; cursor: pointer;}
#home-page-slider .slide-3{top: 0px; z-index: 20; margin: 0px; padding: 0px; float: left; display: block; position: absolute; overflow: hidden; width: 1140px; height: 480px; text-indent: 0px; left: 1391px; cursor: pointer;}

#home-page-slider .slide-1 div.slider-info {top: 21%;}
#home-page-slider .slide-2 div.slider-info {top: 30%;}

div.bannerOuterText .bannertext .slider-title{margin-top:-280px;margin-left:45px;}
div.bannerOuterText .bannertext .slider-title{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:4.3rem;line-height:5.2rem;color:#fff;text-transform:uppercase;}

#home-page-slider .slide-2 div.slider-info .slider-text{margin-left:-660px;margin-top:-50px;}
#home-page-slider .slide-2.slider-open div.slider-info {left: 10%!important;}
#home-page-slider .slide-3 div.slider-info {top: 30%;}
#home-page-slider div.slider-info p{display: none;font-size:2.0rem;line-height:2.8rem;color: #fff;margin: 10px 0 35px;}
#home-page-slider div.slider-info .btn-primary {font-size: 16px;line-height: 25px;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;background-color: #0089bb;border-color: #0089bb;border-radius: 0;text-decoration: none;padding: 13px 29px;}
#home-page-slider li.slider-open div.slider-info{width:80%;}
#home-page-slider li.slider-open div.slider-info strong{font-size: 2.2rem;}
#home-page-slider li.slider-open div.slider-info p{display: block;}
#home-page-slider div.slider-info div.slider-text{display: none;}
#home-page-slider li.slider-open div.slider-info div.slider-text{display: block;}
#home-page-slider .slider-text #content1 ul{padding: 0;margin: 0}
#home-page-slider .slider-text #content1 ul li {border-top: 2px solid #939598;list-style: none;padding: 10px 0 10px 15px;}
#home-page-slider .slider-text #content1 ul li .news-date {font-size: 1.6rem;line-height: 30px;margin: 0}
#home-page-slider .slider-text #content1 ul li .news-text {margin: 2px 0;}
#home-page-slider .slider-text #content1 ul li .news-more{font-size: 16px;line-height: 30px;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;margin: 10px 0;color: #fff;text-decoration: none;text-transform: uppercase;}
#home-page-slider li img{height:480px;/*max-width:500%;*/}
#home-page-slider .zoneMainContent{position: relative;}
#home-page-slider .slide-1.slider-closed .slider-title, .slide-1.slider-closed a{display: none;}
#home-page-slider .slide-2.slider-closed .slider-title, .slide-1.slider-closed a{display: none;}
#home-page-slider .slide-1.slider-open div.slider-info{left: 10%!important;}
#home-page-slider .slide-3.slider-open div.slider-info{top: 7%;}
#home-page-slider .slide-2.slider-closed div.slider-info a{display: none;}
#home-page-slider .slide-2.slider-open div.slider-info a{display: inline-block;}
#home-page-slider .slide-1{z-index: 8!important;-webkit-transform: translate3d(0, 0, 0) skew(0deg, 0deg);-moz-transform: translate3d(0, 0, 0) skew(0deg, 0deg);transform: translate3d(0, 0, 0) skew(0deg, 0deg);}
#home-page-slider .slide-2{-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);-ms-transform: skew(-20deg);transform: skew(-20deg)}
#home-page-slider .slide-2 img{-webkit-transform: skew(+20deg) scale(1);-moz-transform: skew(+20deg) scale(1);-ms-transform: skew(+20deg) scale(1);-o-transform: skew(+20deg) scale(1);transform: skew(+20deg) scale(1);position: relative;left: -90px}
#home-page-slider .slide-2 .slider-info{-webkit-transform: skew(+20deg) scale(1);-moz-transform: skew(+20deg) scale(1);transform: skew(+20deg) scale(1)}
#home-page-slider .slide-3{display:none;background: #0089bb;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);transform: skew(-20deg);-ms-transform: skew(-20deg);-o-transform: skew(-20deg);}
#home-page-slider .slide-4{background: #0089bb;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);transform: skew(-20deg);-ms-transform: skew(-20deg);-o-transform: skew(-20deg);}


#home-page-slider .slide-3 .slider-info{-webkit-transform: skew(+20deg) scale(1);-moz-transform: skew(+20deg) scale(1);transform: skew(+20deg) scale(1);-ms-transform: skew(+20deg) scale(1);-o-transform: skew(+20deg) scale(1);}
#home-page-slider main{min-width: 320px;max-width: 800px;padding: 0}
#home-page-slider #content1{display: none}
#home-page-slider #content2{display: none}
#home-page-slider input {display: none}
#home-page-slider label {display: inline-block;margin: 0 0 0 0;border: 2px solid #0089bb;padding: 0 10px;font-size: 50px;text-align: center;color: #939598;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;}
#home-page-slider label:before {font-family: fontawesome;font-weight: normal;margin-right: 10px}
#home-page-slider label:hover {cursor: pointer}
#home-page-slider #tab1:checked~#content1, #home-page-slider #tab2:checked~#content2 {display: block}
.css-slider {display: none}
.slider-open div.slider-title-small{display:none;}
.slider-closed .slider-title{display: none;}

@media screen and (max-width: 768px) {
.home-slider{height:522px !important;display:block !important;}

    ul#home-page-slider {display: none!important}
    .css-slider{display:block;}
    .main-body #home-page-slider{display: none!important}
    .main-body .css-slider{display: block!important}
    .css-slider{height:508px;width:100%;position:relative;overflow:hidden;background:#120103;color:#fff;text-align:center;}
    label{cursor: pointer;display: inline-block}
    header.slide-header{background-color:#c70036;position:absolute;bottom:0;left:0;z-index:900;width:100%;}
    header.slide-header label{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;background-color:#c70036;color:#939598;font-size:2.1rem;width:32%;margin:0;padding:20px 0;border-right:1px solid #939598;}
    header.slide-header label:last-child{border-right: none;}
    nav.slide-nav{position: absolute;top: 26%;margin-top: 0;z-index: 900;width: 100%;}
    nav.slide-nav label {font-size: 50px}
    header.slide-header label:hover {background: #c70036}
    .prev {position: absolute;left: 0;background: url(http://consol-redesign.win1.dev.gatesmandave.com/consolenergy/media/Images/SpriteImage.png) no-repeat;background-position: 0 0;height: 158px;width: 38px;}
    .next {position: absolute;right: 0;background: url(http://consol-redesign.win1.dev.gatesmandave.com/consolenergy/media/Images/SpriteImage.png) no-repeat;background-position: -32px 0;height: 158px;width: 38px}
    .sliderWrapper div.slide img{position: absolute;min-width: 100%;min-height: 100%;}
    .slide{height:450px;width:100%;max-width:1920px;position:absolute;top:0;left:100%;z-index:10;padding:0;background-color:#120103;background-position:50% 50%;background-size:cover;-webkit-transition:left 0s .75s;transition:left 0s .75s;}
    .slide .slide-content{height:537px;display:table-cell;vertical-align:middle;padding:0 50px;width:100%;}
    nav.slide-nav {top:36%;}
    .slide-three {background: #c70036}
    .slide .slider-title {opacity: 0;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform .5s .5s, opacity .5s;transition: transform .5s .5s, opacity .5s}
    .slide .prev, .slide .next {opacity: 0}
    input#slide-1:checked~header.slide-header label#slide-first,
    input#slide-2:checked~header.slide-header label#slide-second,
    input#slide-3:checked~header.slide-header label#slide-third {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;background: #c70036;color: #fff}
    [id^="slide"]:checked+.slide {left: 0;z-index: 100;-webkit-transition: left .65s ease-out;transition: left .65s ease-out}
    [id^="slide"]:checked+.slide .slider-title {text-align:left;opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .5s .5s;transition: all .5s .5s}
    [id^="slide"]:checked+.slide .prev,
    [id^="slide"]:checked+.slide .next {opacity: 1;-webkit-transition: all .5s .5s;transition: all .5s .5s}
    .slide .btn-primary {background-color: #0089bb;border-color: #0089bb;border-radius: 0;text-decoration: none;font-size: 16px;line-height: 25px;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;padding: 13px 29px}
    .slide .slider-title {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:4.0rem;text-align:left;text-transform: uppercase}
    .slide p {text-align:left;font-size: 2.0rem;line-height: 2.8rem;color: #fff;margin: 25px 0 35px;position:relative;}
}

@media screen and (min-width: 320px)and (max-width: 1024px) {
    .slide {
        background-position: 68% 80%
    }
    nav.slide-nav {
        top: 36%
    }
    
}
@media only screen and (max-width: 320px) {
    .slide .slider-title {
        font-size: 40px;
        font-weight: bold;
        text-align: center
    }
    .slide p {
        font-size: 20px;
        line-height: 28px;
        color: #fff;
        margin: 25px 0 35px
    }
}
#home-page-slider .twitter-wrapper{float: left;width: 545px;margin-top: 20px}
#home-page-slider .timeline-Widget {background: #0089bb!important;background-color: #0089bb!important}
.active-tabs{color:#fff!important;padding:0 10px!important;font-size:50px!important}
.newsHomepage a.more:hover,
.newsHomepage a.more:focus,
.newsHomepage a.more:active,
.newsHomepage p>a:hover,
.newsHomepage p>a:focus,
.newsHomepage p>a:active {color: #fff;text-decoration: underline}
.manu-wrap{background:#8b8a8f;}
.manu-wrap,
.zoneTop {}@media screen and (min-width: 1024px) {
/*    .manu-wrap.manu-wrap,
    .zoneTop.zoneTop {
        display: block!important
    }*/
}
#home-page-slider .slider.slider {transition: left 700ms}
#home-page-slider .slider.slider.slide-1.slider-closed {}#home-page-slider .slider.slider.slide-1.slider-closed+.slider {left: 15em!important}
#home-page-slider .slider.slider.slide-2.slider-closed,
#home-page-slider .slider.slider.slide-1.slider-open~.slider.slide-2 {
    left: calc(100% - 38em)!important;
}
#home-page-slider .slider.slider.slide-2.slider-closed+.slider {
    left: 34em!important;
}
#home-page-slider .slider.slider.slide-3.slider-closed,
#home-page-slider .slider.slider.slide-1.slider-open~.slider.slide-3 {
   left: calc(100% - 19em)!important;
}

#home-page-slider .slider.slider div.slider-info {-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;display: -webkit-flex;-webkit-align-items:center;top: 0;left: 0!important;padding-left:30px;height: 100%;align-items: center;align-content: center}
#home-page-slider .slider.slider div.slider-info .slider-title {width: 660px;}
#home-page-slider .slider.slider div.slider-info p.slider-text{}
#home-page-slider div.slider-info .slider-title-small {margin-left:-15px;max-width:120px;}
#home-page-slider div.slider-info a{left:-528px;top:95px;}
#home-page-slider div.slider-info .slide-2 a{top:70px;}
#home-page-slider .slider.slider div.slider-info>* {width: 100%;}
#home-page-slider .slide-2.slider-open div.slider-info a {display: block;width: auto;left: 50px;float: left;top: 0px;}

/*-------------- Slider Ends --------------*/ 




/*-------------- Main Body CSS Starts --------------*/ 
html{font-size:10px;-webkit-text-size-adjust: none;-ms-content-zooming: none;}
body{background-color:#fff; font-family:'verdana',Arial,Helvetica,sans-serif;  line-height:1.8rem;font-size:1.4rem}
a{color:#0089bb; text-decoration:none;}
a:hover{color:#0f6f95; text-decoration:none;}
a:focus, #contentwrapper a:active{text-decoration:none;border:none; outline:0; _noFocusLine:expression(this.hideFocus=true);}
.hide{display:none;}
.invisible{position:absolute; left:-9999999px; top:auto; width:1px; height:1px; overflow:hidden; visibility:visible;}
img{outline-style:none;outline-width:0;border:0 none;}
sup{font-size:smaller;}
sub{margin:2px 0; padding:2px 0;}
ul,ol{list-style:none;}
#twocolleft ul{list-style-image:none; margin: 0 0 20px 35px;} 
#twocolleft ul ul{list-style: outside none circle;margin: 5px 0 0 15px;}
#twocolleft ol ol{margin: 5px 0 0 15px;}
#twocolleft ol{list-style: outside none numeric; margin: 0 0 20px 15px;}
#twocolleft ol li,#twocolleft ul li{list-style-position:outside;list-style-type:disc;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:1.6rem;padding-left:12px;line-height:2.3rem;color:#2a2a2a;}
#twocolleft ul li ol, #twocolleft ol li ul { margin: 5px 0 0 15px;}
hr{border-style:none none solid; border-width:0 0 1px; margin:5px 0;}
:active{outline-style:none; outline-width:0;}

*{margin:0; padding:0;}
.uppercase{text-transform:uppercase;}
p{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;font-size:1.6rem;line-height:2.3rem;padding: 0 0 20px;color: #2a2a2a;}
h1, h2, h3, h4{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;}
#ip3-Homepage h1{border:0;margin-bottom:0 ;padding-bottom:0px;}
h1{font-size:2.8rem;line-height:3rem;color:#0089bb;margin:0;padding-bottom:10px;margin-bottom:40px;border-bottom:4px solid #e9e9e9;}
h2{font-size:2.3rem; line-height:2.8rem; margin:0 0 10px;}
h3{font-size:2.0rem; line-height:2.4rem; margin:0 0 10px;}
h4{font-size:1.6rem;margin:0 0 10px;}
p#sectionheader{font-size:1.6rem; line-height:2.0rem;}
.float100{float:left;width:100%}
.hide { display:none }
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
#bannerwrapper .sliderbanner{-webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}
.full-width{width:100%;}
.inline-block{display:inline-block;}

/*-------------- Main Body CSS Ends --------------*/


/*-------------- Header CSS Starts --------------*/
#headerwrapper {position: relative;}
#headerlinks{overflow:hidden;}
#headerlinks ul li{border-right:1px solid #0000FF; float:left; padding:0 5px;}
#searchcontainer{clear:both; float:right; height:25px; margin:10px 0 0; overflow:hidden;}
#searchTextboxContainer{float:left;}
#searchTextboxContainer input{width:140px; height:23px;}
#SearchButtonContainer{float:left;}
#SearchButtonContainer input{height:24px; width:44px;}
#toplinks{float:right;}
.toplinks-right{float:right;width:420px;margin-bottom:15px;padding-top:15px;}
.toplinks-right a{font-size:1.4rem;color:#8b8a8f;float:left;margin-top:10px;line-height:14px;text-transform:uppercase;}
.contact-link{margin-left:10px;padding-left:10px;border-left:1px solid #8b8a8f;}
/*-------------- Header CSS Ends --------------*/


/*-------------- Top Navigation CSS Starts --------------*/
#topnavigation{clear:both;}
#topnavigation ul li {float:left; text-align:center;text-transform: capitalize;}
#topnavigation ul li.first{border-left: medium none; padding-left: 0;}
#topnavigation ul li.last {border-right: 0 none;}
#topnavigation ul li.selected a, #topnavigation ul li.current a{color:#000;}
#topnavigation>ul>li {float: none;display: table-cell;}
/*-------------- Top Navigation CSS Ends --------------*/


/*-------------- Left Navigation CSS Starts --------------*/
#utility{margin-top:40px;}
.leftnavigation{margin-bottom:28px;}
.leftnavigation .level1 {transition: background-color 500ms;font-size: 1.4rem;line-height: 1.4rem;background:#e9e9e9;margin-bottom:5px;}
.leftnavigation .level1.current{display:block;padding:15px 15px;background:#2a2a2a;}
 .leftnavigation .level1.current:hover{background:#181818;}
.leftnavigation .level1.current span{color:#fff;}

.leftnavigation li.level1.selected a {background: #939598;transition: background-color 500ms ease 0s;}
.leftnavigation li.level1 a:hover { background: #cfcfcf;}
.leftnavigation li.level1 a.showmore-menu:hover { background: transparent;}
.leftnavigation li.level1.selected a:hover{background: #cfcfcf;}
.leftnavigation li.level1.selected.haschildren a:hover{background: #747474;}
.leftnavigation li.level1.selected.haschildren ul{background:#2a2a2a;transition: background-color 500ms ease 0s;}
.leftnavigation li.level1.selected.haschildren ul li.level2{padding-left: 30px;background-color: #747474;transition: background-color 500ms ease 0s;}
.leftnavigation li.level1.selected ul li.level2{padding-left:40px;transition: background-color 500ms ease 0s;}
.leftnavigation li.level1.selected.haschildren ul li.level2:hover{background: #939598;}
.leftnavigation .level2.current{background: #181818;transition: background-color 500ms ease 0s;}
.leftnavigation li.level1.selected.haschildren a.showmore-menu{background:transparent; }
.leftnavigation li.level1 ul li.level2{padding-left:40px;}

.leftnavigation li.level1.selected span{color: #fff;/* padding-bottom:17px; */}
.leftnavigation li.level1.selected.haschildren ul li.level2.current {background: #616262;}
.leftnavigation li.level1.selected li.level2 a span { color: #fff;}
.leftnavigation li.level1.selected.haschildren ul li.level2:hover {background: #616262;}
.leftnavigation li.level1.selected.haschildren ul li.level2.current,
.leftnavigation li.level1.selected.haschildren ul li.level2.selected {background: #616262;}
.leftnavigation li.level1 ul li.level2:hover { background: #747474;}
.leftnavigation li.level1 ul li.level2:hover a span { color: #fff;}
.leftnavigation li.level2 span{/*padding-left:18px;*/padding-top:16px;padding-bottom:16px;}
.leftnavigation li.level2.current span{color:#fff;}
/*.leftnavigation li.level2.last span{padding-bottom:33px;}*/
.leftnavigation span{font-size:1.6rem;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;color:#2a2a2a;/*padding-left:25px;padding-bottom:17px;padding-top:13px;*/display:block;}
.leftnavigation .level1 > a{display:block;padding:16px 15px;}
.leftnavigation .level1.haschildren > ul {display:none;/*padding-left: 20px;*/}
.leftnavigation .level2 {
}
.leftnavigation .level1.selected > a{color: #fff;}

/*Right menu drop down starts*/
a.showmore-menu { cursor: pointer; display: block; height: 44px; margin: 0; position: absolute; right: 10px; top: 0; width: 30px;font-weight:700; z-index: 500; font-family: 'icomoon' !important; color:#2a2a2a;}
.leftnavigation .level1.haschildren { position: relative; }
.leftnavigation .level1.haschildren > a > span {padding-right: 30px;}
a.showmore-menu:after { content: "\e913";font-size:2.6rem; font-weight:500; position:absolute; top:18px; left:9px; }
a.showmore-menu.opened:after { content: "\e912";}
/*Left menu drop down ends*/
/*-------------- Left Navigation CSS Ends --------------*/


/*-------------- Breadcrumb CSS Starts --------------*/
#breadcrumb{margin:0 0 50px; font-size:0.8em}
/*-------------- Breadcrumb CSS Ends --------------*/


/*-------------- Search page CSS Starts --------------*/
.ip3search_highlight{}
.sitesearchpagination{padding-top:10px;float:left;width:100%;}
.sitesearchpagination ul{text-align:center;}
.sitesearchpagination ul li{display:inline; margin:0 10px 0 0 !important; padding:0;list-style:none !important;}
table.searchTable{width: 100%; word-break:break-all;}
table.searchTable tbody tr th{ text-align:left; height:22px;}
#tabs.sectionTabs{float:left; position:relative; width:100%; padding:0 0 10px;}
#tabs.sectionTabs ul{float:left; list-style:none outside none; padding:0; margin:0; width:100%;border-bottom: 1px solid #e9e9e9; padding-bottom: 15px;}
#tabs.sectionTabs li{float:left; padding:0; margin:0;list-style: outside none none;margin-right: 5px; }
#tabs.sectionTabs li a{background: #0089bb !important;color: #fff;}
#tabs.sectionTabs li a:hover{background: #0f6f9f !important;}
#tabs.sectionTabs li a span{display:block; text-align:center;}
#tabs.sectionTabs li a{display:block; padding:20px 25px; text-align:center; background-color:#ccc;}
#tabs.sectionTabs li.current a, #tabs.sectionTabs li a:hover{background-color:#fff;}
#tabsDD{height:35px; font-size:1.4rem; width:180px;}
#tabs.sectionTabs span.select{position:absolute; font-size:1.4rem; top:0; left:0; height:39px; color:#000; padding:11px 15px 10px 5px; background:url("/~/media/Images/C/CNX-MidStream/css/searchTab-dd.png") no-repeat scroll 96% 17px #cccccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/C/CNX-MidStream/htc-files/boxsizing.htc");}
/*.searchresultpage #loadmore a {background-color: #f1ece2; color: #000; cursor: pointer; display: block; line-height: 23px; padding: 10px 0; text-align: center; text-decoration: none;}*/
.searchresultpage #loadmore{width:100%; float:left; padding:20px 0;}
.searchresultpage #loader,.searchresultpage #loadedcontent{display:none; text-align:center;}
#searchinnerRP { margin-bottom: 10px;}
#searchTextBoxContainerRP { float: left;}
#searchButtonContainerRP { float: left;}
#searchTextBoxContainerRP input { border: 1px solid #ababab; padding: 9px;}
#searchButtonContainerRP > input {    margin-left: 5px;
    background: #0089bb;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
    color: #fff;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;}
#searchButtonContainerRP::before{content: '';
    background: url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");
    background-position: -8px -25px;
    width: 10px;
    height: 15px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);}
#searchButtonContainerRP > input:hover{background: #0f6f9f;
    color: #fff;}
.mobi-pr-tabs ul{display:none;margin:0 !important;}
.mobi-pr-tabs ul li{list-style-type:none !important;background:#fff;}
.newsWrapper thead{display:none;}
.newsWrapper tbody{border-bottom:1px solid #e9e9e9;}
.mobi-pr-tabs .year-item{padding:10px;background:#efefef;}
.mobi-pr-tabs .year-item:after{content: "";height: 15px;width: 20px;float: right;background: url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");background-position:-27px -38px;}
.mobi-pr-tabs .year-item.active:after{background-position: -27px -26px;}
.mobi-pr-tabs ul li a{padding:10px;display:block;color: #2a2a2a;text-decoration:none !important;}
/*-------------- Search page CSS Ends --------------*/


/*-------------- Site Map CSS Starts --------------*/
#sitemapcontainer{ }
#sitemapcontainer li{}
#sitemapcontainer li a{ display:inline-block; padding:3px;}
#sitemapcontainer li ul li{ font-weight:normal}
#sitemapcontainer li ul li a{ padding:0 0 0 3px;}
#sitemapcontainer li ul li ul{ margin-bottom:10px;}
#sitemapcontainer li ul li ul li{}
#sitemapcontainer li#nav-site-services-level1{display:none;}
/*-------------- Site Map CSS Ends --------------*/


/*-------------- Homepage Bottom Boxes Starts --------------*/
.box-item-container{margin-bottom:35px;}
.box-item-container h2 {font-size: 2.4rem;line-height: 2.8rem;margin-bottom: 15px;}
.box-item-container .ir-box-link a{color: #159EE4;font-size: 1.6rem;}
.box-item-container .ir-box-link a:hover {font-size: 1.6rem;color: #6e8878;}
.box-item-container .ir-box-content {margin-bottom: 10px;}
.box-item-container .form-links a{font-size: 2.4rem;margin-right: 5px;}
.box-item-container .form-links{margin: 5px 0px;}
.box-item-container p.ir-event-date {padding-bottom: 5px;}
.box-item-container #regTextbox {border: 1px solid #d8d8d8;padding: 5px 10px;margin-bottom: 10px;}
.box-item-container .email-alerts-btn input[type="submit"] {color: #FFF;border-radius: 7px;background: #003764;border: none;padding: 7px 15px;}
.homepage-boxes {width:100%; padding: 15px 15px 10px 15px;border-top: 2px solid #159EE4;display: inline-block;border-bottom: 2px solid #159EE4;background-color: #f7f7f7;}
a.email-alert {background: #003764;border: none;border-radius: 7px;color: #fff;padding: 7px 15px;float: left;}
/*-------------- Homepage Bottom Boxes Ends --------------*/


/*-------------- Footer CSS Starts --------------*/
#footerwrapper{clear:both; padding-top:40px;}
#footerlinks ul li{border-right:1px solid #0000FF; float:left; padding:0 5px;}
/*-------------- Footer CSS Ends --------------*/



/* --------------- Banner Starts ---------------*/
.home-slider{max-height:345px; background: rgba(0, 0, 0, 0) url("~/media/Images/U/US-Base-IPO/css/site-loader.gif") no-repeat scroll center center;}
.home-slider#bannerwrapper .sliderbanner{/*visibility:hidden;*/ float:left; transition: all 0s ease 0s;}
.banneritem{position:relative;height: 345px;width:100%;overflow:hidden;float:left;}
.banneritem:after {
    background: rgba(0,0,0,0.5);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}


.banneritem .bannertext{color: #fff;position: relative;width: 500px;}
#bannerwrapper .sliderbanner{ width:100%; position:relative;}
.bannerOuterText {margin: 0 auto;max-width: 980px;/*width:100%;position: relative;top: 43%;transform: translateY(-50%);*/position: relative;z-index: 10;top: 50%;left: 50px;transform: translateY(-50%);}
.home-intro {}
.home-intro p{font-size: 1.6rem; line-height: 2.0rem;}
.BannerImage{display: block; height: auto; width: 100%;}
.bannertext p.sldTitle{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size: 3.3rem;line-height: 4.2rem;color: #fff;/* text-transform: uppercase; */}
.bannertext {font-size: 2.0rem; line-height: 2.8rem; color: #fff;}
.bannertext p a.btn {
    position: relative;
    display: inline-block;
    background: #0089bb;
    padding: 16px 40px;
    padding-right: 40px;
    padding-right: 70px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    margin: 10px 0 0 0;
}

.slick-dots{left: 0px;right: 0px;bottom:30px;margin: 0px auto;position: relative;text-align: center;}
.slick-dots li{display:inline-block;margin:0 5px;}
.slick-dots li button{border:none;background:rgba(255,255,255,0.7);height:15px;width:15px;text-indent:-99999px;}
.slick-dots li.slick-active button{background:rgba(255,255,255,1);}
.slick-arrow{position:absolute;top:45%;z-index:2;border:none;width:31px;height:55px;font-size:0px;background-color:rgba(255,255,255,0);}
.slick-arrow.slick-next:after {font-family: 'icomoon';content: "\e904";font-size: 3.5rem;position: relative;color: #fff;}
.slick-arrow.slick-prev:after {font-family: 'icomoon';content: "\e905";font-size: 3.5rem;position: relative;color: #fff;}
.slick-arrow.slick-prev{left:20px;background-position:-8px -8px;}
.slick-arrow.slick-next{right:20px;background-position:-45px -8px;}
/* --------------- Banner Ends ---------------*/


/* --------------- Search Starts ---------------*/
.siteSearch{background-color: transparent; background-position: -125px -8px; border: 0 none; height: 20px; right: 2px; text-indent: -9999px; width: 20px; position:absolute; top:0;z-index:999;color:#ababab;}
.search{border:none;}
.searchbox {width: 100%; position:relative;clear:both;float:right;}
.search-txt { font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;
    font-size: 17.5px;
    font-weight:700;
    border: none!important;
    height: 40px;
    padding: 0 35px 0 5px;
    color: #0089bb;
    background: 0 0;
    border-bottom: 2px solid #0089bb!important;
    border-radius: 2px;
    width: 100%;}
#searchButtonContainer:after {/*font-family: 'icomoon';content: "\f002";*/    background: url("/~/media/Images/C/CNX-MidStream/icons/search-btn.png");
    content: "";
    height: 20px;
    width: 20px;position: absolute;right: 0px;top: 5px;line-height: 1.5rem;color:#ababab;font-weight:700;}
div#searchButtonContainer2:after {font-family: 'icomoon';content: "\f002";position: absolute;right: 0px;top: 5px;line-height: 1.5rem;color:#747474;font-weight:bold;}

/* --------------- Search Ends ---------------*/


/* --------------- Content Wrapper Starts ---------------- */
#contentwrapper{margin-top: 25px;clear: both;}
.page-intro-text {float: left;width: 100%;}
.page-content {float: left;width: 100%;}
.page-introtext p {font-size: 1.6rem;line-height: 2.0rem;}
/* --------------- Content Wrapper Ends ---------------- */


/* --------------- Snapdown Starts ---------------- */
.snapdown-container {float: left;width: 100%;}
.snapdown-title {position:relative;float: left;width: 100%;cursor: pointer;padding-top:16px;padding-bottom:15px;background: #d7d7d7;}
.snapdown-title:hover {background: #939598;}
.snapdown-content {float: left;width: 100%;display:none;padding: 15px;padding-top:32px;}
.snapdown-content p:last-child{margin-bottom: 0px;}
.snapdown-item {float: left;width: 100%;margin-bottom: 8px;}
.snapdown-item.active .snapdown-title{background: #181818;}
.snapdown-item.active .snapdown-title span{color:#fff;}
.show-hide {cursor: pointer;float: right;}
.eventWrapper:first-child .snapdown-content{display:block;} 
.snapdown-item.first .snapdown-content{display:block}
.snapdown-title p{display:inline-block;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:1.4rem;margin-bottom:0;position:relative;left:64px;letter-spacing:1px;}
.nojs .snapdown-title p:after{display:none;}
.snapdown-title>p:before{color:inherit;content:"\e90a";display:block;font-family: 'icomoon' !important;position: absolute;left:-41px;font-size: 1.6rem;top:55%;transform:translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.snapdown-item.active .snapdown-title>p:before, .snapdown-item.active .snapdown-title  p{color:#fff;}
.snapdown-item.active .snapdown-title>p:before{color:#fff;}
.snapdown-item.active .snapdown-title>p:before{content:"\e908";font-size:1.9rem;}
.snapdown-title i {font-size:1.8rem; float:right; }
.nojs .snapdown-title p::after{content:"";}
.nojs .snapdown-title.active p::after{content:"";}
.snapdown-title:hover p{color: #fff;}
/* --------------- Snapdown Ends ---------------- */

/* ---------------Starts Committee Composition ---------------- */
.category-key span{width:30%;float:left;}
.category-key{float:left;width:100%;margin-bottom: 20px;margin-top: 10px;}
.committee-composition-container {float: left;width: 100%;}
table.committee-composition-table {width: 100%;}
.category-key img {margin-top: -5px;display: inline;}
.committee-composition-table img {display: inline-block;}
table.committee-composition-table td {text-align: center;}
table.committee-composition-table td.textLeft{text-align: left;}
/* ---------------Ends Committee Composition ---------------- */


/* --------------- Events and Presentation Starts ---------------- */
.events-presentations-container {float: left;width: 100%;padding-bottom: 30px;}
.events-presentations-container .event-date { width: 20%;}
.event-table td{vertical-align:top;}
.webcast-event{ display: block;float: left;min-height:25px; padding:2px 2px 3px 20px;clear:left;position: relative;}
a.webcast-event:after {font-family: 'icomoon' !important;content: "\f1c7";position: absolute;left: 0px;top: 0px;}
table.upcoming-event-table {margin-bottom: 20px;}
.eventSubitems {margin-top:10px;}
.eventSubitems a{position: relative;display: block;float: left;padding: 2px 0;}
.eventSubitems .relatedLink {padding-bottom: 5px;}
.event-table strong.title-sub{ display: block;}
.event-document:first-child {margin-top: 10px;}
.event-document{ clear: both; display: block; float:left; }
.event-document img{ padding: 0 4px 0 2px; vertical-align: middle;display:inline}
.event-document a{ display: block;padding: 2px 0;float:left; }
.pdf-size{ display: block;float: left;padding:5px 0 3px 8px;}
.event-document.event-document-1 a{ padding: 3px 0 2px; }
.Outlook-link{ display: block; float: left; padding: 2px 0; }
.Outlook-link img{ margin-right: 11px; vertical-align: middle; display:inline}
.rad-underline{text-decoration:underline;}

.event-document .media-link {font-size:1.4rem; color:#159ee4}
.event-document .media-link:hover {font-size:1.4rem; color:#159ee4}
.relatedDocuments {float: left;/*margin-bottom: 15px;*//*margin-top: 10px;*/width: 100%;}

/* --------------- Events and Presentation Listing  Starts ------------------*/
.listing-events-container h2{margin-bottom:15px;font-size:1.5em;}
.upcoming-events-container{float:left;margin-bottom:30px;width:100%;}
.related-materials-expand{display:none;margin-top:10px;float:left}
.event-listing-item-container{padding:15px;float:left;width:100%;margin-bottom:15px;border:1px solid #eee;}
.event-listing-item-container.last{margin-bottom:0px;}
/*.upcoming-events-container .title-sub,.upcoming-events-container .event-date,.upcoming-events-container .outlook-link{float:left;width:32%;margin-right:2%;}*/
.upcoming-events-container .outlook-link{margin:0px;}
.upcoming-events-container .outlook-link img{float:left;margin-right:10px;}

.related-materials-collapsed p:before{font-family: 'icomoon' !important;content: "\f068";/*margin-right:10px;*/cursor:pointer;left: 0;position: absolute;}
.related-materials-collapsed.active p:before{content: "\f067";}
.event-listing-item-container .media-link,.event-listing-item-container .media-link:hover{font-size:1em;color:#159ee4}
.events-presentations-container .past-events-container .event-date{width:100%;}
.related-materials-collapsed { float:left; width:100%; }
.related-materials-collapsed p { padding-bottom:0;cursor: pointer;display: inline-block;padding-left: 25px;position: relative; }


.pdf-icon,.html-icon,.doc-icon,.xbrl-icon,.xlsx-icon,.xls-icon,.webcast-icon { /* padding-left: 25px !important;*/position: relative;margin-bottom: 8px;height: 28px; }
/*.pdf-icon:before { background-image: url("/~/media/Images/C/CNX-MidStream/icons/pdf-icon.png"); background-repeat: no-repeat;content: "";display: inline-block;height: 28px;left: 0;position: absolute;top: -1px;width: 20px;}*/
.pdf-icon:before {content: '';
    background: url(/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png);
    background-position: 0px -56px;
    position: absolute;
    width: 25px;
    height: 30px;
    top: -8px;
    left:-40px;}
    .pdf-icon:hover::before {content: '';
    background: url(/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png);
    background-position:-25px -56px;
    position: absolute;
    width: 25px;
    height: 30px;
    top: -8px;
    left:-40px;}
.html-icon:before { background-image: url("/~/media/Images/C/CNX-MidStream/icons/html-icon.png"); background-repeat: no-repeat;content: "";display: inline-block;height: 28px;left: 0;position: absolute;top: -1px;width: 20px;}
.doc-icon:before { background-image: url("/~/media/Images/C/CNX-MidStream/icons/doc-icon.png"); background-repeat: no-repeat;content: "";display: inline-block;height: 28px;left: 0;position: absolute;top: -1px;width: 20px;}
.xbrl-icon:before { background-image: url("/~/media/Images/C/CNX-MidStream/icons/xbrl-icon.png"); background-repeat: no-repeat;content: "";display: inline-block;height: 28px;left: 0;position: absolute;top: -1px;width: 20px;}
/*.xlsx-icon:before,.xls-icon:before { background-image: url("/~/media/Images/C/CNX-MidStream/icons/xlsx-icon.png"); background-repeat: no-repeat;content: "";display: inline-block;height: 28px;left: 0;position: absolute;top: -1px;width: 20px;}*/
.xlsx-icon:before,.xls-icon:before{content: '';
    background: url(/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png);
    background-position: 0px -119px;
    position: absolute;
    width: 25px;
    height: 30px;
    top: -7px;
        left: -40px;}
        .xlsx-icon:hover::before,.xls-icon:hover::before{content: '';
    background: url(/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png);
    background-position: -25px -119px;
    position: absolute;
    width: 25px;
    height: 30px;
    top: -7px;
        left: -40px;}
.webcast-icon:before { background-image: url("/~/media/Images/C/CNX-MidStream/icons/webcast-icon.png"); background-repeat: no-repeat;content: "";display: inline-block;height: 28px;left: 0;position: absolute;top: -1px;width: 20px;}






.eventDate { width:25%; }
.eventData { width:75%; }
.upcoming-events-container .eventData { width:55%; }
.eventCalendar { width:20%; }


/* --------------- Events and Presnetation Listing ------------------*/
/* --------------- Events and Presentation Ends ---------------- */

/* --------------- Calendar Of Events Starts ------------------*/
.latest-webcast-tem{margin-bottom:20px;}
.webcast-link-container img{display:inline-block;}
.latest-webcast-tem .webcast-subject,.latest-webcast-tem .webcast-date{padding-left:30px;}

.financial-calendar-container,.subscriptionbox{float:left;margin-top:15px;}
.events-item-container,.formrow{margin-bottom:20px;}
.formrow label{margin-bottom:10px;}
.privacytext p{padding-bottom:0px;}
.supporting-material-item{margin-bottom:10px;}
.supporting-material-item.last{margin-bottom:0px;}
.supporting-material-item .doc-pdf-icon{float:right;}
.webcast-link .normal-text-link{display:inline-block;width:100%}

.calendar-past-event-item{float:left;width:100%;margin:20px 0 0;padding-bottom:20px;border-bottom:1px solid #efefef;}
.calendar-past-event-item.last{border-bottom:0px;}
.supporting-material-container .material-text{float:left;width:20%;}
.supporting-material-container .material-item{float:left;width:80%;}
.supporting-material-container .material-item a{float:right;}
/* --------------- Calendar Of Events Ends ------------------*/


/* --------------- Listing Page Starts ---------------- */
.list-title {float: left;width: 89%;}
.list-document {float: left;padding: 7px 0;width: 11%;}
.list-document div {float: left;margin-right: 5px;}
.list-wrapper ul li.last {border-bottom: 4px solid #0380c1;}
.list-wrapper ul li.first {border-top: 4px solid #0380c1;}
.list-wrapper ul li {border-top: 1px solid #adcde4;clear: both;float: left;padding: 0;width: 100%;}
.list-wrapper ul li p {line-height: 16px;margin: 0;padding: 15px 10px 0 0;}
.noprint {font-size: 0.929em;}
.noprint span {float: left;}
.noprint div {display: inline-block;text-align: right;vertical-align: middle;}
.dwd-brief-link {margin-top: 5px;text-align: left;}
#twocolleft .tabs ul {margin: 0;}
#twocolleft .tabs li{list-style:none;padding-left:0;}
#twocolleft .tabs li a, .event-attachment .eventDocuments a{text-decoration:none !important;}

#twocolleft .tabs li:first-child{margin-left:0;}
.tabs .level2 {float: left;margin-right: 10px;}
.tabs .level2 a span{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;display: block;padding:18px 15px;font-size: 1.6rem;color:#000}
.tabs .current span{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;display:block;font-size:1.6rem;padding:15px 15px;border-top:3px solid #0089bb;padding-bottom:10px;}
.tabs .level2 a{display: block;font-size: 1.6rem;color:#000}
.tabs ul {float: left;width: 100%;}
.tabs {}
/* --------------- Listing Page Ends ---------------- */


.sliderWrapper{padding-bottom:43px;}
.box-unit { margin-bottom:38px; }
#box-unit-4 { clear:left }
.header-gallery-unit { padding:15px 0 10px;clear:both; line-height: 18px; }
.header-gallery-unit h2{font-size:1.6rem;}
.box-unit p {font-size:1.4rem}
.box-unit p:last-child {margin-bottom:0}
.shareprice-box {  background:#333333; position:relative; }
.shareprice-box iframe{height: 150px; padding: 20px 15px 5px;}
.shareprice-box .inner-share-box-link{display: block; padding: 0 15px;}

/*---------- Table Styling ------------*/
th {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;border-bottom: 5px solid #e9e9e9;padding: 10px;text-transform: uppercase;color:#000;font-size: 1.6rem;text-align: left;}

td,tbody th {padding:10px;position:relative;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;border-bottom: 1px solid #e9e9e9;color:#2a2a2a;font-size: 1.4rem;vertical-align: top;padding-top:16px;padding-bottom:16px;}
td a, tbody th a, td a:hover, tbody th a:hover{color:#2a2a2a;} 

tbody th{font-size: 1.4rem;}
tbody td{font-size: 1.5rem;}
table.inv-responsive-table {width:100%; margin-bottom:10px}
tbody th {font-weight:normal}
th.cAlign, td.cAlign {position:relative;padding-top:10px;padding-bottom:10px;}
td.cAlign .icon-pdf:before{top:50%;transform:translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
td p{margin-bottom:0; padding-bottom:0;word-break: break-word; -ms-word-break: break-word;overflow-wrap: break-word;}
.inv-responsive-header-td {font-weight:700;}
.inv-responsive-data-header {width:30%; font-weight: 700;}
.inv-responsive-data-content {width:70%}

table.responsive-table{}
.pr-mobi-headers{display:none;}
/*---------- Table Styling ------------*/


/*----------  Footer CSS Start ------------------*/
.footer-title {color: #666666; font-size: 1.6rem; text-transform: uppercase;}
.footer-link{}
.footer-link ul{font-size: 1.2rem; margin-bottom: 40px;}
.footer-link ul li{border-left: 1px solid #666666; float: left; line-height: 1rem; margin-bottom: 10px; padding: 0 10px;}
.footer-link ul li:first-child{margin:0; border-left:0; padding-left: 0;}
.footer-link ul li a{color: #434343;}
.footer-links-container { background: #efefef none repeat scroll 0 0; box-shadow: 0 1px 14px -1px rgb(60, 60, 60); float: none;  max-width: none; padding: 0 0 28px; position: relative; width: auto; z-index: 10; margin-top:30px;}
.footer-links-container .container-fluid{margin: 0 auto; max-width: 1200px; padding-top: 48px;}
/* .footer-links-container a{color:#FFF;}*/
.inv-branding a{display:block; text-indent:-9999px; position:relative;}

.inv-branding a:after{background-position: -144px -8px; height: 15px; left: 0px; top: 0; width: 101px;}
.inv-branding { clear: both;}
.footer-right-side{float:right;}
a.footer-linkedin, a.emailtofriend {color: #fff;background-color: #A3B0B6;padding: 5px 10px;border-radius: 5px;font-size: 2.7rem;line-height: normal;}
.footer-linkedin:hover, .emailtofriend:hover {background-color:#6e8878}

/*----------  Footer CSS End ------------------*/


/*---------- Sidebar Start ------------------*/
p#sectionheader{background:#0089bb;text-align:center;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size:2.0rem;color:#fff;padding-top:18px;padding-bottom:18px;margin-bottom:5px;}
div#sectionheader {width: 100%;display: inline-block;}
div#sectionheader a {background: #158ab9;text-align: center;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size: 2.0rem;color: #fff;padding-top: 18px;padding-bottom: 18px;margin-bottom: 5px;display: block;}
div#sectionheader a:hover {background: #0f6f9f none repeat scroll 0 0;color: #fff;}
/* Sidebar End */


/*---------- Main Navigation Start ------------------*/
#topnavigation>ul{box-sizing: border-box; float: left; font-size: 1.4rem;width: 100%; display: table;}
#topnavigation ul li a{display: block; padding: 19px 10px; margin-left:1px;}
.appended-main-navigation{display:none;}
/*.append-navigation > ul {display: none;}*/
#mobishownav .append-navigation > ul{display:block;margin-left: 20px;}


#topnavigation ul li:hover ul{display:block;}
#topnavigation ul li:hover a{color:#FFF;}
#topnavigation ul li.current.level1.haschildren span.navhover{padding-bottom:17px;}
#topnavigation ul li ul li{ width:270px; height:auto; text-align: left; float: none;}
#topnavigation ul li ul li.last{background:0 none;padding-left:0px;}
#topnavigation ul li ul li>span,#topnavigation ul li ul li a, #topnavigation ul li.selected ul li a{background:none; border:none; behaviour:none; margin:0 0 1px 0; color:#5b5454; font-weight:normal; text-transform:none; padding:12px 20px; display:block;}
#topnavigation ul li ul li:hover a { color: #159ee4 !important; border-radius: 0;}
#topnavigation ul li ul{display:none;position:absolute; z-index:10; border:1px solid #576665; background-color:#FFFFFF; border-radius:0px 3px 3px 3px; width:272px;margin-left: 1px;}
#topnavigation ul li.level1.haschildren > ul { display: none;}
#topnavigation ul li.level1.last ul{border-radius:3px 0 3px 3px;}
#topnavigation ul li ul{display:none; position:absolute;}
#topnavigation ul li.level1.last ul{right:0;}
#topnavigation ul li a:hover,#topnavigation ul li.haschildren a.navhover,#topnavigation ul li.haschildren span.navhover{color:#ffffff;border-radius: 4px 4px 0 0; background:#003764;}
#topnavigation ul li a.navhover{border-radius: 4px 4px 0 0; background:#003764;}
#topnavigation ul li.append-navigation > a{color:#FFF;border-radius: 4px 4px 0 0; background:#003764;}
#topnavigation ul li ul li.level1.current > span { background: #003764 none repeat scroll 0 0 !important; color: #fff !important;}
#topnavigation ul li ul li.level1.selected a > span { color: #fff !important;}
#topnavigation ul li ul li.level1.selected a { background: #003764 none repeat scroll 0 0 !important;}
#topnavigation ul li a:hover, #topnavigation ul li a.navhover{}
#topnavigation ul li:hover ul li a{color:#003764;background:transparent;}
#topnavigation ul#section-Homepage-level1{margin-left:0%;}
#topnavigation ul li.haschildren ul li a:hover{color:#c41230; padding:12px 20px;padding-left:1%;}
#topnavigation ul li.current li a:hover span{color:#c41230;}
#topnavigation ul li.haschildren ul li a:hover{background:none 0 0 #f9f9f9;}
#topnavigation ul li ul li.level2.current span{background:none;color:#C41230;font-weight:normal;text-transform: none;}
.nojs #topnavigation ul ul ul { position:relative; }

#topnavigation ul li.selected li.level2.current span, #topnavigation ul li.selected li.level2 a, #topnavigation ul li.current li span, #topnavigation ul li.selected li.level2.selected a{behaviour:none;}
#topnavigation ul li.current li span{color:#5B5454; padding:0; font-weight:normal; text-transform:none;}
#topnavigation ul li.haschildren li a:hover{ color:#5B5454; background:none; behaviour:none;}
#topnavigation ul li.selected li.level2.current span, #topnavigation ul li.selected li.level2.selected a{background-color:#f9f9f9;margin-bottom:1px;}
.mobiMenus{display:none;}
/*---------- Main Navigation End ------------------*/


/*---------- Contact Form Start ------------------*/
.ir-contact-form div.clearfix { border: medium none; margin-bottom: 10px;}
.ir-contact-form .form-left { float: left; margin-right: 10px; width: 120px;}
.ir-contact-form .form-left span.mandatory, span.mandatory { color: #ff0000;}
.ir-contact-form .form-right { float: left;}
.form-right > span { position: absolute;}
.ir-contact-form .form-right input { border: 1px solid #d8d8d8; margin-right: 10px; padding: 5px 10px; width: 230px;}
.ir-contact-form .form-right textarea { border: 1px solid #d8d8d8; margin-right: 10px; padding: 5px 10px; width: 230px; height:80px; resize:none;}
.ir-contact-form .form-right input#txtCaptcha { float: none; margin-top: 10px;}
.ir-contact-form .form-right input[type="submit"] {background: #efefef none repeat scroll 0 0; border: 1px solid #dddddd; color: #666666; cursor: pointer; display: block; float: none; margin-top: 10px; padding: 5px 12px 6px; width: 100px;}
.form-right > div {margin-bottom: 10px;}
.ir-contact-form .form-right input[type="submit"] {float: left;-webkit-appearance: none;background:#0089bb url("/~/media/Images/C/CNX-MidStream/css/arrow.png") no-repeat 90% center; cursor: pointer;border: none;color: #fff;padding: 6px 30px 6px 10px;border-radius: 0;font: bold 16px 'Open Sans', sans-serif; height: 54px;text-transform: capitalize;}
.ir-contact-form .form-right input[type="submit"]:hover{background: #0f6f9f;background:#0f6f9f url("/~/media/Images/C/CNX-MidStream/css/arrow.png") no-repeat 90% center;text-decoration: none;color: #fff;transition: background-color 500ms ease 0s, border-color 500ms ease 0s;}

/*---------- Second Pattern Starts ------------------*/
.ir-contact-form-second-pattern .form-left{width:160px;}
.ir-contact-form-second-pattern .form-right{width:100%;}
.ir-contact-form-second-pattern .form-element {float: left;min-height: 90px;}
.ir-contact-form-second-pattern .half-element {width: 50%;}
.ir-contact-form-second-pattern .full-element,.ir-contact-form-second-pattern .form-right textarea {width: 100%;}
.ir-contact-form-second-pattern select{padding:5px 10px;}
.ir-contact-form-second-pattern .ir-label{margin-bottom:5px;display:inline-block;}
/*---------- Second Pattern Ends ------------------*/
/*---------- Contact Form End ------------------*/


/*---------- Mobile Menu-Search Start ------------------*/
.mobishow { bottom: 0; display: none; float: right; height: 100%;
    width: 100%;
    position: relative; z-index: 99;    padding-top: 15px;
    padding-bottom: 8px;}
.mobinav {width:13%;float: left; position: relative;}
.mobinav span.navbg {height: 50px;width: 50px;cursor: pointer;display: block;}
.mobinav span.navbg:after{font-family: 'icomoon';content: "\f0c9";font-size: 2.5rem;font-weight:bold;position: absolute;top: 0px;padding: 11px 7px;color: rgb(139, 138, 143);width: 40px;}
.mobisearch { width:13%;float: left;position: relative;}
.mobinav span.navbg.selected:after {content: "\f00d";font-size: 2.2rem;}
.mobisearch span.searchbg.selected:after {content: "\f00d";}
.mobisearch span.searchbg:after{content: "\f002";font-family: 'icomoon';font-size: 1.8rem;font-weight:bold;position: absolute;top: 0px;padding: 11px 7px;color: #747474;width: 41px;}
.mobisearch span.searchbg { cursor: pointer; display: block; height: 40px;  width: 41px;}
/*#mobishownav {overflow: hidden; position: absolute; right: 14px; top: 100%; width: 50%; z-index: 5000;}*/
#mobishownav {overflow: hidden; position: relative; width: 100%; z-index: 5000;}
#mobishownav > ul {/* border: 1px solid #c3c6c6;*/ border-bottom:none; overflow: hidden;}
#mobishownav ul li { background-color: #f8f8f8; float: left; padding: 4px 0; position: relative; text-transform: uppercase; width: 100%;}
#mobishownav ul li.navopen {background-color: #fff !important; border-bottom: medium none;}
#mobishownav ul li a {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700; color: #2a2a2a; display: block;line-height: 20px; margin: 3px 45px 0 10px;font-size:1.8rem; min-height: 24px;}
#mobishownav ul li.append-navigation > a {color: #c41230;}
#mobishownav ul li.current span { color: #c41230; display: block; line-height: 20px; margin: 3px 45px 0 10px; min-height: 24px;}
#mobishownav ul li.level1.current span {}
#mobishownav ul li.level1.current li span { color: #5e6665; font-weight: normal;}
#mobishownav ul li.level1.selected a, #mobishownav ul li.level1.selected li.level2.selected a, #mobishownav ul li.level1.selected li.level2.selected li.level3.selected a { color: #c41230;}
#mobishownav ul li.level1.selected li a, #mobishownav ul li.level1.selected li.level2.selected li a { color: #5e6665;}
#mobishownav ul li.level1.last { border: 0 none;}
#mobishownav ul li.level1.first { margin: 3px 0 0;}
#mobishownav ul li ul li { background: none; position: static; text-transform: none; width: 100%;}
#mobishownav ul li ul li.last { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
#mobishownav ul li ul li a { color: #5b5454; display: block; float: none; font-weight: normal; line-height: 20px;}
#mobishownav ul li a:hover { color: #c41230;}
#mobishownav ul li ul { display: none;}
#mobishownav .showmore:after,#mobishownav .showmore1:after{background-position: -96px -66px; height: 27px; right: 0; top: 0; width: 27px;}
#mobishownav .showmore, #mobishownav .showmore1 { cursor: pointer; display: block; height: 27px; margin: 0; position: absolute; right: 10px; top: 8px; width: 27px; z-index: 500;}
#mobishownav .showmore:after, #mobishownav .showmore1:after {font-family: 'icomoon' !important;content: "\f068";font-size: 1.5rem;padding: 5px;}
#mobishownav .showmore.selected:after, #mobishownav .showmore1.selected:after {font-family: 'icomoon' !important;content: "\f067";font-size: 1.5rem;padding: 5px;}
/*#mobishowsearch {background: #f8f8f8; border: 1px solid #c3c6c6; overflow: hidden; padding: 10px; position: absolute; right: 14px; top: 100%; width: 50%; z-index: 500;}*/
#mobishowsearch {overflow: hidden; padding: 10px; position: relative; right: 0; top: 100%; z-index: 500;}
#mobishownav ul li ul li ul li {padding-left: 20px;}
/*--------------- Mobile Menu-Search End ------------------*/


/*--------------- BOD Start ------------------*/
.snapdown-content.board img {border: medium none;overflow: hidden;  float:left; margin-right:20px; margin-bottom: 12px;}
.snapdown-title p{padding-bottom:0px;}
/*--------------- BOD End ------------------*/


.auto-scroll{overflow:auto; width:100%; margin-bottom: 10px;padding: 10px 0;}


/*--------------- Reports and Presentations Start ------------------*/
.media-link {font-size:1.9em; color:#a3b0b6}
/*.media-link:hover {font-size:1.9em; color:#6e8878}*/

/*--------------- Reports and Presentations End ------------------*/


/*--------------- No JS Banner Start ------------------*/
.nojs .banneritem{display:none;}
.nojs .banneritem.banner1{display:block;}
.nojs .snapdown-content{display:block;}
/*--------------- No JS Banner End ------------------*/


.ir-contact-form .form-right textarea.errorClass, .ir-contact-form .form-right input.errorClass {border: 1px solid red;}
#body_0_main_1_ctl06_Submit{border:1px solid #dddddd}


/*--------------- PR Start ------------------*/
input.txt-search-pr, input.btn { border: 1px solid #d8d8d8; color: #000000; display: inline-block; font-size: 1.4rem; margin-right: 9px; padding: 7px 10px; vertical-align: top; width: 180px; border-radius: 0px;box-shadow: none; }
input.btn-pr-search { background: #efefef none repeat scroll 0 0; border: 1px solid #dddddd; color: #666666; cursor: pointer; display: inline-block; float: none; font-size: 1.4rem; padding: 7px 12px; vertical-align: top; width: 80px;    border-radius: 0px; }
.news-filter { margin-left: 10px; margin-top: 30px; width: 450px;}
.news-filter a{text-decoration: none !important}
input.btn-pr-search{background: #0089bb; color: #fff;border: none;}
input.btn-pr-search:hover{background: #0f6f9f none repeat scroll 0 0;}
.pr-dropdown { display: inline-block; position: relative; vertical-align: top; width: 215px; }
.pr-dropdown.finder-dropdown-sort { margin-left: 6px; width: 170px; }
a.pr-toggle > span.pr-label:after { background-position: -297px -151px; height: 11px; right: 10px; top: 9px; width: 18px; }
a.pr-toggle > span.pr-label { border: 2px solid #d8d8d8; color: #000000; cursor: pointer; display: block; font-size: 1.4rem; padding: 6px 40px 6px 6px; position: relative; }
.pr-dropdown .pr-options { display: none; position: absolute; width: 215px; z-index: 500; }
#twocolleft .pr-dropdown .pr-options ul { background: #003764 none repeat scroll 0 0; left: 0; margin: 0; padding: 0; width: 100%; z-index: 5; }
#twocolleft .pr-dropdown .pr-options ul li { border-bottom: 1px solid #fff; cursor: pointer; float: none; list-style: outside none none; margin: 0 !important; padding: 0; position: relative; }
#twocolleft .pr-dropdown .pr-options ul li a { color: #fff; display: block; font-size: 1.4rem; margin-right: 0; padding: 10px; }
.pr-toggle .icofont:after { content: "\e906" }
.open .pr-toggle .icofont:after { font-family: icomoon;content: "\e907" }
.icofont{font-size: inherit;text-rendering: auto; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);font: normal normal normal 14px/1 icomoon;}
a.pdf-swap span.icon-file-pdf {font-size: 2.2rem;}
/*.pr-filter-dropdown.dk_open .dk_options {display: block;}*/
.pr-dropdown.finder-dropdown-sort .pr-options { width: 170px; }
.press-text-filter { margin-top: 30px; width: 275px;}
.pr-toggle .icofont { font-family: 'icomoon' !important; color: #000000; cursor: pointer; position: absolute; right: 10px; top: 10px; }
.press-releases-container #loadmore { margin-top:20px }
.searchresultpage #loadmore a ,.press-releases-container #loadmore a {position: relative;display: inline-block;background: #0089bb;padding: 16px 40px;width: 100%;text-align: center;color: #fff;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size: 1.6rem;text-decoration:none;}
.searchresultpage #loadmore a:hover, .press-releases-container #loadmore a:hover{background: #0f6f9f none repeat scroll 0 0;color: #fff;}
.back-to-link a {position: relative;display: inline-block;background: #0089bb;padding: 16px 40px;text-align: center;color: #fff;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size: 1.6rem;}
.back-to-link a:hover{background: #0f6f9f none repeat scroll 0 0;color: #fff;}

table.rad-financialtable tbody tr td.rad-right, table.rad-financialtable thead tr th.rad-right { text-align: right; }
table.rad-financialtable tr th.rad-right { text-align: right; }
#twocolleft .press-release-pagination-container { }
#twocolleft .press-release-pagination-container ul { }
#twocolleft .press-release-pagination-container ul li { float:left; list-style:none; }
#twocolleft .press-release-pagination-container ul li.prev { }
#twocolleft .press-release-pagination-container ul li.next { }
#twocolleft .press-release-pagination-container ul li.prev a { }
#twocolleft .press-release-pagination-container ul li.next a { }
#twocolleft .press-release-pagination-container ul li a { display: block; padding: 0 5px; }
#twocolleft .press-release-pagination-container ul li strong { padding: 0 5px; }
/*--------------- PR End ------------------*/


/*--------------- non js navigation <strat>------------------*/
.nonjs-navigation { display:none; }
#Homepage.nojs .nonjs-navigation { display: block;float: left;margin-top: 2px;width: 100%; }
.nojs #bannerwrapper.home-slider .sliderbanner { visibility: visible; }
.nojs .related-materials-collapsed p::before{content:"";margin-right:0px;}
.nojs .related-materials-expand{display:block;}
/*--------------- non js navigation <end>------------------*/

/*--------------- link to top starts ---------------*/
#auto-top-link {border: 1px solid #159EE4;z-index:9999;}
/*--------------- link to top ends ---------------*/

.hide-pdf{position: absolute;color: transparent;z-index: 10;top: 15px;left: 0px;}
.ie9 .icon-pdf:before{top:-10px;}
.pdf-swap{display:inline-block;height: 30px;width: 28px;position: relative;float: right;margin-right: 15px;}
.box2Wrapper .gray-box{ float:left;}
.menu-arrow-btn {display: block;width: 30px;height: 30px;position: absolute;right: 0px;z-index: 9999;top: 2px;background:url(/~/media/Images/C/CNX-MidStream/css/arrow-down.png) no-repeat;background-position: center center;display:none;}

#contentBannerWrapper{position: relative;margin-bottom: 40px;overflow: hidden;height: 322px;}
.pdf-swap span.icon-mic{font-size: 2.5rem;position: absolute;top: 50%;transform: translateY(-50%);
-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.annual-report-container{margin-top:30px;}
#ip3-Homepage .breadcrumbWrapper p {display:none;}

/*---- main-new-----*/
#twocolleft .tabs li {
    list-style: none;
    padding-left: 0;
}
#twocolleft .tabs li:first-child {
    margin-left: 0;
}
.tabs .current span {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    display: block;
    font-size: 1.6rem;
    padding: 15px 15px;
    border-top: 3px solid #0089bb;
    padding-bottom: 10px;
}
.tabs ul {
    float: left;
    width: 100%;
}
#twocolleft .tabs li a, .event-attachment .eventDocuments a {
    text-decoration: none !important;
}
#twocolleft .tabs ul {
    margin: 0;
}
.snapdown-title p {
    padding-bottom: 0px;
}
/*-- event page css start--*/
.tabs .level3 a span { font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700; display: block; padding:18px 15px 25px; font-size: 1.6rem; color: #000;text-transform: uppercase;}
.tabs .level3 { float: left; }
.eventWrapper .snapdown-title, .eventWrapper .snapdown-title:active, .eventWrapper .snapdown-title:focus {/* background-color: #f7f9fb; */}
.events-presentations-container {padding-top: 37px;}
.eventWrapper .snapdown-title p {max-width: calc(100% - 100px);}
span.event-span {font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;display: inline;padding-right: 13px;}
/*-- presentation landing page css--*/
.presentations-container {float: left;width: 100%;padding-top:35px;padding-bottom: 30px;}
.box2, .box3, .box4{overflow: hidden;max-height:150px;}
.presentations-container span.strong {display: inline-block;float: left;line-height: 16px;padding-left:113px;}
.presentations-container span.event-span {display: block;float: left;width: 107px;line-height: 16px;position:absolute;top:50%;transform:translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.events-presentations-container span.strong {display: block;float: left;padding-left:103px;line-height: 16px;}
.events-presentations-container span.event-span {display: block;float: left;width: 107px;line-height: 16px;position:absolute;top:50%;transform:translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}

a:hover span.icon-pdf::before{background-position: -25px -56px;}
.pr-title-field a{text-decoration:none !important;}


p#sectionheader
{    padding-top: 16px !important;
    padding-bottom: 14px !important;}

.zoneMenu>ul>li>ul>li>ul>li:before{display:none!important;}
.zoneMenu>ul>li>ul>li>ul>li:after{display:none!important;}
#bannerwrapper span.icon-sec {top: calc(50% - 18px);padding-left: 0px;left: 9%;font-size: 6rem;}
.form-required {margin-bottom: 20px;}


#home-page-slider .slide-2 div.slider-info .slider-text {
    margin-left: 45px !important;
    margin-top: 0px !important;
}
#home-page-slider .slide-2 div.slider-info .slider-title {
    margin-top: 0px !important;
    margin-left: 45px;
}
.slider-closed .slider-title-small {margin-left: 0px !important;}
.ie9 .slider-info{
-ms-transform:skew(20deg) !important;
}
.ie9 .slide-1 .slider-info{
-ms-transform:skew(0deg) !important;
}
.ie9 .slider-closed .slider-info{
-ms-transform:skew(0deg) !important;
}
.ie9 .slider-open .slider-title-small, .ie9 .slider-open .slider-title, .ie9 .slider-open .slider-text{
-ms-transform:skew(0deg);
left:20px !important;
}
/*.ie9 .slider-closed .slider-title-small{
-ms-transform:skew(20deg);
}*/
.ie9 li.slider-closed .slider-title-small{
-ms-transform:skew(20deg);
}
.ie9 .slider-closed:first-child .slider-title-small{
-ms-transform:skew(0deg) !important;
}
.ie9 .slider-open .slider-info{
 left:40px;
}
.ie9 #home-page-slider .slider-info .btn{
   left:20px !important;
   top: 0px !important;
   -ms-transform:skew(0deg);
}

.ie9 #home-page-slider .slider-closed .slider-title-small{
 margin-top:100px;
}
.ie9 #home-page-slider .slider-closed .btn{
 display:none;
}


.icon-video {background: url("/~/media/Images/C/CNX-MidStream/icons/icn-video.png") left center; width:34px; height:22px;}

.investor-toolWrapper{display:none;}



/*Right Navigation code*/

.leftnavigation .level1.current{background: #616262;display:block; padding-left:30px;}
.leftnavigation .level1.current:hover{background: #616262;}

.leftnavigation .level1.current span{color: #fff;padding-top: 16px;padding-bottom: 15px;}

.leftnavigation .level1.current{padding:0px;}
.leftnavigation .level1.current span{padding-left:15px;}
.leftnavigation .level2{background: #747474;}

#ip3-our-sponsor .annual-report-container{display:none;}

ol.dec-bullet li{list-style-type: decimal!important;}
ol.alpha-bullet li{list-style-type: lower-alpha!important;}



.pdfIconn {
    background: url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");
    background-position: 2px -56px;
    position: absolute;
    height: 30px;
    top: 50%;
    color: transparent;
    -webkit-transform: translateY(-50%);}

.pdf-swapp {
    display: inline-block;
    height: 30px;
    width: 28px;
    position: relative;
    float: right;
    margin-right: 443px;
}
/*---- nojs-----*/
body.nojs #home-page-slider {
  height: auto!important;
  overflow: visible!important;
}
body.nojs #home-page-slider .slider{display:block!important;position:relative!important;left:0!important}

/*---- media-queries-----*/
/*--------- iPad Landscape and Desktops ---------*/
@media all and (max-width: 1210px) {
    .banneritem .bannertext{/* padding-left: 8%; *//* width: 90%; */}
    .container {max-width: 100%;}
    }
    @media all and (min-width: 1024px) {
    .manu-wrap{display:block !important;}
    .zoneMenu>ul>li:hover>ul{display: block;}
    .zoneMenu>ul>li>ul>li:hover>ul{ display: block;}
    }
    @media all and (max-width: 1023px) {
    .box-unit {margin-bottom: 10px;}
    .zoneMenu ul li:hover a { color: #000!important;}
    /*.CMSListMenuLI.active ul {display:block !important;}*/
    /*.zoneMenu ul li .menu-arrow-btn { border-top: 0 !important; top: 10px;}*/
    .zoneMenu>ul>li>ul>li>ul{display: block !important;}
    }
    
    @media all and (max-width: 991px) {
    #topnavigation > ul {font-size: 1.3rem;}
    #box-unit-4 {clear: none;}
    .ir-contact-form .form-right input,.ir-contact-form .form-right textarea{width: 190px;}
    
    }
    @media all and (min-width:769px){
    .box5 > div {display: table-cell;float: none;vertical-align: middle;}
    .box5 {position: relative;display: table;width: 100%;}
    } 
    
    @media all and (min-width: 1024px) and (max-width: 1139px) {
    ul.tabs{padding-bottom:0;}
    .slide3-tabs{left:82px;}
    ul.tabs li{font-size:3.2rem;padding:10px 5px !important;}
    ul.tabs li.current{font-size:3.2rem;padding:10px 5px !important;}
    home-newsDate{font-size:1.5rem !important;}
    .home-newsTitle{font-size:1.5rem !important;line-height:20px !important;}
    .home-newsLink, a.home-newsViewall{font-size:1.4rem;}
    
    .tab-content{max-width:448px;}
    .zoneMenu ul li a{font-size:1.4rem;}
    /*#home-page-slider .slide-2 div.slider-info .slider-title{margin-left:10px;}
    #home-page-slider .slide-2 div.slider-info .slider-text{margin-left:10px !important;}
    #home-page-slider .slide-2.slider-open div.slider-info a{left:20px;}*/
    }
    
    /*--------- iPad Portrait and large Tablets Portrait ---------*/
    @media all and (min-width: 768px) and (max-width: 1023px) {
    .manu-wrap, .zoneTop, #toplinks{display:none;}
    .menu-arrow-btn{display:block;}
    .tabs .current span{padding-left:8px;padding-right:8px;}
    .box5Wrapper{padding-left:15px;padding-right:15px;}
    .box5 .box5-innerWrapper p{padding-left:20px;font-size:2rem;}
    .box5 .box5-innerWrapper span{font-size:1.8rem}
    .box5 a{margin-left:10px;width:178px;}
    .box1-contentWrapper{padding-top:0;padding-left:10px}
    .box1-contentWrapper .content p{line-height:3rem;}
    .upcoming-events-container .eventData {width: 45%;}
    .eventCalendar {width: 26%;}
    .mobinav span.navbg:after{font-size:3.3rem;padding-top:24px;}
    .mobisearch span.searchbg:after{font-size:2rem;padding-top:24px;}
    .mobinav span.navbg.selected:after{font-size:2.4rem;}
    }
    @media all and (min-width:768px) {
    .mobi-pr-tabs{display:none;}
    
    }
    @media all and (min-width: 400px) and (max-width: 640px) {
     .pr-mobi-headers{width:29% !important;}
    }
    @media screen and (min-width: 320px)and (max-width: 1023px) {
    ul.slick-dots:hover { text-align: center;}
    .menu-arrow-btn{display:block;}
    .manu-wrap, .zoneTop {display: none;}
    #logo{display:none;}
    .mobishow { display: block;padding-bottom:20px;}
    .mobiMenus { display: block;}
    .mobinav{padding-left:15px;}
    .mobisearch span.searchbg{margin-right:12px;float:right;height:50px;width:50px;}
    #logo1 img{margin:0 auto;max-width: 145px;}
        .logo {width: 230px;margin: 0 auto}
        .zoneMenu ul li ul {display: none;position: static!important;left: 0!important}
     ul:hover, .zoneMenu ul li:hover ul { text-align: left;padding: 0;border: none}
     .zoneMenu > ul > ul {display: none;}
        .manu-wrap, .toggle-box {display: none}
        .zoneMenu ul li {padding: 0;float: none}
        .zoneMenu ul li ul li {padding-left: 10px}
        .main-header {padding: 20px 0}
        .manu-wrap {min-height: 0!important;padding: 0!important}
        .manu-wrap.active {display: block}
        .zoneMenu ul>li {padding: 0 0!important}
        .zoneMenu ul>li>ul>li>a {font-size: 14px}
        .search-btn {position: absolute;right: 5px;top: 32px;padding: 11px 12px;background: 0 0;color: #fff;font-size: 20px}
        .search-btn.focus,
        .search-btn:focus,
        .search-btn:hover {color: #fff;text-decoration: none;outline: 0}
        .zoneLogo {text-align: center;width: 100%}
        .zoneMenu .CMSListMenuHighlightedLI a.CMSListMenuLinkHighlighted {
            /*color: #0089bb!important;
    
            border-top: none!important*/
        }
        /*.zoneMenu .CMSListMenuHighlightedLI a {border-top: none!important}*/
        .social-media {display: none}
        .toggle-box+label {display: inline-block!important}
        .zoneMenu ul li ul li.haschildren>a:after,
        .zoneMenu ul li:hover ul>li:first-child::after,
        .zoneMenu ul li:hover ul>li:first-child::before {
            display: none
        }
        .zoneMenu ul li:hover ul>li {border-bottom: none!important;width: 100%;border: none}
        .zoneMenu ul li:hover ul>li:first-child {border-top: none}
        .zoneMenu>ul>li{margin-left:0;}
    }
    
    @media all and (max-width:768px) {
    .zoneMenu ul li:hover a{padding:8px 0px}
    .banneritem.banner3{/* background:#0089bb !important; */}
    .manu-wrap { background: #fff;}
    .zoneMenu ul li a {
        text-decoration: none;
        display: block;
        border-top:3px solid #8b8a8f !important;
        color: #111 !important;
    }
    .zoneMenu .CMSListMenuHighlightedLI a{
    border-top:3px solid #8b8a8f;
    }
    .footer-right-menu li {width: 25%;margin-right:0px} 
    .footer-right-menu li a {background-size: 486px auto;background-position: -146px 10px !important;}
    .media a {background-position: 50% -175px!important;}
    .land a {background-position: 50% -350px!important;}
    .job a {background-position: 50% -525px!important;}
    .invest a {background-position: 50% 0px!important;} 
    .footer-right-menu li{margin-right:0px;}
    /*li.invest{background:url('/~/media/Images/C/CNX-MidStream/icons/footer-icon-01.png') no-repeat !important;width:100% !important;}*/
    #mobishownav ul li ul li a{font-family:"Gotham SSm A", "Gotham SSm B";font-style: normal;font-weight: 700;font-size:1.5rem;color:#2a2a2a;}
    #breadcrumb {margin: 0 0 40px;}
    .mobinav span.navbg.selected:after{font-size:3rem;}
    .mobisearch span.searchbg:after{font-size:2.2rem;}
    .mobinav span.navbg:after{font-size:3.5rem;height:50px;width:50px;}
    .box2Wrapper p:after{right:5px;}
    .banneritem .bannertext > p{text-align: left;}
    .container {width: 100%;}
    .banneritem .bannertext > p > a {text-align:center; margin-top:20px;margin-left: 0px;}
    .banneritem .bannertext > p.sldTitle{text-align:left;color: #fff;font-size: 2.8rem;line-height: 3.4rem;/* text-transform: uppercase; */}
    .box5Wrapper{padding-top: 22px;padding-bottom: 34px;margin-bottom: 0px;margin-top: 33px;}
    .zoneFooter{margin-top:58px;}
    .banneritem .bannertext{/* z-index: 9999; */}
    .banneritem:after {position: absolute;content: '';width: 100%;height: 100%;z-index: 0;background-color: rgba(0,0,0,0.5);}
    
    #ip3-Homepage #bannerwrapper{padding-top: 20px;border-top: 2px solid #e9e9e9;}
    #contentwrapper {margin-top: 12px;}
    #ip3-Homepage h1{padding-bottom:0;}
    h1{font-size:2.3rem;line-height:2.3rem;padding-bottom:12px;}
    .twocolleft{padding-bottom:20px;}
    .box1-title, .box1-title span{font-size:1.8rem;line-height:1.8rem;padding-bottom:10px;}
    .box1-contentWrapper{padding: 1px 10px;letter-spacing: -0.7px;}
    .overlay1{min-width:160px;}
    .box1-contentWrapper .content p {font-size: 1.6rem;line-height: 2.5rem;}
    .box5{text-align:center;display:block;}
    .box5 .box5-innerWrapper span{font-size:1.8rem;}
    .sliderWrapper{padding-bottom:0;}
    .icon-investor-alert, .box5 .box5-innerWrapper p, .box5-innerWrapper, .box5 a{float:none;margin-left:0;}
    .icon-investor-alert, .box5 .box5-innerWrapper p, .box5-innerWrapper, .box5 .box5-innerWrapper span{padding-left:0;padding-top:0;padding-bottom:15px;display:block;}
    .box5 .box5-innerWrapper p{font-size:1.8rem;}
    
    .leftnavigation li.level1:hover {background: #e9e9e9;}
    }
    
    /*--------- All Small Tablets and Large Phones Global CSS ---------*/
    @media (max-width: 767px) {
    #mobishownav{width: 100%;}
    .box-imageWrapper{display:none !important;}
    .mobi-pr-tabs .year-item {font-family:"Gotham SSm A", "Gotham SSm B";font-style: normal;font-weight: 700;padding-top:15px;padding-bottom:15px;background:#fff;border-top:3px solid #0089bb;border-bottom:4px solid #d7d7d7;font-size:1.5rem;}
    
    .mobi-pr-tabs ul li.current{display:none;}
    #topnavigation{display:none;}
    #toplinks{display:none;}
    
    
    .mobiMenus{display:block;}
    .footer-right-side {float: none; margin-bottom: 25px;}
    
    #twocolright{width:100%;}
    .mobi-pr-tabs {display:none;}
    .mobi-pr-tabs ul li {margin-bottom:0px !important;}
    
    .upcoming-events-container .eventData { width:50%; }
    .eventCalendar { width:25%; }
    span.event-span {clear: both;width: 100%;display: block;margin-bottom: 0px;}
    .snapdown-content {padding: 15px;padding-left: 66px;}
    }
    
    @media (max-width: 640px) {
    #ip3-Homepage #breadcrumb { display:none;}
    .footer-right-menu li { height: 122px !important;  margin-bottom: 80px !important;  width: 50% !important;   margin-right:0; }
    .footer-right-menu li a {
    background-size: 486px auto;
    background-position: top !important;
}
    .bannerOuterText {left: 70px;}
    
    #body_0_main_1_ctl06_Submit{border:1px solid #dddddd;}
    #bannerwrapper span{padding-left:0;}
    .event-attachment .eventDocuments a span, a.Outlook-link span{top: 0;}
    .icon-sec{font-size:5.2rem;left: 60px;}
    .icon-presentation, .icon-prs{font-size:6rem;left: 60px;}
    .icon-pdf:before{content:'';background:url("/~/media/Images/C/CNX-MidStream/content-images/sprite-main.png");background-position:0px -56px;position:absolute;width:25px;height:30px;top:50%;transform:translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    .event-attachment .eventDocuments .icon-pdf{top: 20px;}
    .overlay:after{border-right: 130px solid transparent;border-top: 260px solid rgba(0, 0, 0, 0.8);}
    .overlay{min-width: 150px;}
    #breadcrumb{margin:0 0 12px;padding-top:15px;padding-bottom:15px;}
    .pdf-swap{float:none;height:auto;width:auto;margin-right:0;top:9px;}
    
    
    /*PR Table starts*/
    .prReports {margin-top: 20px;}
    .press-releases-container .trHeaders{display:none}
    .annual-report-container .trHeaders{display:none}
    .pr-date-field, .pr-document-field, .pr-title-field {clear: both;display: block;padding: 10px 0;width: 100%;}
    .prReports tbody tr {border-bottom: 2px solid #ededed;display: block;}
    .pr-mobi-headers {display: inline-block;font-weight: 700;vertical-align: top;width: 40%;padding-left:10px;}
    .pr-span-other {display: inline-block;vertical-align: top;width: 65%;}
    .pr-title-field a {display: inline-block;width: 55%;}
    .inv-responsive-data-td>a{display: inline-block;vertical-align: top;}
    .pr-document-field > a {display: inline-block;vertical-align: top;}
    .prReports tbody tr td.cAlign a img {margin: 0;text-align: left;}
    .prReports th.cAlign, .prReports td.cAlign {text-align: left;}
    /*PR table end*/
    
    .ir-contact-form .form-right input,.ir-contact-form .form-right textarea{display:block;}
    .form-right > span { display: inline-block;position: relative;}
    .banneritem .bannertext {/* padding-left: 16%; */width: 470px;/* top:30%; */}
    #bannerwrapper .bx-controls .bx-controls-direction{bottom:200px;}
    #bannerwrapper .bx-controls .bx-pager{left: 38%;}
    .category-key {margin-bottom: 10px;}
    .category-key span { display: block; float: none; margin-bottom: 5px; width: 100%;}
    
    /*#mobishowsearch{right: 9px; width: 70%;}*/
    #mobishowsearch{width: 100%;}
    .tabs{display:none;}
    .hide-dropdown {display: none !important;}
    .mobi-pr-tabs {display: block;float:left;padding: 0;width: 100%;}
    .inv-responsive-header-td {font-weight: normal;}
    .upcoming-events-container .title-sub, .upcoming-events-container .event-date, .upcoming-events-container .outlook-link{width:100%;margin-bottom:5px;margin-right:0px;padding:0px;}
    .upcoming-events-container .related-materials-collapsed{margin-top:15px;}
    }
    
    @media all and (max-width:480px){
    }
    
    @media (max-width: 480px) {
    .img-eightele{float:left; width:100%;margin-bottom: 30px; margin-top:30px;}
    .twocolleft a { -ms-word-break: break-all; word-break: break-all; word-break: break-word; }
    .twocolleft a{/*width: 13em;*/
  overflow-wrap: break-word;}
    .bannerOuterText { left: 50px;}
    .slick-arrow.slick-prev { left: 5px;}
    .slick-arrow.slick-next { right: 5px;}
   .search-txt{font-size:1.7rem;}
    #mobishownav ul li a{font-size:1.7rem;}
    .mobinav { padding-left: 8px; }
    .mobinav span.navbg:after {font-size: 2.2rem; margin-top: 2px; height: 40px; width: 40px; }
    .mobisearch span.searchbg {cursor: pointer; display: block;height: 40px; width: 41px; }
    .mobinav span.navbg.selected:after {font-size: 2rem;}
    .mobisearch span.searchbg{margin-right:0;}
    .mobisearch span.searchbg:after {font-size: 1.7rem; margin-top: 2px;}
    .mobishow{padding-bottom:12px;}
    .investor-toolWrapper{margin-bottom:13px;}
    .ir-contact-form .form-right { float: left;width: 100%;}
    .ir-contact-form .form-right input, .ir-contact-form .form-right textarea{width:100%;}
    .zoneFooter {margin-top: 16px;}
    .presentations-container span.strong{padding-left:0;}
    .box2Wrapper p:after{right:5px;}
    #bannerwrapper{height:180px;}
    .box5Wrapper{margin-top:0;}
    .box5 .box5-innerWrapper span.register-text{padding-left:0;line-height:2.2rem;}
    .icon-presentation, .icon-sec, .icon-prs{font-size:5rem;left:40px;}
    .event-attachment .eventDocuments, .event-outlook-add{margin-left:50px;}
    .event-attachment .eventDocuments a span, a.Outlook-link span{top: 0;}
    .overlay {min-width: 85px;}
    .snapdown-content {padding-left: 12px;}
    .banneritem .bannertext{width: 250px;}
    .banneritem .bannertext > p.sldTitle {font-size: 2.0rem;line-height: 2.5rem;}
    .sldTitle{color:#fff;}
    .bannertext p a{
        font-size: 1.6rem;
        /* padding-left: 10px; */
        /* padding-right: 30px; */
        /* padding-top: 6px; */
        /* padding-bottom: 6px; */
        margin-left: 65px;
        margin-top: 10px;
        }
    .bannertext p a.btn:after{right:8px;}
    h1{padding-bottom: 16px;margin-bottom: 25px;border-bottom: 3px solid #e9e9e9;}
    #breadcrumb{padding-top:12px;padding-bottom:12px;margin-bottom:12px;}
    .slick-dots{bottom:0;}
    .home-slider{height: 428px !important;}
    .slick-list{height:347px !important;}
    .banneritem{height:357px !important;}
    .slick-dots li{padding:20px 0;border:none;}
    #twocolleft .mobi-pr-tabs ul{border-bottom: 1px solid #e9e9e9;}
    .overlay1{min-width:60px;}
    .leftnavigation span {font-size: 1.5rem;}
    p#sectionheader{font-size:1.8rem;}
    .snapdown-title p span.event-span{display:none;}
    .eventWrapper .snapdown-title p{max-width:none;}
    .events-presentations-container span.strong{width:inherit;padding-left:0;}
    .eventWrapper .snapdown-title p {max-width: calc(100% - 65px);left: 50px;}
    .snapdown-title>p:before {left: -33px;}
    .presentations-container span.strong{width:100%;}
    #bannerwrapper span{font-size: 4.5rem;padding-left:0;}
    
    
    
    .breadcrumbWrapper p{font-size:1.1rem;}
    .box5 .box5-innerWrapper span, .slick-dots li.slick-active button{font-size:1.1rem;}
    .box-imageWrapper{display:none !important;}
    .slick-dots li button{font-size:1.1rem;width: 100%;border-right:none;}
    .slick-dots li:after { height: 28px;width: 1px;background-color: #fff;content: '';z-index: 999;position: absolute;margin-top: -4px;}
    .overlay:after{border-right:80px solid transparent;border-top: 200px solid rgba(0, 0, 0, 0.8);}
    .box1-contentWrapper{text-align:center;}
    .footer-link ul{margin-bottom: 25px;}
    .footer-link ul li:first-child{margin-bottom:10px;}
    .footer-link ul li{border-left: medium none; float: none; padding: 0;}
    .snapdown-content.board img{float:none; width:100%; height:auto;}
    .news-filter{margin-left: 0; width: auto;}
    .mobiDropdownPress.finder-dropdown-sort { display: block; margin-left: 0; margin-top: 10px; width: 215px;}
    .mobiDropdownPress.finder-dropdown-sort .dk_options { width: 215px;}
    .c-grid{float:left;width:90%!important;}
    .c-event-grid{width:100%!important;margin-top:20px;height:auto!important;margin-bottom:20px;}
    
    
    
    .footer-left-menu li{width:50%;}
    .footer-left-menu li{display:inline-block;margin-right:0;}
    .copyright{display:inline-block;}
    .footerMenuBottom .social-m ul{width:74.5%;float:left;}
    .footer-left-menu li{margin-right:0;}
    .social-m-link{float: right;display: block;width: 25.5%;right: 1px;}
    .social-m-link a{margin-right:2px;}
    .copyright, .copyright a, .footer-left-menu li a, .footer-right-menu li a{font-size:12.3px;}
    }
    
    @media (max-width: 360px) {
    	.banneritem .bannertext {width: 210px;}
     }
    
    @media (max-width: 320px) {
    .pr-mobi-headers{width:30%;}
    .twocolleft a{width: 40%;}
    .copyright, .copyright a, .footer-left-menu li a, .footer-right-menu li a{font-size:10px;}
    .footerMenuBottom .social-m ul{width:70%;float:left;}
    .social-m-link{width: 30%;right: 1px;}
    .social-m-link a{width: 42px;height: 42px;margin-right: 3px;}
    
    
    
    .investor-tool p{padding-left:80px;}
    .investor-tool a span{left:50px;}
    .searchresultpage #loadmore a, .press-releases-container #loadmore a{padding:16px 20px;}
    }
/*---- jquery-ui-----*/
/*! jQuery UI - v1.10.2 - 2013-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.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 {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.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;
}
.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;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu-item:hover {
        /*background-color:#999999;*/
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	/*margin: -1px;*/
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1em;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	/*font-size: 1.1em;*/
font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #000;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:hover {
	/*border: 1px solid #999999;
	background-color: #aaaaaa !important;
	font-weight: normal;
	color: #212121;*/
	background-color:#8b8a8f;
    color: #fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:focus {
	/*border: 1px solid #999999;
	background-color: #aaaaaa;
	font-weight: normal;
	color: #212121;*/
}

.ui-state-hover  a,
.ui-state-hover  a:hover,
.ui-state-hover  a:link,
.ui-state-hover  a:visited {
/*	color: #212121;
	text-decoration: none;*/
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
        color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
}
.ui-widget-header .ui-icon {
}
.ui-state-default .ui-icon {
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
}
.ui-state-active .ui-icon {
}
.ui-state-highlight .ui-icon {
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	/*border-top-left-radius: 4px;*/
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	/*border-top-right-radius: 4px;*/
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	/*border-bottom-left-radius: 4px;*/
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	/*border-bottom-right-radius: 4px;*/
}
/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa  50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa  50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.currentDomainCSS
{
    background: #D3D3D3 50% 50% repeat-x;
}

.serachTextBoxMiddle
{
    height: 18px;
    margin-left: 220px;
    right: 44px;
    width: 140px;
}
.serachButtonMiddle
{
    left: 363px;
    position: absolute;
    top: 53px!important;
}
.centerText
{
    margin-left: 195px;
}
.centerText1
{
margin:0 auto;
width: 180px;
}


.ui-menu {min-width: 180px !important; max-width: 300px !important;}
.ui-menu a{background-color:#ffffff;height:29px;width:100%;position:relative;top:0px;margin-bottom:1px;}
.ui-menu a:hover{height:29px;width:100%;position:relative;top:0px;margin-bottom:1px;}


.ui-menu .ui-menu-item {padding: 0 !important; /* width: 96% !important;*/}
/*---- font-icons-----*/
@font-face {
    font-family: 'icomoon';
    src:    url('/~/media/Files/C/CNX-MidStream/fonts/icomoon-eot.eot?ifdxcl');
    src:    url('/~/media/Files/C/CNX-MidStream/fonts/icomoon-eot.eot?ifdxcl#iefix') format('embedded-opentype'),
        url('/~/media/Files/C/CNX-MidStream/fonts/icomoon-ttf.ttf?ifdxcl') format('truetype'),
        url('/~/media/Files/C/CNX-MidStream/fonts/icomoon-woff.woff?ifdxcl') format('woff'),
        url('/~/media/Files/C/CNX-MidStream/fonts/icomoon-svg.svg?ifdxcl#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-right-nav-minus:before {
    content: "\e912";
}
.icon-right-nav-plus:before {
    content: "\e913";
}
.icon-add-calender:before {
    content: "\e900";
}
.icon-minus2:before {
    content: "\e908";
}
.icon-asd:before {
    content: "\e901";
}
.icon-email:before {
    content: "\e902";
}
.icon-email-alerts:before {
    content: "\e903";
}
.icon-investor-alert:before {
    content: "\e90f";
}
.icon-mic:before {
    content: "\e909";
}
.icon-plus2:before {
    content: "\e90a";
}
.icon-presentation:before {
    content: "\e910";
}
.icon-print:before {
    content: "\e90b";
}
.icon-prs:before {
    content: "\e90c";
}
.icon-rss:before {
    content: "\e90d";
}
.icon-sec:before {
    content: "\e90e";
}
.icon-down-arrow:before {
    content: "\e906";
}
.icon-up-arrow:before {
    content: "\e907";
}
.icon-next:before {
    content: "\e904";
}
.icon-prev:before {
    content: "\e905";
}
.icon-plus:before {
    content: "\f067";
}
.icon-minus:before {
    content: "\f068";
}
.icon-bars:before {
    content: "\f0c9";
}
.icon-navicon:before {
    content: "\f0c9";
}
.icon-reorder:before {
    content: "\f0c9";
}
.icon-search:before {
    content: "\f002";
}
.icon-remove:before {
    content: "\f00d";
}
.icon-event:before {
    content: "\e911";
}
.icon-envelope:before {
    content: "\f0e0";
}
.icon-chevron-up:before {
    content: "\f077";
}
.icon-file-code-o:before {
    content: "\f1c9";
}
.icon-file-code:before {
    content: "\f1c9";
}