* {padding: 0; margin: 0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; height: 100%; width: 100%;}
p,h1,h2,h3,ul,ol {margin-top: 1em; margin-bottom: 1em;}
div.clearer {clear: both; line-height: 0px; height: 0px;}
.caps {text-transform: uppercase;}
.center {text-align: center;}

div#pagehead {background: #ffffff; height: 69px; width: 905px; margin-left: auto; margin-right: auto;}
div#pagehead img.logo {/* float: left; margin-left: 15%; */ border: none;}

div#pagemain {background: #ffffff url('http://www.eaglerockenergy.com/site_media/img/bkgd.png') repeat-x; text-align: center; width: 100%}

/* top navigation */
div#navigation {min-width: 905px; width: 100%; text-align: center; margin-bottom: 3px;}


div#navigation table#topnav,div#navigation table#topnav tbody,div#navigation table#topnav tr {min-width: 905px; width: 100%; padding: 3px 0px 0px 0px; margin: 0px 0em 0px 0em; }
div#navigation table#topnav td { text-align: center; border-left: 1px solid #3b597c;  padding: 2px 0px 4px 0px; }
div#navigation table#topnav td.noborder {border-right: 1px solid #3b597c; }
div#navigation table#topnav td a {color: #3b597c; font-size: 0.7em; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 15px; padding-right: 15px; margin-bottom: 2px; margin-top: 2px;}
div#navigation table#topnav td.noborder a { margin-right: 0em;}
div#navigation table#topnav td:hover { background: #d6d9dd;}
div#navigation table#topnav td:hover a {color: #0b425e;}

div#navigation ul#topnav {list-style: none; min-width: 905px; width: 100%; padding: 5px 0px 5px 0px; margin-left: 0px; margin-right: 0px;}
div#navigation ul#topnav li {display: inline; width: 100%; text-align: center;  border-right: 1px solid #3b597c; padding: 0px 0px 0px 0px;  margin-left: 0px; margin-right: 0px;}
div#navigation ul#topnav li.noborder {border-right: none; }
div#navigation ul#topnav li a { width: 100%;color: #3b597c;  font-size: 0.7em; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 25px; padding-right: 25px; margin-left: 0px; margin-right: 0px;}
div#navigation ul#topnav li a.noleft {padding-left: 0px;}
div#navigation ul#topnav li.noborder a { padding-right: 0px;}
div#navigation ul#topnav li a:hover {color: #0b425e;}

div#navigation table#topnav td.active { background: #08355d;}
div#navigation table#topnav td.active a {color: #ffffff;}
div#navigation ul#topsubnav { margin-left: auto; margin-right: auto; min-width: 905px; background: #08355d; list-style: none; margin: 0px; padding: 0px; text-align: left;}
div#navigation ul#topsubnav li { background: #08355d; padding-top: 0px; padding-bottom: 0px; display: inline;}
div#navigation ul#topsubnav li a,table#topsubnav td.noborder a {color: #c2d6df; font-size: 0.6em; text-decoration: none; text-transform: uppercase; padding-left: 6px; padding-right: 10px;}
div#navigation ul#topsubnav li a:hover {color: #ffffff;}
div#navigation ul#topsubnav li.active a {color: #ffffff;}
/* for empty subnavs */
div#navigation ul.emptysubnav { border-top: 3px solid #08355d; border-left: 1px solid #08355d;}


div#mainarea {margin-left: auto;margin-right: auto; overflow: hidden; text-align: center; width: 905px;}

div#table {width: 905px;}
div#table div#tableleft {width: 254px; float: left;margin-bottom: 5px;}
div#table div#tableright {width: 651px; float: left;margin-bottom: 5px;}

/* left column */
div#leftcol {float: left; margin-right: 24px;  margin-top: 0px; padding-top: 0px; width: 236px;}

