﻿/* Web Parts */
.epcor-cssbase .ms-rte-wpbox .ms-WPBody { font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #585858; *font-size: small; *font: x-small }
.epcor-cssbase .ms-MenuUIUL li { padding: 0 }

/* Navigation */
#navigation-left ul li.navigation-active.no-children { padding-bottom: 8px; }
#navigation-left ul li.navigation-disabled { background:#D3D3D3; }

/* Prevent Main Content Div From Collapsing when empty */
.epcor-grid .grid-8.alpha { min-height: 50px; }

/* Support Scrolling for Twitter Feed */
div#ep-twitter.block-message.twitter { min-height: 80px; overflow: hidden; position:relative; padding: 0 12px 0 7px; }
div#ep-twitter span {display:block}
div#ep-twitter span.formatDate {position:absolute; bottom:0; right:5px; font-size: 0.8em;}

/* What Doing Here */
 #what-doing-here img { float:left; margin-right:12px;}
 #what-doing-here p { margin:5px 17px 5px 0; }

/* Reverse Chevron for News Paging */
hr.newsPagingSeparator {margin-bottom:0!important; border-width: 0 0 2px;}
div.newsPagingDiv {position:relative; margin-bottom:50px; margin-top:10px;}
div.newsPagingDiv a.chevron-orange { float:right; }
div.newsPagingDiv a.chevron-orange-reversed { float:left; padding-left: 15px; background: transparent url('../images/interface-sprite-links-reversed.png') left -395px no-repeat }

.ms-rtestate-field h2.blue-dark {
    color: #233a81;
}

/*override h2 styles so it looks like SP2010*/
h2.ms-rteElement-H2
, .ms-rteElement-H2
,.ms-rtestate-field h2
{
	color: #EC8932; /*Orange*/
    font-size: 1.5em;
    font-weight: bold ;
}
/*override h3 styles so it looks like SP2010*/
h3.ms-rteElement-H3
, .ms-rteElement-H3
,.ms-rtestate-field h3
{
	color: #009DDC; /*Light Blue*/
    font-size: 1.25em;
    font-weight: bold ;
}
/*override h4 styles so it looks like SP2010*/
h4.ms-rteElement-H4
, .ms-rteElement-H4
,.ms-rtestate-field h4
{
    color: #233A81; /*Dark Blue*/
    font-size: 1.166em;
    font-weight:bold;
    font-style:normal;
}
/*override h2B styles so it looks like SP2010*/
h2.ms-rteElement-H2B
, .ms-rteElement-H2B
{
	color: #80A73B; /*Green*/
    font-size: 1.5em;
    font-weight: bold ;
}
/*override h3B styles so it looks like SP2010*/
h3.ms-rteElement-H3B
, .ms-rteElement-H3B
{
	color: #80A73B; /*Green*/
    font-size: 1.25em;
}
/*override h4B styles so it looks like SP2010*/
h4.ms-rteElement-H4B
, .ms-rteElement-H4B
{
	color: #80A73B; /*Green*/
    font-size: 1.166em;
    font-weight:bold;
    font-style:normal;
}


/*override GroupHeader class style so it looks like SP2010 */
.groupheader 
{
    font-family: tahoma; 
    text-align:left;
    margin-bottom:5px;
    font-size:10pt; 
    font-weight:bold; 
    color:#000000;
    clear:both;
}


.ms-webpart-titleText
{
    color: #0072bc !important;
    font-size: 14.2186670303345px !important;
    font-weight: bold !important;
    font-family: Helvetica, Arial, sans-serif !important;
    line-height: 1 !important;
    margin: 0.8em 0 0.2em !important;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color: #EBEBEB;
}



p.ms-rteElement-P
,.ms-rteElement-P
{
    color: #585858;
}

div.ms-rteElement-Callout1
{
    font-family: Georgia, serif;
    padding: 10px;
    margin: 3px 7px 7px 0;
    float: left;
    background-color: #FFF6CE;
    border: 1px solid #f9eba9;
    color:#353738;
    width:25em;
}
div.ms-rteElement-Callout2
{
    font-family: Georgia, serif;
    padding: 10px;
    margin: 3px 0 7px 7px;
    float:right;
    background-color: #e6edce;
    border: 1px solid #dfe7ab;
    color:#353738;
    width:25em;
}
div.ms-rteElement-Callout3
{
    font-family: Georgia, serif;
    padding: 10px;
    margin: 3px 7px 7px 0;
    float: left;
    background-color: #e6edce; 
    border: 1px solid #dfe7ab;
    font-style:normal;
    color:#353738;
    width:20em;
}
div.ms-rteElement-Callout4
{
    font-family: Georgia, serif;
    padding: 10px;
    margin: 3px 0 7px 7px;
    float:right;
    background-color: #d8e2f1;
    border: 1px solid #b6c3d3;
    color:#005677;
    width:20em;
}

DIV.ms-rteElement-Callout5{
    -ms-name:"Image Caption Left";
}
div.ms-rteElement-Callout5
{
    font-size: 0.916em;
    padding: 3px;
    margin: 0 20px 15px 0;
    float: left;
    background-color: #fff;
    border: 1px solid #939393;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    behavior: url(/_layouts/15/EpcorCustomerInternetPublishing/styles/pie/PIE.htc)
}

DIV.ms-rteElement-Callout6{
    -ms-name:"Image Caption Right";
}
DIV.ms-rteElement-Callout6
{
    font-size: 0.916em;
    padding: 3px;
    margin: 0 0 15px 20px;
    float: right;
    background-color: #fff;
    border: 1px solid #939393;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    behavior: url(/_layouts/15/EpcorCustomerInternetPublishing/styles/pie/PIE.htc)
}

span.ms-rteStyle-Normal
,   .ms-rteStyle-Normal
{
    font: inherit;
    color:inherit;
    background-color:inherit;
}

.ms-rteStyle-Smaller
{
    -ms-name:"Smaller";
    font-size: 0.916em;
}

/* Links Outside p's Within Main Content */
div.grid-8 .ms-rteElement-P a { color: #009ddc }
div.grid-8 .ms-rteElement-P a:visited { color: #b10069 }
div.grid-8 .ms-rteElement-P a:hover { color: #0072bc; text-decoration: underline }


img.ms-rteImage-1 {
    border: 1px solid #939393;
}

img.ms-rteImage-2 {
    background-color: #fff;
    border: 1px solid #939393;
    padding: 3px;
	border-radius: 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	behavior: url(/_layouts/15/EpcorCustomerInternetPublishing/styles/pie/PIE.htc)
}

table.ms-rteTable-1 {
	color:#585858;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.4em;
	width:100%;
	font-size: inherit;
	font: 100%;
	line-height: inherit;
}
table.ms-rteTable-1 tr th, table.ms-rteTable-1 tr td{
	text-align: left;
	padding: 4px 10px 4px 5px;
	border-right: 1px solid #fff;
}
table.ms-rteTable-1 tr th:last-child,
table.ms-rteTable-1 tr td:last-child
{ border-right: none; }

table.ms-rteTable-1 tr.ms-rteTableHeaderRow-1 th {
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: bold; 
	text-align: left;
	background: #233a81; 
	color: #fff; 
	padding: 4px 10px 2px 5px;
}

/* turbidity form header */
tr.genericResultsHeader > th {
    background: none repeat scroll 0 0 #233A81;
    color: #FFFFFF;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    padding: 4px 10px 2px 5px;
    text-align: left;
}

table.ms-rteTable-1 tr.ms-rteTableFooterRow-1 th,
table.ms-rteTable-1 tr.ms-rteTableFooterRow-1 td{
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: bold; 
	text-align: left; 
	background: #c0ccdf; 
	color: #233a81;
	padding: 4px 10px 2px 5px;
}

table.ms-rteTable-1 th.ms-rteTableHeaderRow-1,
table.ms-rteTable-1 tr.ms-rteTableFooterRow-1{
	border-top:inherit;
	border-bottom:inherit;
	padding: 4px 10px 2px 5px;
}
table.ms-rteTable-1 th.ms-rteTableHeaderFirstCol-1,
table.ms-rteTable-1 th.ms-rteTableFooterFirstCol-1{
	border-top:inherit;
	border-bottom:inherit;
}
table.ms-rteTable-1 th.ms-rteTableHeaderOddCol-1,
table.ms-rteTable-1 td.ms-rteTableFooterOddCol-1{
	border-top:inherit;
	border-bottom:inherit;
}
table.ms-rteTable-1 th.ms-rteTableHeaderEvenCol-1,
table.ms-rteTable-1 td.ms-rteTableFooterEvenCol-1{
	border-top:inherit;
	border-bottom:inherit;
}
table.ms-rteTable-1 th.ms-rteTableHeaderLastCol-1,
table.ms-rteTable-1 th.ms-rteTableFooterLastCol-1{
	border-top:inherit;
	border-bottom:inherit;
}
table.ms-rteTable-1 tr.ms-rteTableOddRow-1{
    background-color:transparent;
}
table.ms-rteTable-1 tr.ms-rteTableEvenRow-1{
    background-color:#D8E2F1;
}
table.ms-rteTable-1 th.ms-rteTableFirstCol-1{
	font-weight:normal;
}
table.ms-rteTable-1 td.ms-rteTableLastCol-1{
	font-weight:normal;
}

/* community map legend style */
ul.legend-children {
    display: none;
}
ul.legend-children > li {
    margin: 0;
    padding: 0;
}

ul.search-results  { margin: 0 0 1.5em 0; padding: 0 }
ul.search-results li { margin: 2px 0; list-style: none; padding: 0 0 0 2em; color: #585858 }
ul.search-results li.pdf {background: url(/_layouts/15/images/icpdfNew.png) no-repeat 0 0;}
ul.search-results li.doc {background: url(/_layouts/15/images/generaldocument.gif) no-repeat 0 0;}
ul.search-results li.image {background: url(/_layouts/15/images/imageresult_16x16.png) no-repeat 0 0;}
ul.search-results li.page {background: url(/_layouts/15/images/html16.png) no-repeat 0 0;}

/*home page slider*/
#slide-caption{font-family: Helvetica, Arial, sans-serif; }
/*Community feature boxes*/
.block-threecol-feature a{color:#009ddc;}
.block-threecol-feature a:hover{color:#233a81;}
.block-threecol-feature h5{font-size: 1.1em;}

.locator { font-family: 'LocatorDisplayWebMedium' !important; }

/*News and Announcements*/
/*.epcor-cssbase h2 {font-family:'LocatorDisplayWebMedium', Helvetica, Arial, sans-serif;}-*/

/*Home page ASK button*/
div.location-box input[type='submit']{text-transform: uppercase;}

/*MY JAN2013-GreenButton look-a-like */
.epcor-cssbase .block-feature.green .block-feature-footer span.inherit { background-color: #80a73b; border: 1px solid #fff; color: #fff; padding: 4px 12px 4px 12px; text-transform: uppercase; cursor: pointer; -moz-box-shadow: 1px 1px 0px #000; -webkit-box-shadow: 1px 1px 0px #000; box-shadow: 1px 1px 0px #000 }

/*optional no trailing margin for paragraphs */
p.nopad { margin-bottom:0px; }