div.bluebox {width: 193px; background: #d7ebf1; margin-top: 0px; padding: 0.5em 20px 1em 23px; font-size: 0.7em; }
div.bluebox img {margin-left: -23px; margin-right: 0;}
div.bluebox h4 {text-align: left; color: #084984; padding-top: 0.5em;}
div.bluebox p.prtitle {text-align: left; color: #585858; margin-bottom: 0; padding-bottom: 0;}
div.bluebox p.prdate {text-align: left; color: #000000; margin-top: 0; padding-top: 0;}
/* .bluebox img {float:left; padding-left:20px; padding-right:5px} */
.bluebox img {float:left; padding-left:5px; padding-right:5px}
div.bluebox div.pubtitle {text-align: left; color: #585858; margin-bottom: 0.2em;margin-top: 0.2em; padding-bottom: 0;}
div.bluebox div.pubtitle a {color: #585858; text-decoration: none; display:block}
div.bluebox p.bbmorelink {text-align: left; color: #084984;  margin-bottom: 0.4em;margin-top: 0.2em; padding-bottom: 0;}
div.bluebox p.bbmorelink a {color: #084984;}

div.feature {width: 236px; background: #ffffff url('http://www.eaglerockenergy.com/site_media/img/bkgd-feat.png') repeat-x; position: relative; margin-top: 10px; padding-left: 0px; padding-right: 0px; text-align: right;}
div.feature h2 {margin: 0em 0.8em 0.5em 0.5em; font-size: 1.2em; font-weight: normal; min-width: 10px; padding-top: 5px; padding-left: 0px; padding-right: 0px; text-transform: lowercase;}
div.feature p {font-size: 0.9em; margin-left: 1.5em; margin-right: 1em; color: #003366; text-align: right;}
div.feature p.right {text-align: right; margin-right: 1em;}
div.feature p.right a img {border: none;}

div.greybox {width: 166px; background: #d9d9d9; color: #000000; padding: 5px 35px 3px 35px; text-align: center;}
div.greybox p {margin-left: auto; margin-right: auto;}
div.greybox p.timestamp {font-size: 0.7em; margin-top: 0.2em;}
div.greybox p.stock {margin-left: 0.4em;}
div.greybox p span.stocksymbol {float: left; font-size: 0.9em;}
div.greybox p span.stocksymbol strong {float: left; font-size: 1.1em;}
div.greybox p span.stockprice {float: left; color: #20466a; font-size:  1.5em; padding-left: 4px;}
div.greybox p span.difference {float: left; font-size: 0.8em; padding-left: 2px;}
div.greybox p.delayed {font-size: 0.7em;}


/* new stock ticker */
div#stockprice {width: 200px; height:50px; float:right; color: #000000; padding: 5px; text-align: center;margin-top:0.5em;}
div#stockprice div.nomargin {margin: 0 auto;}
div#stockprice span.symbol {font-size:1.2em;}
div#stockprice span.price {color:#2F5785;}
div#stockprice span.diffarrow {padding-left:2px;}
div#stockprice span.difference {font-size:0.7em;}
div#stockprice span.delayed {font-size:0.6em;}
div#stockprice span.timestamp {font-size:0.6em;}



/* right column */
div#rightcol {float: left; width: 651px; }

div#rightcol a {color: #0b425e; }
div#rightcol a:hover {color: #3b597c;}
div#rightcol a:visited {color: #0b425e; text-decoration: none; }

div#headimage {text-align: center; min-width: 651px;}
div#headimage img {margin-left: auto;margin-right: auto;}

div#rightcol h1 {font-size: 1.2em; font-weight: normal; color: #273f62; text-transform: uppercase; padding-bottom: 1px; background: url('http://www.eaglerockenergy.com/site_media/img/bkgd-title.png') bottom repeat-x; margin-bottom: 3px; text-align: left; margin-top: 2px;}
div#pagetitle { height: 4px; background: #e3e4e6 url('http://www.eaglerockenergy.com/site_media/img/bkgd-pagetitle.png') no-repeat;}

div#rightcol h2 {font-size: 1.1em; font-weight: normal; color: #2f5785; text-align: left;}
div#rightcol h2.bkgd {padding-bottom: 12px; background: url('http://www.eaglerockenergy.com/site_media/img/bkgd-subtitle.png') bottom left repeat-x; font-size: 1.2em; margin-top: 10px;}

div#rightcol h3.pre {font-size: 0.7em; font-weight: normal; color: #2f5785; text-align: left; margin-bottom: 0px; margin-top: 2px;}

div#rightcol p {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; text-align: left;}
div#rightcol p.center {text-align: center;}
div#rightcol p sup {font-size: 0.5em;}
div#rightcol p.toplink {font-size: 0.6em; margin-top: -0.7em; text-transform: uppercase;}
div#rightcol p.newstitle {margin-bottom: 0em;}
div#rightcol p.newsdate {font-size: 0.6em; margin-top: 0.2em; text-transform: uppercase;}
div#rightcol p.small {font-size: 0.5em;}
div#rightcol p.maploading {text-align: center; font-size: 0.8em;}

img.exec {float:left;margin: 0 18px 10px 0;}

div.floatright { float: right; }
div.floatright img.blue {border: 1px solid #7492b7; padding: 1px; margin-left: 10px; margin-bottom: 10px; margin-right: 15px; }
div.floatright img.white {border: 1px solid #ffffff;}

div#rightcol ul {text-align: left; margin-left: 1.0em; font-size: 0.9em;  }
div#rightcol ul li.caps {margin-top: 0.5em;}
div#rightcol ul ul {font-size: 1.0em; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 2.0em;}
div#rightcol ul ul li {text-transform: none; margin-top: 0px;}

div#rightcol ul.content {list-style: none; }
div#rightcol ul.content li {margin: 1.0em; }

div#rightcol ul.normal {list-style: disc; margin-left: 2.0em;}

div#rightcol ul.smsup  {list-style: none; margin-top: -0.8em;}

strong.blue {color: #273f62;}
strong.blue a {color: #273f62;}

div#rightcol table.content {width: 100%; border: 3px solid #074176; font-size: 0.9em; background: #c0c9d3; border-collapse: collapse;}
div#rightcol table.content tr {text-align: left; background: #c0c9d3; color: #ffffff;  border: 2px solid #c0c9d3; }
div#rightcol table.content tr th { padding: 4px; margin: 2px; background: #074176; font-weight: normal; font-size: 1.2em; }
div#rightcol table.content tr th.normal { font-size: 1.0em; }
div#rightcol table.content tr td { padding: 4px; margin: 2px; background: #6f8aab;  }
div#rightcol table.content tr td.subhead { padding: 4px; margin: 2px; background: #c0c9d3; color: #074176; }
div#rightcol table.content tr td.arrow {width: 9px; padding: 0px; margin: 0px; }
div#rightcol table.content tr th.mao-col1 { width: 190px; }
div#rightcol table.content tr td.mao-col2 { width:110px; }
div#rightcol table.content tr td.mao-col3 {width:130px; }
div#rightcol table.content tr td.mao-col4 {width:60px; }

/* contact page  (and also used by thomson.css) */
div.rightboxes {padding-left:75px;font-size:0.8em;}
div.rightbox {padding: 0; padding-bottom:5px; width: 175px; text-align: left;background:#f4f5f7;}
div.rightbox h3 {background:#3B597C;color:#ffffff;font-size:0.9em;width:175px;text-align:center;padding: 10px 0;}
div.rightbox h4 {font-size:0.9em;padding-left:5px;padding-right:5px;}
div.rightbox p {padding: 0 5px;}

div#pagefoot {background: url('http://www.eaglerockenergy.com/site_media/img/bkgd-foot.png') repeat-x; height: 87px; width: 100%; padding-left: 10px; font-size: 0.8em; text-align: center; padding-top: 0.2em;}

div#pagefoot ul.bottomnav {list-style: none; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; padding-top: 0em;}
div#pagefoot ul.bottomnav li {display: inline; margin-left: auto; margin-right: auto;}
div#pagefoot ul.bottomnav li a {color: #ffffff; text-decoration: none; padding: 0 6px 0 3px; border-right: 1px solid #ffffff;}
div#pagefoot ul.bottomnav li a:hover {color: #c0c9d3; }
div#pagefoot ul.bottomnav li a.noborder {border: none;}
div#pagefoot p#copyright {color: #c0c9d3; font-weight: normal; font-size: 0.8em; }



.search, .search fieldset { margin:0; padding:0; border:0; }
.search .search_text { border:0; background:#fff; width:125px; padding:3px 8px; margin:0; font-size:.9em; }
input.search_button { background:url(http://www.eaglerockenergy.com/site_media/img/sideart/search_go.png) no-repeat ;background-position: 2px center; text-indent:-1000em;  width:41px; height:20px; border:0; margin:0 0 0 5px; cursor:pointer; }


/* NEW SWAPPING MAPS */
.clear {clear:both;}
/* qTip.CSS */
.qtip .qtip-content{overflow: hidden; padding:0;}
/* jQuery Tabs */
@media projection, screen {.tabs-hide { display: none; }}
@media print {.tabs-nav { display: none; }}
/* Skin */
#tabbed-content {min-height:400px;   margin:0px; margin-left:0px; padding:0px; width:645px; border:1px solid #2f5785; overflow:hidden;}
#tabbed-content p {margin:5px;}
#tabbed-content p.map {margin:0;border-top: 1px solid #2f5785;}
#tabbed-content span.clear {display:block;}


.tabs-nav {display: block; clear: both; list-style: none; /*border-top:1px solid #2f5785; */ margin: 0px; margin-left:-14px;}
.tabs-nav li { float: left;  min-width: 90px;  }
.tabs-nav a {display: block; padding: 0 10px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; padding:5px 10px; 
   border-left:1px solid #2f5785;

}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background:#D6D9DD; cursor: pointer;}
.tabs-nav .tabs-selected a { color: #fff !important; background:#273f62; }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {  cursor: text; }
.tabs-container { background:#ffffff;border-top: 1px solid #2f5785; padding:0 0px;margin-left:0px;}

@media print{.gmnoprint{display:none}}@media screen{.gmnoscreen{display:none}}
@media print{.gmnoprint{display:none}}@media screen{.gmnoscreen{display:none}}

.ul_holder{ float:left;margin-left:-16px;  }


div#mainarea {margin-left: auto;margin-right: auto; overflow: hidden; text-align: center;}

div.bluebox {margin-bottom: 10px; }

div#rightcol div.feature {float: left; width: 215px; margin-left: 1px; margin-right: 1px; text-align: right;}
div#rightcol div.feature h2 { margin: 0em 0.8em 0.5em 0.5em; font-size: 1.2em; font-weight: normal; min-width: 10px; padding-top: 5px; padding-left: 0px; padding-right: 0px; text-align: right; color: #000000; text-transform: lowercase;}
div#rightcol div.feature p {font-size: 0.9em; margin-left: 1.5em; margin-right: 1em; color: #003366; text-align: right;}
div#rightcol div.feature p.right {text-align: right; margin-right: 1em;}
div#rightcol div.feature p.right a img {border: none;}
 label
{
width: 6em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
/*color: #781351;
background: #fee3ad;
border: 1px solid #781351;
width: 180px;
*/
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
fieldset
{
border: 1px solid #781351;
width: 20em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}