.parent_copy{display:none;}
html {
background: #fff url(/images/UserUploadedImages/151/bg-html.jpg) repeat fixed center top;
margin: 0;
padding: 0px;
}
body {
background: url(/images/UserUploadedImages/151/bg-body2014.gif) center 120px no-repeat;
color: #333;
margin: 0
}
a img {
border: 0
}
a {
text-decoration: none
}
.home .hero dl {pointer-events:none;}
a[class='document pdf'] {
display: inline-block;
line-height: 18px;
padding-left: 22px;
background: transparent url(/Images/DocumentTypeImages/file-pdf.gif) center left no-repeat
}
* {
border: 0;
font-family: Arial, Helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 0
}
.accessibleHeading {
left: -9999px;
position: absolute
}
.ieall .clsFormCreator INPUT[type="checkbox"] {
position: absolute!important
}
.ie8 input[type="checkbox"] {
width: auto!important
}
.ie9 input[type="checkbox"] {
width: auto!important
}
#container {
margin: 0 auto;
width: 960px; position:relative;
}
#content {
background: #fff;
font-size: 75%;
line-height: 160%;
min-height: 200px;
overflow: hidden;
padding: 20px
}
#content #left {
display: block;
float: left;
margin: 0 0 0 10px;
padding: 15px 0;
width: 630px
}
#content #left h1 {
clear: both;
color: #505050;
display: block;
font: bold 200% Arial;
letter-spacing: 0px;
margin: 0 0 20px;
text-shadow: 1px 1px 0 #eee
}
#content #left h2 {
color: #000;
font: bold 180% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
#content #left h3 {
color: #0267b9;
font: bold 140% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
#content #left h4 {
color: #505050;
font: bold 120% Arial;
letter-spacing: 0px;
margin: 20px 0 10px
}
#content #left h5 {
color: #505050;
font: bold 110% Arial;
letter-spacing: 0px;
margin: 20px 0 10px
}
#content #left h6 {
color: #505050;
font: bold 100% Arial;
margin: 0 0 10px
}
#content #left h7 {
color: #505050;
font: italic 100% Arial
}
#content #left ul {
margin: 20px 30px
}
#content #left ol {
margin: 30px 45px
}
#content #left ol li {
list-style: decimal outside none;
margin: 0 0 5px
}
#content #left ul li {
background: url(/images/UserUploadedImages/151/bullet-blue.png) no-repeat scroll -5px 0 transparent;
margin: 0 0 5px;
padding: 0 0 0 20px
}
#content #left #breadcrumbs {
background: url("/images/UserUploadedImages/151/bg-breadcrumbs-home.jpg") no-repeat scroll 0 0 transparent;
float: left;
padding: 0 0 0 16px
}
#content #left #breadcrumbs p {
display: none
}
#content #left #breadcrumbs ol {
margin: 0
}
#content #left #breadcrumbs li {
background: 0;
border-right: 1px solid #ccc;
float: left;
list-style: none;
padding: 0 5px 0 0
}
#content #left #breadcrumbs a {
border: 0;
color: #0267b9;
font: 95% Tahoma;
margin: 0
}
#content #left #breadcrumbs a:hover {
color: #5393ce
}
#content #left #breadcrumbs span {
font: 95% Tahoma;
margin: 0 0 0 5px
}
#content #left p {
margin: 0 0 20px
}
#content #left a {
xxborder-bottom: 1px dotted #505050;
color: #0267b9;
font-size: 14px;
font-weight: bold
}
#content #left a:hover {
color: #5393ce
}
#content #left #utilities {
float: right;
margin: 0;
padding: 0;
width: 105px
}
#content #left #utilities li {
background: 0;
float: left;
padding: 0
}
#content #left #utilities li a {
border: 1px solid #fff;
display: block;
height: 25px;
text-indent: -9999px
}
#content #left #utilities li:hover a {
border: 1px dotted #ccc
}
#content #left #utilities li.email a {
background: url(/images/UserUploadedImages/151/email-ico.gif) no-repeat;
text-indent: -9999px;
width: 23px
}
#content #left #utilities li.email a img {
display: none
}
#content #left #utilities li.big a {
background: url(/images/UserUploadedImages/151/big-a.gif) no-repeat;
width: 20px
}
#content #left #utilities li.small a {
background: url(/images/UserUploadedImages/151/small-a.gif) no-repeat;
width: 17px
}
#content #left #utilities li.print a {
background: url(/images/UserUploadedImages/151/printer-ico.gif) no-repeat;
width: 25px
}
#content #left table p {
margin: 5px!important
}
#content #left table {
max-width: 100% !important;
}
.twDefaultContent #left .SearchLeft {
float: left;
width: 180px
}
.twDefaultContent #left .SearchLeft .selected {
font-weight: bold
}
#searchResultsInfo { margin:0px !important; }
#searchResultsInfo .search-highlight,
#searchResultsInfo .resultNumber {
font-weight: bold
}
#searchResultsInfo li {
border-bottom: 1px solid #CCC;
padding: 10px
}
#searchResultsInfo li .firstRow {
display: block;
margin-bottom: 10px
}
#searchResultsInfo li .lastRow {
color: #505050;
display: block;
overflow-wrap: break-word !important;
}
.twDefaultContent #left .SearchLeft div#TBRefineHead h2 {
font: bold 140% Arial;
margin-top: 0
}
.twDefaultContent #left .SearchLeft div#TBRefineHead h3 {
color: #505050;
font: bold 120% Arial
}
.twDefaultContent #left .SearchResults {
float: none;
width: auto;
}
.twDefaultContent #left {
width: 100%!important
}
.twDefaultContent #left ol li {
list-style: none!important
}
#content #leftwide {
display: block;
float: left;
margin: 0 0 0 10px;
padding: 15px 0;
width: 900px
}
#content #leftwide h1 {
clear: both;
color: #505050;
display: block;
font: bold 220% Arial;
letter-spacing: 0px;
margin: 0 0 20px;
text-shadow: 1px 1px 0 #eee
}
#content #leftwide h2 {
color: #505050;
font: bold 210% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
#content #leftwide h3 {
color: #505050;
font: bold 200% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
#content #leftwide h4 {
color: #505050;
font: bold 120% Arial;
letter-spacing: 0px;
margin: 20px 0 10px
}
#content #leftwide h5 {
color: #505050;
font: bold 120% Arial;
letter-spacing: 0px;
margin: 20px 0 10px
}
#content #leftwide h6 {
color: #505050;
font: bold 170% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
#content #leftwide ul {
margin: 20px 30px
}
#content #leftwide li {
background: url(/images/UserUploadedImages/151/bullet-blue.png) -5px 5px no-repeat;
margin: 0 0 5px;
padding: 0 0 0 20px
}
#content #leftwide #breadcrumbs {
background: url(/images/UserUploadedImages/151/bg-breadcrumbs-home.jpg) no-repeat;
color: #888;
float: left;
padding: 0 0 25px 16px
}
#content #leftwide #breadcrumbs a {
border: 0;
color: #888;
font: 95% Tahoma;
margin: 0 5px
}
#content #leftwide #breadcrumbs span {
font: 95% Tahoma;
margin: 0 0 0 5px
}
#content #leftwide p {
margin: 0 0 15px
}
#content #leftwide a {
border-bottom: 1px dotted #505050;
color: #505050
}
#content #leftwide a:hover {
border-bottom: 1px solid #505050;
color: #505050
}
#content #leftwide #utilities {
float: right;
margin: 0;
padding: 0;
width: 105px
}
#content #leftwide #utilities li {
background: 0;
float: left;
padding: 0
}
#content #leftwide #utilities li a {
border: 1px solid #fff;
display: block;
height: 25px;
text-indent: -9999px
}
#content #leftwide #utilities li:hover a {
border: 1px dotted #ccc
}
#content #leftwide #utilities li.email a {
background: url(/images/UserUploadedImages/email-ico.gif) no-repeat;
text-indent: 0;
width: 23px
}
#content #leftwide #utilities li.email a img {
display: none
}
#content #leftwide #utilities li.big a {
background: url(/images/UserUploadedImages/big-a.gif) no-repeat;
width: 20px
}
#content #leftwide #utilities li.small a {
background: url(/images/UserUploadedImages/small-a.gif) no-repeat;
width: 17px
}
#content #leftwide #utilities li.print a {
background: url(/images/UserUploadedImages/printer-ico.gif) no-repeat;
width: 25px
}
#content #right {
background: url(/images/UserUploadedImages/151/bg-content-right.jpg) no-repeat;
display: block;
float: right;
font: 100% Tahoma, Arial, Helvetica, sans-serif;
margin: 0 10px 0 0;
min-height: 480px;
padding: 15px 0 10px 35px;
width: 220px
}
#content #right #taxonSelector {
background: url(/images/UserUploadedImages/151/bg-home-ul.jpg) no-repeat scroll right bottom transparent;
display: block;
float: left;
margin: 0 0 10px;
padding: 15px;
width: 200px
}
#content #right #taxonSelector ul {
margin: 5px
}
#content #right #taxonSelector ul li .selectedTaxon {
color: #505050;
font: bold 110% Arial;
letter-spacing: 0px;
margin: 20px 0 10px
}
#content #right #taxonSelector a {
border-bottom: none!important;
color: #505050
}
#content #right h1 {
clear: both;
color: #505050;
display: block;
font: bold 200% Arial;
letter-spacing: 0px;
margin: 0 0 20px;
text-shadow: 1px 1px 0 #eee
}
#content #right h2 {
color: #505050;
font: bold 180% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
#content #right h3 {
color: #505050;
font: bold 140% Arial;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #eee
}
#content #right h4 {
color: #505050;
font: bold 140% Arial;
letter-spacing: 0px;
margin: 0 0 10px
}
#content #right h5 {
color: #505050;
font: bold 120% Arial;
letter-spacing: 0px;
margin: 20px 0 10px
}
#content #right h6 {
color: #505050;
font: bold 100% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
#right #tiles li {
xbackground: url(/images/UserUploadedImages/151/bg-home-ul.jpg) right bottom no-repeat;
clear: both;
display: block;
overflow: hidden;
padding: 15px
}
#right #tiles li.account {
background: url(/images/UserUploadedImages/151/bg-content-tile-account.jpg) no-repeat;
height: 200px
}
#right #tiles li.alerts {
background: url(/images/UserUploadedImages/151/bg-content-tile-alerts.jpg) no-repeat;
height: 200px
}
#right #tiles li.community {
background: url(/images/UserUploadedImages/151/bg-content-tile-projects.jpg) no-repeat;
height: 200px
}
#right #tiles li.latestNews {
background: url(/images/UserUploadedImages/151/bg-content-tile-news.jpg) no-repeat;
height: 200px
}
#right #tiles li.account:hover,
#right #tiles li.alerts:hover,
#right #tiles li.community:hover,
#right #tiles li.latestNews:hover {
background-position: -215px 0
}
#right #tiles ul {
display: block;
float: left
}
#right #tiles li li {
background: url("/images/UserUploadedImages/151/bullet-grey.png") no-repeat scroll 15px -1px transparent;
padding: 0 0 10px
}
#right #tiles h3 {
padding: 15px 0 10px 45px
}
#right #tiles h3 a {
color: #505050
}
#right #tiles {
margin: 0 0 10px 5px;
padding: 0 0 5px
}
#tiles li h3 {
font-size: 120%
}
#tiles li:hover h3 a {
color: #505050
}
#tiles li:hover a {
xcolor: #5393ce;
xxtext-shadow: 1px 1px 1px #ccc
}
#tiles h3 a,
#tiles a h3 {
color: #505050;
text-shadow: 1px 1px 1px #ddd
}
#tiles li li a {
color: #0267b9;
display: block;
font: 95% Tahoma, Arial, Helvetica, sans-serif;
line-height: 150%;
text-shadow: -1px 1px 1px #fff;
margin-left: 47px
}
#tiles li li a:hover {
color: #5393ce
}
#tiles li li a strong {
color: #0267b9
}
#tiles li li {
background: url(/images/UserUploadedImages/151/bg-home-ul.jpg) left bottom no-repeat;
padding: 10px 30px 20px;
width: 170px
}
.home #tiles {
xbackground: url(/images/UserUploadedImages/151/bg-home-ul2.jpg) bottom left no-repeat;
float: left;
margin: 0 0 10px 5px;
padding: 0 0 5px;
width: 920px
}
.home #tiles .account {
background: url(/images/UserUploadedImages/151/bg-content-tile-account.jpg) no-repeat;
height: 200px
}
.home #tiles .alerts {
background: url(/images/UserUploadedImages/151/bg-content-tile-alerts.jpg) no-repeat;
height: 200px
}
.home #tiles .community {
background: url(/images/UserUploadedImages/151/bg-content-tile-projects.jpg) no-repeat;
height: 200px
}
.home #tiles .latestNews {
background: url(/images/UserUploadedImages/151/bg-content-tile-news.jpg) no-repeat;
height: 200px
}
.home #tiles ul {
background: 0;
float: none
}
.home #tiles li {
clear: none;
float: left;
margin: 0 20px 0 0;
width: 213px
}
.home #tiles li img {
border: 1px solid #ccc;
height: 73px;
margin: 12px;
width: 190px
}
.home #tiles li.account:hover,
.home #tiles li.alerts:hover,
.home #tiles li.community:hover,
.home #tiles li.latestNews:hover {
background-position: -215px 0
}
.home #tiles li.notices {
float: left;
margin: 0 20px 0 0
}
.home #tiles .latestNews {
float: left;
margin: 0;
position: relative
}
.home #tiles li li {
background: 0;
border: 0;
float: none;
padding: 0 12px 10px;
width: 190px;
background: url("/images/UserUploadedImages/151/bullet-grey.png") no-repeat scroll 30px -1px transparent
}
.home #tiles li li a {
font: 95% Tahoma, Arial, Helvetica, sans-serif;
line-height: 150%;
margin: 0 0 0 50px
}
.home #tiles h3 {
font-size: 125%;
padding: 30px 0 10px 60px
}
.home #tiles .latestNews .mainItem {
margin-top: -4px;
width: 193px
}
.home #tiles .latestNews .allsubItems {
width: 193px
}
#header {
background: #fff;
height: 130px;
position: relative;
width: 960px
}
#contact .searchPanel {
bottom: -33px;
position: absolute;
right: 0;
width: 205px;
z-index: 2
}
#contact .searchPanel input {
border: 1px solid #505050;
color: #666;
float: left;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
height: 19px;
line-height: 150%;
padding: 0 20px 0 5px;
width: 100px!important
}
#contact .searchPanel a {
background: #505050;
color: #fff;
display: block;
float: left;
height: 21px;
letter-spacing: 1px;
line-height: 180%;
margin: 0;
text-align: center;
text-transform: uppercase;
width: 65px
}
#contact .searchPanel a:hover {
background: #5393ce;
color: #fff
}
#contact .searchPanel span {
background: url(/images/UserUploadedImages/151/bg-search-error.jpg) no-repeat;
bottom: 1px;
display: block;
height: 18px;
line-height: 300%;
overflow: hidden;
position: absolute;
right: 80px;
width: 18px
}
#TopMenu {
background: #fff url(/images/UserUploadedImages/151/bg-menu2014.png) no-repeat;
clear: both;
height: 50px!important;
width: 960px
}
#TopMenu .menu {
height: 45px!important
}
#TopMenu .menu .CMLevel1,
#TopMenu .menu .CMLevel1Selected {
background: url(/images/Useruploadedimages/151/bg-menu-divider2014.gif) right no-repeat;
height: 45px
}
#TopMenu .menu .CMLevel1Selected .text,
#TopMenu .menu .CMLevel1 .text {
color: #fff;
display: block;
float: left;
font: 80% Arial, Helvetica, sans-serif;
font-weight: 700;
height: 45px;
line-height: 350%;
padding: 0 10px;
text-shadow: -1px -1px 0 #555
}
#TopMenu .menu .first .CMLevel1Selected, #TopMenu .menu .first .CMLevel1 {
margin-left:10px;
}
#TopMenu .menu .CMLevel1Selected .text,
#TopMenu .menu .CMLevel1 .text:hover,
#TopMenu .menu .CMLevel1Selected .text:hover {
background: url(/images/Useruploadedimages/151/bg-menu-hover.jpg) right no-repeat;
color: #0267b9;
text-shadow: -1px -1px 0 #fff
}
#TopMenu .menu .slide {
background: url(/images/Useruploadedimages/151/bg-menu-dropdown.jpg) bottom right no-repeat;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 0 0 10px
}
#TopMenu .menu .slide .level1 .first {
background: url(/images/Useruploadedimages/151/bg-menu-arrow.gif) top left no-repeat
}
#TopMenu .menu .slide .level2 .first,
#TopMenu .menu .slide .level3 .first,
#TopMenu .menu .slide .level4 .first {
background: 0;
padding: 10px 0 0
}
#TopMenu .menu .slide .item .link {
display: block;
float: left;
height: auto;
margin: 0 10px;
min-width: 179px
}
#TopMenu .menu .slide .item .link img {
margin: 10px 0 0
}
#TableTopNavBar tbody tr td div ul.horizontal li.item div.slide ul.vertical li.item a img.leftImage {
margin: 10px 0 0
}
#TopMenu .menu .slide .item .link .text {
border-bottom: 1px solid #ddd!important;
border-bottom: 1px solid #ddd;
color: #333;
font: 75% Arial;
margin: 0;
padding: 8px
}
#TopMenu .menu .slide .item .link:hover .text {
background: #fff;
color: #0267b9;
margin: 0
}
#TopMenu .menu .CMLevel2Selected .text,
#TopMenu .menu .CMLevel3Selected .text,
#TopMenu .menu .CMLevel4Selected .text {
background: #fff;
color: #505050!important
}
#ctl00_TopMenu1_MN_m1 #ctl00_TopMenu1_MN_m1 .text,
#ctl00_TopMenu1_MN_m1 .text:hover {
xxheight: 40px!important;
xxline-height: 140%!important;
xxpadding: 5px 15px 0!important
}
#logo {
display: block;
float: left;
height: 85px;
margin: 30px 20px 0 30px;
width: 350px
}
#contact {
background: url(/images/UserUploadedImages/151/bg-contact.jpg) 10px top no-repeat;
float: right;
margin: 15px 20px 0;
padding: 0;
text-align: right;
width: 215px
}
#contact h1 {
color: #505050;
font-size: 210%;
letter-spacing: 0px;
text-shadow: -1px 1px 2px #ddd
}
#contact a {
color: #0267b9;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 70%
}
#contact .contactDetail {
margin: 2px
}
#article-header {
background: url(/images/Useruploadedimages/151/bg-article-header.jpg) no-repeat;
height: 245px;
padding: 10px 0 0;
text-align: center;
width: 920px
}
#footer {
clear: both;
font-size: 80%;
margin: 0 0 50px;
text-align: center
}
#footer #sitemap {
background: #E9F6E4;
color: #666;
margin: 0;
overflow: hidden;
padding: 30px 20px;
width: 920px
}
#footer #copyright {
clear: both
}
#footer #copyright li {
display: inline;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 85%
}
#footer #copyright li a {
color: #0267b9;
font-family: Tahoma, Arial, sans-serif
}
#footer #copyright {
background-color: #CCC;
color: #505050;
padding: 5px
}
#LeftMenu,
#LeftMenuBar,
.panelbar {
display: block;
width: 920px!important
}
.panelbar .group,
.panelbar .rpSlide {
display: block!important
}
.panelbar a {
color: #ccc;
display: block;
float: left;
height: auto!important
}
.panelbar a:hover {
color: #505050
}
.panelbar .MenuItemOne .rpText {
color: #505050;
font: bold 120% Tahoma, Arial, Helvetica, sans-serif!important;
margin: 0 0 5px;
text-transform: uppercase!important
}
.panelbar .MenuItemOne .rpText:hover {
color: #ccc
}
.panelbar .MenuItemTwoClicked .rpText {
color: #bbb
}
.panelbar .rpText {
display: block;
float: left;
font: 120% Tahoma, Arial, Helvetica, sans-serif;
margin: 3px 0;
text-align: left;
width: 140px
}
.panelbar .rpSlide {
clear: both;
float: left;
overflow: visible!important;
top: auto
}
.panelbar li {
display: block!important;
float: left!important;
margin: 0 6px!important;
width: 140px
}
.panelbar .rpSlide li {
clear: left;
display: block;
margin: 0!important;
overflow: visible!important;
width: 140px
}
.panelbar .rpSlide li .rpText {
color: #5393ce;
display: block;
float: left;
height: auto;
line-height: 130%;
margin: 3px 0
}
.panelbar .rpSlide li:hover .rpText {
color: #0267b9;
text-shadow: -1px -1px 1px #eee
}
.home .hero {
background: url(/images/UserUploadedImages/151/bg-home-hero.jpg) no-repeat;
height: 200px;
margin: 0 0 20px;
position: relative;
width: 920px
}
.home .hero dl {
color: #505050;
display: block;
float: right;
height: 250px;
margin: 35px 20px;
width: 380px
}
.home .hero dl strong {
display: block;
font-size: 110%;
margin: 0 0 10px
}
.home .hero dl dt a span {
color: #0267b9;
display: block;
font-size: 180%;
font-weight: 700;
line-height: 105%;
margin: 0 0 15px;
text-shadow: 1px 1px 1px #ccc
}
.home .hero a img {
height: 165px;
margin: 16px 0 0 15px;
width: 475px
}
.notices {
display: block;
width: 200px
}
.notices dl dt span span {
color: #666;
font: 90% Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase
}
.home .alerts dl dt a span {
margin: 0 0 0 65px
}
.home .latestNews dl dt a.document {
margin: 0 0 0 20px;
}
#right .alerts dl dt a span {
margin: 0 0 0 55px
}
#right .latestNews dl dt a.document {
margin: 0 0 0 15px;
}
.notices dl dt a span {
color: #0267b9;
font: 90% Tahoma, Arial, Helvetica, sans-serif
}
.notices dl dt a:hover span {
color: #5393ce
}
.latestNews p a span {
color: #999;
cursor: pointer;
font: 90% Tahoma;
left: 160px;
position: absolute;
top: 30px
}
.notices .subItem,
.latestNews .subItem {
padding: 2px 0 0
}
.latestNews dl dt a span {
color: #0267b9;
font: 90% Tahoma, Arial, Helvetica, sans-serif
}
#right .notices {
clear: left;
float: left;
height: auto;
margin: 0 0 10px
}
#right .notices h3 {
xmargin: 0 0 10px
}
#right .latestNews {
clear: left;
float: left;
height: auto;
margin: 0 0 10px;
position: relative
}
#left .archive {
display: block;
margin: 0 0 15px;
position: relative
}
#left .archive h2 {
display: none
}
#left .archive dl dt span span {
color: #666;
font: 90% Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase
}
#left .archive dl dt a span {
clear: both;
color: #505050;
display: block;
font: bold 120% Arial, Helvetica, sans-serif
}
#left .archive .mainItem,
#left .archive .subItem {
background: url(/images/UserUploadedImages/151/bullet-blue.png) 0 5px no-repeat;
margin: 0 0 10px;
padding: 0 0 0 20px
}
#left .archive p a span {
display: none
}
#right .news {
display: block;
float: right;
margin: 15px 0;
position: relative;
width: 230px
}
#right .news {
clear: left;
float: left;
height: auto;
width: 200px
}
#right .news .subItem {
margin: 10px 0 0
}
#right .news dd {
display: none
}
#right .news dl dt span span {
color: #666;
font: 90% Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase
}
#right .news dl dt a span {
color: #505050;
font: 90% Tahoma, Arial, Helvetica, sans-serif;
margin: 0 0 0 5px
}
#right .news p a span {
color: #999;
cursor: pointer;
display: block!important;
font: 100% Tahoma;
left: 90px;
position: absolute;
top: 1px
}
#right .news .widgetPageLinks {
display: none
}
.widgetPageLinks h3 {
font: normal 120% Arial, Helvetica, sans-serif!important;
letter-spacing: 0!important
}
.gallery .mainItemHeading,
.gallery .subItemHeading {
display: none
}
.gallery .mainItem,
.gallery .subItem {
background: #fff;
border: 1px solid #ccc;
float: left;
height: auto;
margin: 0 15px 15px 0;
padding: 5px;
position: relative;
text-align: left;
width: auto
}
.gallery .mainItem:hover,
.gallery .subItem:hover {
background: #eee;
border: 1px solid #666
}
.gallery img {
height: 110px;
width: auto
}
.gallery dd {
clear: left
}
#right #panel {
color: #666;
line-height: 150%;
margin: 0 0 10px 15px;
width: 200px
}
#right #panel h2 {
color: #666;
font-size: 100%;
margin: 0 0 10px;
text-transform: uppercase
}
#right #panel p {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 90%;
margin: 0 0 10px
}
#right #panel ul,
#right #panel ol {
list-style: disc;
list-style: outside;
margin: 15px
}
#right #panel li {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 90%;
list-style: disc
}
#right #panel a {
color: #505050;
font: 100% Tahoma, Arial, Helvetica, sans-serif
}
#slider {
clear: both;
display: block;
height: 200px;
overflow: hidden;
width: 920px
}
#slider ul,
#slider li {
list-style: none;
margin: 0;
padding: 0
}
#prev {
background: url(/images/UserUploadedImages/151/bg-home-hero-controls.jpg) -4px -5px no-repeat!important;
cursor: pointer;
display: block;
float: left;
height: 20px;
position: absolute;
right: 40px;
text-indent: -9999px;
top: 15px;
width: 20px
}
#next {
background: url(/images/UserUploadedImages/151/bg-home-hero-controls.jpg) -28px -5px no-repeat!important;
cursor: pointer;
display: block;
float: left;
height: 20px;
position: absolute;
right: 15px;
text-indent: -9999px;
top: 15px;
width: 20px
}
#prev:hover {
background-position: -4px -31px
}
#next:hover {
background-position: -28px -31px
}
#slider ul {
margin: 0!important
}
.clsFormCreator div {
clear: both;
margin: 0 0 5px
}
.clsFormCreator div.alert-danger{color:red; margin-left:33%; padding-top:10px;}
.clsRadioButtonListSpanOptions div.alert-danger, .checkbox div.alert-danger{margin:0;}
.clsFormCreator label {
display: block;
float: left;
margin: 0 10px 0 0;
text-align: right;
width: 200px
}
.clsFormCreator input,
.clsFormCreator select {
border: 1px solid #ccc;
padding: 2px;
width: 300px!important
}
.clsFormCreator .clsFormCreator_checkbox {
position: relative;
padding-left: 210px
}
.clsFormCreator_checkbox LABEL {
left: 0;
top: 0;
position: absolute
}
.clsFormCreator input[type="checkbox"] {
width: auto!important;
border: none!important
}
.clsFormCreator .clsFormCreator_checkbox {
display: block;
position: relative
}
#UserField2488_194524,
#UserField2488_194526 {
border: 0 solid #ccc
}
.clsFormCreator select {
height: 25px!important
}
.clsFormCreator textarea {
border: 1px solid #ccc;
height: 200px!important;
padding: 2px;
width: 400px!important
}
.clsFormCreator .clsBtnSubmit input {
background: none repeat scroll 0 0 #505050;
color: #FFF;
float: right;
font-weight: bold;
height: auto!important;
padding: 5px;
width: auto!important;
text-transform: uppercase
}
.clsFormCreator .clsBtnSubmit input:hover {
background-color: #5393ce
}
.clsFormCreator .clsMandatory {
color: #666;
font: 90% Tahoma, Arial, Helvetica, sans-serif;
margin: 10px 0 10px 0;
float: right
}
.clsFormCreator .validatoralert,
.clsFormCreator .submit-failed {
clear: both;
color: red;
display: block;
margin: 0 0 0 160px
}
.clsFormCreator fieldset {
border: 0;
margin: 0 0 20px 0;
padding: 0
}
.clsFormCreator fieldset legend {
color: #000;
font-size: 100%;
border: 0
}
.clsFormCreator .clsCheckBoxListSpanOptions>span,
.clsFormCreator .clsRadioButtonListSpanOptions>span {
margin-top: 5px;
display: block;
padding-left: 209px
}
.clsFormCreator .clsCheckBoxListSpanOptions>legend,
.clsFormCreator .clsRadioButtonListSpanOptions>legend {
position: absolute;
text-align: right;
width: 202px;
top: 3px
}
.clsFormCreator .clsRadioButtonListSpanOptions {
position: relative
}
.clsFormCreator .clsRadioButtonListSpanOptions label {
width: auto;
float: none;
display: inline
}
.clsFormCreator .clsRadioButtonListSpanOptions input {
width: auto!important;
height: auto;
margin: 0 5px 0 0;
padding: 0;
position: relative;
top: 2px
}
.clsFormCreator .clsCheckBoxListSpanOptions {
position: relative
}
.clsFormCreator .clsCheckBoxListSpanOptions label {
width: auto;
float: none;
display: inline
}
.clsFormCreator .clsCheckBoxListSpanOptions input {
width: auto!important;
height: auto;
margin: 0 5px 0 0;
padding: 0;
position: relative;
top: 2px
}
.clsFormCreator input[type="submit"] {
width: auto!Important;
padding: 5px
}
#Form1 {
margin: 0 auto;
width: 960px
}
#TableLeftNavBar {
display: none
}
#MainTableForContent {
background: #fff;
clear: both;
width: 960px
}
#Footer1_TRBottomBannerHTML table {
background: #EFFAFF;
color: #666;
margin: 0 0 20px;
overflow: auto;
text-align: center;
width: 960px
}
#Footer1_TRBottomBannerHTML table ul {
margin-bottom: 5px
}
#Footer1_TRBottomBannerHTML td.clsnormal {
background-color: #ccc
}
#Footer1_TRBottomBannerHTML table li {
display: inline;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 70%
}
#Footer1_TRBottomBannerHTML table li a {
color: #0267b9;
font-family: Tahoma, Arial, sans-serif
}
#Header1_TRTopBannerHTML table {
background: #fff;
height: 130px;
position: relative;
width: 960px
}
#TableTopNavBar {
background: #fff url(/images/UserUploadedImages/151/bg-menu.png) no-repeat;
clear: both;
height: 50px!important;
width: 960px
}
#TableTopNavBar .menu {
height: 45px!important;
margin-top: -5px
}
#TableTopNavBar .menu .CMLevel1,
#TableTopNavBar .menu .CMLevel1Selected {
background: url(/images/Useruploadedimages/151/bg-menu-divider.gif) right no-repeat;
height: 45px
}
#TableTopNavBar .menu .CMLevel1Selected .text,
#TableTopNavBar .menu .CMLevel1 .text {
color: #fff;
display: block;
float: left;
font: 120% Arial, Helvetica, sans-serif;
font-weight: 700;
height: 45px;
line-height: 350%;
padding: 0 15px;
text-shadow: -1px -1px 0 #555
}
#TableTopNavBar .menu .CMLevel1Selected .text,
#TableTopNavBar .menu .CMLevel1 .text:hover,
#TableTopNavBar .menu .CMLevel1Selected .text:hover {
background: url(/images/Useruploadedimages/151/bg-menu-hover.jpg) right no-repeat;
color: #dd6400;
text-shadow: -1px -1px 1px #ddd
}
#TableTopNavBar .menu .slide {
background: url(/images/Useruploadedimages/151/bg-menu-dropdown.jpg) bottom right no-repeat;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 0 0 10px
}
#TableTopNavBar .menu .slide .level1 .first {
background: url(/images/Useruploadedimages/151/bg-menu-arrow.gif) top left no-repeat
}
#TableTopNavBar .menu .slide .level2 .first,
#TableTopNavBar .menu .slide .level3 .first,
#TableTopNavBar .menu .slide .level4 .first {
background: 0;
padding: 10px 0 0
}
#TableTopNavBar .menu .slide .level1 .first .text {
margin: 15px 0 0!important
}
#TableTopNavBar .menu .slide .level2 .first .text,
#TableTopNavBar .menu .slide .level3 .first .text,
#TableTopNavBar .menu .slide .level4 .first .text {
margin: 0!important
}
#TableTopNavBar .menu .slide .level1 .last .link .text,
#TableTopNavBar .menu .slide .level2 .last .link .text,
#TableTopNavBar .menu .slide .level3 .last .link .text,
#TableTopNavBar .menu .slide .level4 .last .link .text {
border: 0
}
#TableTopNavBar .menu .slide .item .link {
display: block;
float: left;
height: auto;
margin: 0 10px;
min-width: 179px
}
#TableTopNavBar .menu .slide .item .link .text {
border-bottom: 1px solid #ccc;
color: #333;
font: 75% Arial;
margin: 0;
padding: 8px
}
#TableTopNavBar .menu .slide .item .link:hover .text {
background: #fff;
color: #006db9;
margin: 0
}
#TableTopNavBar .menu .CMLevel2Selected .text,
#TableTopNavBar .menu .CMLevel3Selected .text,
#TableTopNavBar .menu .CMLevel4Selected .text {
background: #fff;
color: #006db9
}
#TableTopNavBar .menu .CMLevel2 .text {
font-size: 120%
}
#TableTopNavBar .RadMenu_CM16 a.CMLevel2,
#TableTopNavBar .RadMenu_CM16 a.CMLevel3,
#TableTopNavBar .RadMenu_CM16 a.CMLevel4 {
font-size: 16px
}
#TableTopNavBar .menu .slide .item .link:hover .text {
background: #fff;
margin: 0
}
.siteMapInner {
margin: 40px
}
.siteMapInner .clsNormal {
color: #0267b9;
font: 140% Arial, Helvetica, sans-serif;
line-height: 160%
}
.siteMapInner a.clsMidHeader {
display: block;
color: #505050;
font: bold 180% Arial;
letter-spacing: 0px;
margin: 20px 0 0;
text-shadow: 1px 1px 1px #eee
}
.siteMapInner img {
margin: 0 0 0 30px
}
.search h1 {
display: none!important
}
.search #left {
width: 900px!important
}
.search #right {
display: none!important
}
#ctl00_ContentPlaceHolderMainNoAjax_pnlnumberResults {
clear: both;
color: #666;
display: block;
font: 220% Arial;
letter-spacing: 0px;
margin: 0 0 20px;
text-shadow: 1px 1px 0 #eee
}
#ctl00_ContentPlaceHolderMainNoAjax_pnlnumberResults span {
color: #333;
font-weight: 700
}
.search .resultNumber {
display: none
}
.search ol {
margin: 0 0 20px
}
.search ol li {
background-position: 5px 10px!important;
border-bottom: 1px dotted #ddd;
margin: 0!important;
padding: 5px 5px 5px 25px!important;
position: relative
}
.search ol li:hover {
background-color: #f4f7ff!important
}
.search ol li:hover a {
font-weight: 700
}
.search ol li .firstRow {
width: 610px
}
.search ol li img {
position: absolute;
right: 10px;
top: 10px;
vertical-align: top!important
}
.search ol li .resultImage {
right: 90px;
top: 5px
}
.search ol li .lastRow {
width: 610px
}
.search ol li .lastRow {
clear: both;
color: #666;
display: block
}
.search ol li .lastRow span {
clear: both;
font: 90% Tahoma, Arial, Helvetica, sans-serif
}
.search ol li a {
border: none!important;
float: left;
font-size: 110%
}
.search .resultPageNumberSelected {
color: #666;
font: bold 130% Arial, Helvetica, sans-serif;
text-decoration: none
}
* html .menu .CMLevel1,
* html .menu .CMLevel2,
* html .menu .CMLevel3,
* html .menu .CMLevel4,
* html .menu .CMLevel1Selected,
* html .menu .CMLevel2Selected,
* html .menu .CMLevel3Selected,
* html .menu .CMLevel4Selected {
float: left;
width: auto
}
* html .menu .slide,
* html .menu .slide .text {
float: left;
width: 200px
}
* html #content #right {
overflow: hidden;
width: 230px
}
* html #content #right div.notices {
width: 200px
}
* html #content {
background: #fff;
float: left;
overflow: hidden;
width: 920px
}
* html .home #tiles {
margin: 0;
overflow: hidden;
width: 940px
}
* html .home #tiles ul li {
overflow: hidden;
width: 240px
}
* html .home #tiles img {
margin: 10px 12px 0
}
.cmlogin,
.cmforgottenpassword {
background: 0
}
.cmlogin #content,
.cmforgottenpassword #content {
background: #EFFAFF;
font-size: 110%;
padding: 0 0 20px
}
#info-window .login-input label {
font-size: 120%!important;
margin-bottom: 5px
}
.cmforgottenpassword input[type=text] {
border: 1px solid #C9C9C9;
padding: 2px;
width: 250px
}
#info-window .error-window,
#info-window .login-window {
margin: 50px auto!important
}
#info-window .login-input input {
font-size: 160%!important
}
#info-window .login-input label {
font-size: 160%!important
}
#info-window .login-input .forgot {
font-size: 120%!important;
margin-top: 5px
}
#info-window .remember-me {
font-size: 120%
}
.login-button input {
background: #505050!important;
border: 1px solid #505050!important;
font-size: 120%!important
}
.clsChangePW a {
font-size: 12px
}
.clsChangePW p {
clear: both;
margin: 10px 0 0
}
.clsChangePW label {
display: block;
float: left;
font-size: 150%;
width: 150px
}
.clsChangePW input {
border: 1px solid #ccc
}
.edit ul,
.edit li,
.edit #content #left li {
background: none!important;
height: auto;
padding: 0;
width: auto!important
}
.edit #content #left ul {
margin: 0
}
.edit #content {
overflow: hidden
}
#TopMenu .menu .slide .slide .item span.text.expandLeft,
#TopMenu .menu .slide .item span.text.expandTop {cursor:pointer;}
iframe{width:100%;}
#content #left h3.big, #content #left h3.big a {font-size: 26px;color: #505050;}
#content #left h3.big a {color: #58bfce;}
@media print {
* {
text-shadow: none!important
}
#contact,
.searchPanel,
#TopMenu,
#article-header,
#content #right,
#footer #sitemap,
#content #left #utilities,
#footer {
display: none
}
#content,
.home #tiles,
#slider,
#slider li {
clear: none!important;
display: block!important;
height: 100%!important;
min-height: auto!important;
overflow: visible!important;
width: 600px!important
}
#content #left #breadcrumbs {
padding: 0 0 25px
}
#content #left li {
list-style: disc;
padding: 0
}
.home #tiles li {
clear: both
}
.home .hero dl {
color: #333;
float: left;
height: auto;
margin: 0;
width: 600px!important
}
.home .hero a img {
margin: 0
}
}
#info-window .login-input {
float: none!important
}
.twDynamic {
display: block;
margin-bottom: 40px
}
.twAlerts dl {
margin-top: 10px;
margin-bottom: 6px;
padding-top:1px;
}
.twDocList dl {
margin-top: 5px;
margin-bottom: 5px
}
.twMenu dl {
margin-top: 10px;
margin-bottom: 10px
}
.twMedia dl {
margin-top: 10px;
margin-bottom: 10px
}
.twDynamic a {
border-bottom: none!important
}
.twDynamic .mainItemHeading,
.twDynamic .subItemHeading {
margin-left: 5px
}
.twDynamic .mainItem,
.twDynamic .subItem {
border-top: 1px solid #ccc;
clear: both
}
.twDynamic .mainItem a img,
.twDynamic .subItem a img {
margin-top: 5px;
padding: 10px
}
.twDynamic .allsubItems {
xxborder-bottom: 1px solid #ccc;
xxmargin-bottom: 40px
}
.twDynamic .resultPageNumberSelected {
font-weight: bold;
text-decoration: underline
}
.twAlerts .mainItem,
.twAlerts .subItem {
padding-left: 40px
}
.twAlerts dt {
height: 27px;
margin-top: 12px
}
.twMenu .mainItemHeading,
.twMenu .subItemHeading {
color: #0267b9;
font: bold 140% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
.twMedia .mainItemHeading,
.twMedia .subItemHeading {
color: #0267b9;
font: bold 120% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
.twMedia .mainItem dd,
.twMedia .subItem dd {
margin-left: 80px
}
.twMedia .mainItemDate,
.twMedia .subItemDate {
display: inline-block;
width: 75px
}
.twDocList .mainItem dd,
.twDocList .subItem dd {
margin-left: 25px
}
#tableDocList .DocListTable_headertr {
height: 25px
}
#tableDocList {
width: 100%
}
#tableDocList th {
font: bold 120% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-align: left
}
#tableDocList th a {
color: #505050!important
}
#tableDocList td {
padding: 2px
}
#tableDocList td[id*="DocListRepeater_tdV5"] {
width: 490px
}
.infoBox {
border: 2px solid #5393ce;
padding: 15px;
margin: 15px;
border-radius: 10px;
position: relative;
behavior: url(/UserUploadedJS/PIE.htc)
}
.infoBox h3,
.infoBox h4 {
margin: 0 0 10px!important
}
.infoBox p {
margin: 0!important
}
.infoBox ol {
margin: 10px 45px!important
}
.infoBoxImage {
float: left;
margin-right: 15px;
margin-top: 5px
}
.infoBoxText {
float: left;
max-width: 450px;
width: 100%;
}
a[class='document pdf'] {
display: inline-block;
line-height: 18px;
padding-left: 22px;
background: transparent url(/Images/DocumentTypeImages/file-pdf.gif) center left no-repeat
}
a[class='document docx'] {
display: inline-block;
line-height: 18px;
padding-left: 22px;
background: transparent url(/Images/DocumentTypeImages/file-doc.gif) center left no-repeat
}
a[class='document zip'] {
display: inline-block;
line-height: 18px;
padding-left: 22px;
background: transparent url(/Images/DocumentTypeImages/file-zip.gif) center left no-repeat
}
a[href$='.url.other.aspx'] {
display: inline-block;
line-height: 18px;
padding-left: 20px;
background: transparent url(/Images/DocumentTypeImages/file-url.png) left center no-repeat
}
.clsFieldset {
margin-top: 20px
}
.clsFieldsetLegend {
color: #0267b9;
font: bold 140% Arial;
letter-spacing: 0px;
margin: 20px 0 10px;
text-shadow: 1px 1px 1px #eee
}
.twEmergencyOutages .mainItem,
.twEmergencyOutages .subItem {
background: transparent url(/Images/UserUploadedImages/374/icon-emergency-outage.png) 0 6px no-repeat
}
.twPlannedOutages .mainItem,
.twPlannedOutages .subItem {
background: transparent url(/Images/UserUploadedImages/374/icon-planned-outage.png) 0 6px no-repeat
}
.twPublicHealthAlerts .mainItem,
.twPublicHealthAlerts .subItem {
background: transparent url(/Images/UserUploadedImages/374/icon-do-not-consume.png) 0 6px no-repeat
}
.twBoilWaterAlerts .mainItem,
.twBoilWaterAlerts .subItem {
background: transparent url(/Images/UserUploadedImages/374/icon-boil-notice.png) 0 6px no-repeat
}
.twWaterRestrictions .mainItem,
.twWaterRestrictions .subItem {
background: transparent url(/Images/UserUploadedImages/374/icon-water-restrictions.png) 0 6px no-repeat
}
.twAlertCreator {
margin-bottom: 0!important
}
.news-widget .mainItem,
.news-widget .allsubItems {
display: inline-block;
margin-bottom: 20px;
width: 100%
}
.news-widget .subItem {
display: inline-block;
margin-bottom: 20px;
width: 100%
}
.news-widget .mainItem img,
.news-widget .allsubItems img {
width: 150px;
margin-right: 15px
}
div.text-box {
float: right;
width: 40%;
display: inline-block;
font-size: 15px;
color: #00bfd6;
font-weight: bold;
font-style: italic;
padding: 30px
}
#contact h1 {
display: none;
}
html {
background: #f3f3f3
}
#contact {
padding-bottom: 33px;
position: relative;
background: none
}
#contact .contactDetail:nth-child(3) {
overflow: hidden;
position: absolute;
bottom: 0;
right: 0;
width: 162px;
}
#contact .contactDetail:nth-child(4) {
display: none;
}
#contact .contactDetail:nth-child(3) a {
float: right;
white-space: nowrap;
color: #3f3c3d;
text-align: right;
display: inline-block;
vertical-align: top;
overflow: hidden;
border-top: 1px solid #d9d9d9;
padding: 7px 0 0
}
#contact .contactDetail:nth-child(5) a:hover,
#contact .searchPanel a:hover {
opacity: 0.8
}
#footer #copyright li a:hover,
#contact .contactDetail:nth-child(3) a:hover {
color: #3ebfd2
}
#contact .contactDetail:nth-child(5):before {
padding: 8px 0 5px;
font-size: 15px;
display: block;
content: 'Connect with us'
}
#contact .contactDetail:nth-child(5) a {
margin: 0 0 0 4px;
width: 20px;
display: inline-block;
vertical-align: top;
height: 20px;
text-indent: 9999px;
overflow: hidden;
background: url(/images/UserUploadedImages/152/bg-social.gif) no-repeat;
}
#contact .contactDetail:nth-child(5) a:nth-child(3) {
background-position: -84px 0;
}
#contact .contactDetail:nth-child(5) a:nth-child(4) {
background-position: -56px 0;
}
#contact .contactDetail:nth-child(5) a:nth-child(2) {
background-position: -28px 0;
}
#contact .contactDetail:nth-child(5) a:nth-child(1) {
background-position: 0 0;
}
#contact .contactDetail:nth-child(5) a img {
opacity: 0
}
#TopMenu {
height: 44px !important;
background: #3ebfd2
}
body {
background: none
}
#TopMenu .menu .CMLevel1Selected .text,
#TopMenu .menu .CMLevel1 .text:hover,
#TopMenu .menu .CMLevel1Selected .text:hover,
#TopMenu .menu .CMLevel1Selected .text,
#TopMenu .menu .CMLevel1 .text,
.RadMenu_CM16 .rootGroup .expanded .text {
text-shadow: none
}
#TopMenu .menu .CMLevel1 {
background: none
}
#contact .searchPanel {
width: 244px;
bottom: -69px
}
#content {
padding: 30px;
clear: left;
}
#contact .searchPanel input {
width: 130px !important;
border: none;
background: #fff;
height: 36px;
font-size: 80%;
}
.home .hero {
background: none;
margin: 0 -30px 28px;
width: 960px;
height: 496px
}
#slider {
width: 960px;
height: 496px
}
#contact .searchPanel a:hover,
#contact .searchPanel a {
font-size: 80%;
float: right;
font-weight: bold;
padding: 0 0 0 35px;
text-transform: none;
width: 46px;
height: 38px;
line-height: 38px;
background: url(/images/UserUploadedImages/152/bg-search.png) no-repeat 0 3px;
}
.home .hero dl {
width: 365px;
margin: 0;
padding: 20px 30px;
position: absolute;
top: auto;
left: auto;
bottom:-7px;right:0;
background: rgba(255, 255, 255, 0.7);
height: auto
}
.home .hero dl dt a {
color: #4b4b4a;
}
.home .hero dl dd {
color: #4b4b4a;
}
.home .hero dl dt a span {
margin: 0 0 10px;
text-shadow: none;
color: #4b4b4a;
font-size: 20px;
}
.home .hero dl dd {
font-size: 15px;
}
.home .hero a img {
width: 100%;
height: auto;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
}
#next,
#prev {
position: absolute;
top: 50%;
left: 20px;
width: 20px;
height: 40px;
margin: -20px 0 0;
background: url(/images/UserUploadedImages/152/bg-arrows.png) no-repeat!important;
-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5));
filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5));
}
#next {
left: auto;
right: 20px;
background-position: -20px 0!important;
}
.home #tiles {
margin: 0 auto 28px;
}
#tiles li:hover h3 a,
.home #tiles h3,
.home #tiles a,
.home #tiles h3 a {
color: #fff;
text-shadow: none;
line-height:15px;
}
.home #tiles .account,
.home #tiles .alerts,
.home #tiles .community,
.home #tiles .latestNews {
border: 1px solid #d6d6d6;
background: #fff;
}
.latestNews p a span {
display: none;
}
.home .latestNews dl dt a.document {
padding: 0;
background: none;
margin: 0
}
.home #tiles li {
width: 191px;
margin: 0 43px 0 0;
}
.home #tiles .account,
.home #tiles .alerts,
.home #tiles .community,
.home #tiles .latestNews {
height:auto;
padding-bottom:10px;
}
.home #tiles .account h3 {
background-image: url(/images/UserUploadedImages/163/icon1.png);
background-repeat: no-repeat;
background-size: 32px auto;
background-position: 9px 7px;
}
.home #tiles .alerts h3 {
background-image: url(/images/UserUploadedImages/163/icon2.png);
background-repeat: no-repeat;
background-size: 32px auto;
background-position: 9px 7px;
}
.home #tiles .community h3 {
background-image: url(/images/UserUploadedImages/163/icon3.png);
background-repeat: no-repeat;
background-size: 32px auto;
background-position: 9px 7px;
}
.home #tiles .latestNews h3 {
margin: 0 0 11px;
background-image: url(/images/UserUploadedImages/163/icon4.png);
background-repeat: no-repeat;
background-size: 36px auto;
background-position: 7px 7px;
}
.home .latestNews dl dt,
.home #tiles li li {
padding: 0 9px 1px
}
.home #tiles li li {
background: none;
color: #4f4d4e;
}
.home .latestNews dl dt a.document,
.latestNews dl dt a span,
.home #tiles li li a {
color: #5b5c5b;
margin: 0
}
.home .latestNews dl dt a.document:hover,
.latestNews dl dt a span:hover,
.home #tiles li li a:hover {
color: #3ebfd2;
}
.home #tiles h3 {
margin: 0 0 7px;
background-color: #32b1be;
padding: 14px 14px 14px 47px
}
#footer #copyright {
background: #dbdbdb;
color: #626362;
padding: 7px
}
#footer #copyright li,
#footer #copyright li a {
color: #626362;
}
#TopMenu .menu .CMLevel1,
#TopMenu .menu .CMLevel1Selected {
background: none
}
#TopMenu .menu .CMLevel1Selected .text,
#TopMenu .menu .CMLevel1 .text:hover,
#TopMenu .menu .CMLevel1Selected .text:hover {
background: #fff;
color: #5e5c5d;
-webkit-box-shadow: 0 -2px 2px 0 rgba(62, 191, 210, 0.1);
box-shadow: 0 -2px 2px 0 rgba(62, 191, 210, 0.1);
}
#TopMenu .menu .slide {
background: #fff;
border: none!important
}
#TopMenu .menu .slide .level1 .first {
background: none
}
#TopMenu .menu .slide .item .link:hover {
color: #3ebfd2;
}
#TopMenu .menu .slide .item .link:hover .text {
color: #3ebfd2;
}
#TopMenu .menu .slide .item .link .text {
padding: 5px 8px;
border: none!important
}
#article-header {
background: none;
width: auto;
height: auto;
padding: 0;
margin: 0 -30px 9px;
}
#article-header img {
width: 100%!important;
height: auto!important;
display: block;
}
#content #left {
width: 644px;
margin: 0
}
#content #left #breadcrumbs {
padding: 0;
background: none;
}
#content #left #breadcrumbs li {
line-height: 15px;
margin-top: 3px;
}
#content #left #breadcrumbs li:last-child {
border: none
}
#content #left #breadcrumbs a {
color: #5f5f5f
}
#content #left #utilities {
width: 68px
}
#content #left h1 {
text-shadow: none;
color: #58bfce;
margin: 0 0 15px;
}
.twDynamic .mainItem,
.twDynamic .subItem {
border: none
}
#content {
line-height: 140%;
}
.twMenu .mainItemHeading,
.twMenu .subItemHeading {
color: #2b292a;
text-shadow: none;
letter-spacing: 0
}
.twMenu dl {
margin-top: 23px;
margin-bottom: 23px;
}
.twMenu dl dt {
margin: 0 0 3px
}
#content #left a {
font-size: 12px;
}
#content #left #breadcrumbs a:hover {
color: #3ebfd2;
}
#content #left a {
color: #3ebfd2;
}
#content #right {
background: none;
width: 188px
}
#content #left h3 {
color: #2b292a;
text-shadow: none;
letter-spacing: 0;
}
#content #left h3 strong {
font-weight: bold;
}
#content #right #tiles .account,
#content #right #tiles .alerts,
#content #right #tiles .community,
#content #right #tiles .latestNews {
border: 1px solid #d6d6d6;
background: #fff;
}
#content #right .latestNews dl dt a.document {
padding: 0;
background: none;
margin: 0
}
#content #right #tiles li {
width: 191px;
margin: 0 0 13px;
padding: 0
}
#content #right #tiles .account,
#content #right #tiles .alerts,
#content #right #tiles .community,
#content #right #tiles .latestNews {
height: auto;
padding-bottom:10px;
}
#content #right #tiles .account h3 {
background-image: url(/images/UserUploadedImages/163/icon1.png);
background-repeat: no-repeat;
background-size: 32px auto;
background-position: 9px 7px;
}
#content #right #tiles .alerts h3 {
background-image: url(/images/UserUploadedImages/163/icon2.png);
background-repeat: no-repeat;
background-size: 32px auto;
background-position: 9px 7px;
}
#content #right #tiles .community h3 {
background-image: url(/images/UserUploadedImages/163/icon3.png);
background-repeat: no-repeat;
background-size: 32px auto;
background-position: 9px 7px;
}
#content #right #tiles .latestNews h3 {
margin: 0 0 11px;
background-image: url(/images/UserUploadedImages/163/icon4.png);
background-repeat: no-repeat;
background-size: 36px auto;
background-position: 7px 7px;
}
#content #right .latestNews dl dt,
#content #right #tiles li li {
padding: 0 9px 1px;
margin: 0
}
#content #right #tiles li li {
background: none;
color: #4f4d4e;
}
#content #right .latestNews dl dt a.document,
#content #right #tiles li li a {
color: #5b5c5b;
margin: 0;
line-height:17px;
}
#content #right h3,
#right #tiles h3 a {
color: #fff;
text-shadow: none;
letter-spacing: 0;
font-size: 15px
}
#content #right .latestNews dl dt a.document:hover,
#content #right #tiles li li a:hover {
color: #3ebfd2;
}
#content #right #tiles h3 {
margin: 0 0 7px;
background-color: #32b1be;
padding: 14px 14px 14px 47px
}
#footer #sitemap {
display: none;
}
#content #left ul {
margin: 0
}
#content #left a {
font-weight: normal;
}
#content #left .twAlerts a {
font-weight:bold;
}
#content #left ul li {
padding: 0 0 0 14px;
background: url(/images/UserUploadedImages/151/sep01.gif) no-repeat 0 6px;
}
#content #left p {
margin: 0 0 7px;
}
#content #left img {max-width:99% !important; height:auto !important;}
#contact .searchPanel span {
right: 90px;
bottom: 10px;
}
@media only screen and (max-width: 980px) {
#container,
.home .hero,
#slider,
#header {
width: 767px
}
#contact .searchPanel {
width: 195px
}
#slider {
height: 409px;
}
.home .hero {
height: 407px;
}
.home #tiles {
width: 720px
}
#contact .searchPanel input {
width: 80px !important;
}
.home #tiles li {
width: 161px
}
.home #tiles .account,
.home #tiles .alerts,
.home #tiles .community,
.home #tiles .latestNews {
height: 175px
}
.home #tiles .latestNews .mainItem,
.home #tiles .latestNews .allsubItems {
width: auto
}
.home #tiles li {
margin: 0 18px 0 0
}
#content #left {
width: 508px
}
.home #tiles h3 {
font-size: 100%;
}
#right #tiles {
margin: 0
}
#content #right {
background: none;
width: 189px;
padding-left: 10px;
margin: 0;
}
#content #right #tiles .account,
#content #right #tiles .alerts,
#content #right #tiles .community,
#content #right #tiles .latestNews {
padding-bottom: 10px;
height: auto
}
#content #right #tiles li {
width: 186px
}
.home .hero dl {
bottom: 0
}
#TopMenu .menu .CMLevel1Selected .text,
#TopMenu .menu .CMLevel1 .text {
font-weight:normal;
padding: 0 5px;
}
}
#header .opener {
display: none;
}
@media only screen and (max-width: 767px) {
body > #main-nav .searchPanel {
bottom: -33px;
position: absolute;
right: 0;
width: 205px;
z-index: 2
}
body > #main-nav .searchPanel input {
border: 1px solid #505050;
color: #666;
float: left;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
height: 19px;
line-height: 150%;
padding: 0 20px 0 5px;
width: 100px!important
}
body > #main-nav .searchPanel a {
background: #505050;
color: #fff;
display: block;
float: left;
height: 21px;
letter-spacing: 1px;
line-height: 180%;
margin: 0;
text-align: center;
text-transform: uppercase;
width: 65px
}
body > #main-nav .searchPanel a:hover {
background: #5393ce;
color: #fff
}
body > #main-nav .searchPanel span {
background: url(/images/UserUploadedImages/151/bg-search-error.jpg) no-repeat;
bottom: 1px;
display: block;
height: 18px;
line-height: 300%;
overflow: hidden;
position: absolute;
right: 80px;
width: 18px
}
.parent_copy{display:block;}
#container,
.home .hero,
#slider,
#header {
width: auto
}
html {
padding: 0
}
#contact {
display: none;
}
#TopMenu {
display: none;
}
#header {
overflow: hidden;
height: auto
}
#logo {
height: 42px;
width: 120px;
float: none;
margin: 20px;
}
#logo img {
max-width: 100%;
height: auto
}
#header:after {
display: block;
clear: both;
content: '';
}
#content.home {
padding-top: 0
}
.home .hero,
#slider {
height: auto
}
.home .hero a img {
position: static;
-moz-transform: translateX(0) translateY(0);
-webkit-transform: translateX(0) translateY(0);
-o-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
#next,
#prev {
margin-top: -10px;
left: 10px;
width: 10px;
height: 20px;
background-size: 20px auto!important
}
#next {
left: auto;
right: 10px;
background-position: -10px 0!important;
}
#content {
padding: 0 20px 10px
}
.home .hero {
margin: 0 -20px 8px
}
.home #tiles {
margin-bottom: -10px;
float: none;
width: auto
}
.home #tiles .account,
.home #tiles .alerts,
.home #tiles .community,
.home #tiles .latestNews {
height: auto;
margin: 0 0 7px;
float: none;
display: block
}
.home #tiles li {
width: auto
}
.home #tiles .account,
.home #tiles .alerts,
.home #tiles .community,
.home #tiles .latestNews {
padding-bottom: 10px
}
.home #tiles h3 {
font-size: 120%;
}
#footer {
margin: 44px 0 0
}
#footer #copyright li {
font-size: 65%;
}
#header {
position: static;
}
#container {
position: relative;
}
#contact .searchPanel {
display: none;
}
#contact .contactDetail:nth-child(5):before {
margin: 0 9px 0 0;
font-size: 10px;
display: inline-block;
vertical-align: top;
}
#contact .contactDetail:nth-child(5) a {
margin: 4px -3px
}
#contact .contactDetail:nth-child(3) {
width: auto;
position: static;
float: right;
}
#contact .contactDetail:nth-child(3) a {
font-size: 9px;
border: none;
padding: 8px 8px 8px 10px;
border-left: 1px solid #fff;
color: #fff
}
#contact {
margin: 0;
padding: 6px 0;
text-align: center;
overflow: hidden;
position: absolute;
bottom: 45px;
left: 0;
width: 100%;
background: #565656;
color: #fff;
display: block;
}
#contact .contactDetail:nth-child(5) a {
background: url(/images/UserUploadedImages/153/bg-social2.gif) no-repeat;
}
#contact .contactDetail:nth-child(5) a:nth-child(2) {
background-position: -21px 0;
}
#contact .contactDetail:nth-child(5) a:nth-child(3) {
background-position: -60px 0;
}
#contact .contactDetail:nth-child(5) a:nth-child(4) {
background-position: -41px 0;
}
#content #left {
width: 100%;
float: none;
overflow: hidden;
}
#content #left #breadcrumbs {
/* display: none; */
}
#content #left #utilities li.print a {
display: none;
}
.twDynamic {
margin-bottom: 0
}
#content #left {
padding: 0
}
#content #right #tiles li {
width: 201px;
margin: 0 0 8px
}
#content #right {
padding: 0;
float: none;
width: 203px;
margin: 0 auto;
overflow: hidden;
}
#right #tiles {
margin-bottom: -10px;
float: none;
width: 203px
}
.menu .horizontal .item img {
display: none;
}
.home .hero dl {
width: auto
}
.home .hero dl{ padding: 11px 20px;}.home .hero dl dt a span{font-size:15px; margin: 0 0 2px;}.home .hero a img{width:160%}.home .hero dl dd {
font-size:12px;
}
#next,
#prev {
display: none!important;
}
#content #right #tiles li,
#right #tiles,
#content #right {
width: auto
}
#right #tiles li.latestNews {
float: none
}
.infoBox{margin-left:0;margin-right:0;}
.infoBoxText{width:auto}
}
/*@media only screen and (max-width: 480px) {
.home #tiles {margin-left: -20px;margin-right: -20px;}
.home #tiles li {border: none !important;}
}*/
@media only screen and (max-width: 767px) {
body > #main-nav .hmenu > li > ul{width:100%;}
body > #main-nav ul li:hover {background:#3ebfd2!important;}
body > #main-nav .hmenu li ul {background:#3ebfd2;}
body > #main-nav .hmenu li ul li{margin-bottom:5px;}
body > #main-nav .hmenu li ul li a {margin-left:30px; padding-right:30px;}
body > #main-nav .hmenu .tas-back a{margin-left:0;}
body > #main-nav .hmenu>li>ul>li:hover>ul, #main-nav .hmenu>li>ul>li:focus>ul{display:none;}
body > #main-nav .hmenu>li>ul>li>ul>li:hover>ul, #main-nav .hmenu>li>ul>li>ul>li:focus>ul{display:none;}
body > #main-nav .hmenu>li>ul>li>ul>li:hover>a, body > #main-nav .hmenu>li>ul>li>ul>li:focus>a, body > #main-nav .hmenu>li>ul>li>ul>li.selected>a{color:#fff;}
body > #main-nav{position: fixed; top: 0; z-index:999999; right:0; background:transparent!important;}
body > #main-nav .hmenu{padding:70px 0; z-index:999; position:absolute; }
body > #main-nav .hmenu>li>a {font-size:25px; padding:5px 50px;}
body > #main-nav .hmenu>li{width:100%;}
body > #main-nav .hmenu li.last{padding-bottom:30px;}
body > #main-nav .hmenu>li>a>span{font-weight:normal!important;}
body > #main-nav .hmenu> li>ul>li>a{background:#3ebfd2!important;}
body > #main-nav .hmenu>li>ul>li>a{color:#fff; font-size:15px;}
body > #main-nav .hmenu .item.parent_copy a span{font-size:20px; font-weight:bold;}
body > #main-nav .hmenu .item.parent_copy a{margin-left:0px;}
body > #main-nav .hmenu > li.selected a{color:#000;}
body > #main-nav .hmenu > li.selected > ul a{color:#fff; font-size:15px;}
body > #main-nav .hmenu > li > ul > li.hassub > a > span{background:none;}
body .tas-toggled.tas-view .tas-toggled-button{background: url(/images/UserUploadedImages/154/bg-close.gif) scroll top right no-repeat!important; height:28px;}
body .tas-toggled.tas-view.tas-closed .tas-toggled-button{background:#3ebfd2!important;}
body .tas-toggled.tas-view span{display:none;}
body .tas-toggled.tas-view.tas-closed span{display:block;}
body > #main-nav.full-height{height:100%!important; background:#3ebfd2!important; overflow-y:auto; scroll-snap-type: y mandatory;
-webkit-overflow-scrolling:touch;}
#main-nav .hmenu > li > ul > .tas-back{top:0px!important;}
body > #main-nav .hmenu > li > ul > li.hassub > a > span:after{content: ""; background: url(/images/UserUploadedImages/152/bg-arrows.png) scroll -10px -2px no-repeat!important; width: 20px; height: 30px; position: absolute; right: 0; background-size: 20px!important;}
body > #main-nav .hmenu > li > ul > li > ul > li.hassub > a > span{background:none;}
body > #main-nav .hmenu > li > ul > li > ul > li.hassub > a > span:after{content: ""; background: url(/images/UserUploadedImages/152/bg-arrows.png) scroll -10px -2px no-repeat!important; width: 20px; height: 30px; position: absolute; right: 0; background-size: 20px!important;}
body > #main-nav .hmenu > li > ul > li > ul{width:100%; left:0;}
body > #main-nav .hmenu > li > ul > li > ul > li > a{background-color:#3ebfd2!important; color:#fff;}
body > #main-nav .hmenu > li > ul > li > ul > li > ul > li > a{background-color:#3ebfd2!important; color:#fff;}
body > #main-nav .hmenu > li > ul > li > ul > li > ul{width:100%; left:0;}
body > #main-nav .hmenu > li > ul > li:hover > a, body > #main-nav .hmenu > li > ul > li:focus > a, body > #main-nav .hmenu > li > ul > li.selected > a{color:#fff;}
body > #main-nav .hmenu > li > ul > li > ul > li > ul > li:hover > a,
body > #main-nav .hmenu > li > ul > li > ul > li > ul > li:focus > a,
body > #main-nav .hmenu > li > ul > li > ul > li > ul > li.selected > a {color:#fff;}
.menu_opened #content,
.menu_opened #footer{display:none;}
.RadMenu_CM16{ cursor:auto !important; }
#TopMenu{
z-index: 100;
position: fixed;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
overflow:hidden;
background: #19bbd4;
margin:0 !important;
padding:74px 0 79px !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.menu_opened #TopMenu{
display:block;
}
#TopMenu #TopMenuBar,
#TopMenu .menu{
width:auto !important;
height:auto !important;
margin:0 !important;
padding: 0 !important;
position:static !important;
float:none !important;
}
.menu_opened #contact {
position:fixed;
height:58px;
background:#5acedb;
border-top:1px solid #94dee1;
z-index: 9999999;
padding:10px 0;
overflow: hidden;
top:auto;
bottom:0;
left:0;
}
.menu_opened #contact .searchPanel{
display:block;
bottom:20px;
right: auto;
left: 26px;
}
.menu_opened #contact .contactDetail {
display: none;
}
#header .opener{
position: fixed;
top: 0;
right: 0;
width: 42px;
height: 45px;
text-indent: -9999px;
display: block;
overflow: hidden;
background: url(/images/UserUploadedImages/154/bg-opener.gif) no-repeat -2px -2px;
z-index: 9999;
}
.menu_opened #header .opener{
background: url(/images/UserUploadedImages/154/bg-close.gif) no-repeat 0 -2px;
}
#TopMenu ul{
float:none !important;
margin:0 !important;
padding:0 !important;
display:block !important;
position:static !important;
width:auto !important;
height:auto !important;
z-index: auto !important;
}
#TopMenu ul ul{
padding: 0 41px !important;
}
#TopMenu li{
float:none !important;
margin:0 !important;
padding:0 !important;
width:auto !important;
height:auto !important;
position:static !important;
display:block !important;
}
#TopMenu ul ul li{
padding: 5px 8px !important;
}
#TopMenu a,
#TopMenu a span{
float:none !important;
display:inline !important;
margin:0 !important;
padding: 0 !important;
width:auto !important;
height:auto !important;
position:static !important;
}
#TopMenu .slide{
width:100% !important;
height:100% !important;
overflow:hidden !important;
margin:0 !important;
background:#19bbd4 !important;
display:none !important;
position:fixed !important;
top:0 !important;
left:0 !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding:124px 0 79px !important;
z-index: auto !important;
}
#TopMenu .slide_sub{
width:auto !important;
height:100% !important;
margin:0 !important;
padding:0 !important;
overflow:auto !important;
display:block !important;
z-index: auto !important;
}
#TopMenu .sub_opened > .slide{
display:block !important;
}
#TopMenu .back {
content: '';
height: 15px;
position: absolute;
top: 5px;
left: 12px;
width: 18px;
padding: 0;
height: 47px;
text-indent: -9999px;
overflow: hidden;
background: url(/images/UserUploadedImages/152/bg-arrows.png) no-repeat;
background-size: 36px auto;
cursor: pointer;
}
.menu .horizontal .item .slide .rightItem .expandLeft{
background: red;
}
.menu>ul.horizontal>li:nth-child(1) .slide:before,
.menu>ul.horizontal>li:nth-child(2) .slide:before,
.menu>ul.horizontal>li:nth-child(3) .slide:before,
.menu>ul.horizontal>li:nth-child(4) .slide:before,
.menu>ul.horizontal>li:nth-child(5) .slide:before,
.menu>ul.horizontal>li:nth-child(6) .slide:before{
width: 600px;
font-weight: bold;
position: absolute;
top: 82px;
left: 33px;
color: #fff;
font-size: 22px;
font-family: Arial, Helvetica, sans-serif
}
.menu>ul.horizontal>li:nth-child(1) .slide:before { content: 'Your Account';}
.menu>ul.horizontal>li:nth-child(2) .slide:before { content: 'Customers';}
.menu>ul.horizontal>li:nth-child(3) .slide:before {content: 'Development';}
.menu>ul.horizontal>li:nth-child(4) .slide:before {content: 'Community & Environment';}
.menu>ul.horizontal>li:nth-child(5) .slide:before {content: 'News';}
.menu>ul.horizontal>li:nth-child(6) .slide:before {content: 'About Us';}
#TopMenu .scroll {
width:10px;
height:10px;
position: absolute;
bottom:100px;
right:50px;
overflow: hidden;
text-indent: -6666px;
background: red;
display: none;
}
#TopMenu .with_scroll > .scroll,
#TopMenu.with_scroll > .scroll{ display:block; }
.clsFormCreator textarea{width:98%!important}
#TopMenu .horizontal{overflow:hidden;}
#TopMenu ul {padding-left:25px!important;}
#TopMenu a{white-space:normal;}
#TopMenu .menu ul li {max-width:233px;}
#TopMenu ul li{line-height:20px;}
#TopMenu .menu ul li a{white-space:normal;font-size:30px;line-height:30px;}
#TopMenu .menu .slide a{font-size:16px;color:#fff;line-height:20px;}
#TopMenu .menu .slide a span{color:#fff!important;font-size: 16px!important;}
#TopMenu .menu .CMLevel1Selected .text,
#TopMenu .menu .CMLevel1 .text{line-height:120%;}
#TopMenu li{margin:0 0 10px!important}
#TopMenu ul ul li{padding:0!important;}
.clsFormCreator label{text-align:left}
.clsFormCreator input, .clsFormCreator select{width:98%!important}
#TopMenu ul ul { padding: 0 48px !important;}
#TopMenu .menu .slide .item .link:hover .text{background:none}
#TopMenu .menu .CMLevel1Selected .text,
#TopMenu .menu .CMLevel1Selected .text:hover,
#TopMenu .menu .CMLevel1 .text:hover{background:none;color:#fff;text-decoration:none;}
#TopMenu .scroll{text-indent: -9999px;overflow: hidden;position: fixed;right: 17px;bottom: 78px;background: url(/images/UserUploadedImages/152/bottom.png) no-repeat; background-size: auto auto;width: 28px;height: 36px;background-size: 28px 36px;}
#TopMenu .menu .horizontal .item .slide .rightItem .expandLeft{background:none}
#TopMenu .menu .horizontal .item .slide .rightItem .expandLeft:after{margin:1px 0 -4px 14px;display: inline-block;vertical-align: top;content: '';height: 15px; right: 0; width: 10px; padding: 0; height: 27px; background: url(/images/UserUploadedImages/152/bg-arrows.png) no-repeat 100% 0; background-size: auto auto; background-size: 20px auto;}
}
#TopMenu .scroll {display:none;}
#frontalert {
background-color: #f79646; padding: 15px; font-size: 100%; color: #fff; }
#frontalert a, #frontalert a:visited, #frontalert a:hover, #frontalert a:active {
text-decoration: underline; display: inline-block; float:right; color: #fff; }
@media only screen and (max-width: 728px) {
#frontalert a, #frontalert a:visited, #frontalert a:hover, #frontalert a:active {
float:none; }
}
/*HIDDEN WIDGET TEXT PANELS*/
.home #slider ul li .mainItem dl { bottom: -9999px; left: -9999px; }
.home #slider ul li:nth-child(2) .subItem dl {bottom:-9999px; left: -9999px;}
.home #slider ul li:nth-child(3) .subItem dl {bottom:-9999px; left: -9999px;}
.home #slider ul li:nth-child(4) .subItem dl {bottom:-9999px; left: -9999px;}
/*-----top flyout menu styles-----*/
#main-nav{height: 44px!important; background: #3ebfd2; position:relative; width:100%; z-index:1;}
#main-nav .hmenu,
#main-nav .hmenu ul {list-style-type:none; margin:0; padding:0;}
#main-nav .hmenu li {}
#main-nav .hmenu > li > a > span{font-weight:700!important;}
#main-nav .hmenu li a,
#main-nav .hmenu li a span {display:block; font-weight: 100;}
#main-nav .hmenu li a:hover,
#main-nav .hmenu li a:focus {text-decoration:none;}
/*root/level1 horizontal menu*/
#main-nav .hmenu > li {float:left;}
#main-nav .hmenu > li.selected{background:#fff;}
#main-nav .hmenu > li.selected a{color:#5e5c5d;}
#main-nav .hmenu > li > a {color:#fff; font-size:13px; padding:15px 10px; position:relative; z-index:21;}
#main-nav .hmenu > li > a > span {padding:0;}
#main-nav .hmenu > li:hover > a,
#main-nav .hmenu > li.selected:hover > a,
#main-nav .hmenu > li:focus > a {color:#053067; background:#fff; cursor:pointer;}
/*#main-nav .hmenu > li.selected > a {border-bottom: 10px solid #bea96c;}*/
#main-nav .hmenu > li.selected > a span:after {content: "";,width: 100%;padding: 5px;position: absolute;bottom: 0;left: 0;right: 0;}
#main-nav .hmenu > li .expand {display: none;}
/*level 2 horizontal menu*/
#main-nav .hmenu > li > ul {display:none; position:absolute; top:44px; width:240px; z-index:20;}
#main-nav .hmenu > li:hover > ul,
#main-nav .hmenu > li:focus > ul {display:block;}
#main-nav .hmenu > li > ul > li {position:relative;}
#main-nav .hmenu > li > ul > li > a {height:auto; padding:5px 10px 5px 20px; border:none; background-color:#fff; font-size:13px;color:#053067;}
#main-nav .hmenu > li > ul > li:hover > a,
#main-nav .hmenu > li > ul > li:focus > a,
#main-nav .hmenu > li > ul > li.selected > a {color: #3ebfd2;}
#main-nav .hmenu > li > ul > li .expand {display: none;}
#main-nav .hmenu > li > ul > li.hassub > a > span{background:url("/Images/UserUploadedImages/151/arrow-left.gif") no-repeat scroll right center;;}
/*level 3 horizontal menu*/
#main-nav .hmenu > li > ul > li > ul {display:none; position:absolute; top:0px; left:238px; width:300px; z-index:20;}
#main-nav .hmenu > li > ul > li:hover > ul,
#main-nav .hmenu > li > ul > li:focus > ul {display:block;}
#main-nav .hmenu > li > ul > li > ul > li {position:relative;}
#main-nav .hmenu > li > ul > li > ul > li > a {height:auto; padding:5px 10px 5px 20px; border:none; background-color:#fff; color:#053067; font-size:13px;}
#main-nav .hmenu > li > ul > li > ul > li:hover > a,
#main-nav .hmenu > li > ul > li > ul > li:focus > a,
#main-nav .hmenu > li > ul > li > ul > li.selected > a {color:#3ebfd2;}
#main-nav .hmenu > li > ul > li > ul > li.hassub > a > span{background:url("/Images/UserUploadedImages/151/arrow-left.gif") no-repeat scroll right center;;}
/*level 4 horizontal menu*/
#main-nav .hmenu > li > ul > li > ul > li > ul {display:none; position: absolute; top:0; left:300px; width:200px; z-index:20;}
#main-nav .hmenu > li > ul > li > ul > li:hover > ul,
#main-nav .hmenu > li > ul > li > ul > li:focus > ul {display:block;}
#main-nav .iFOL180 > ul > li {position:relative;}
#main-nav .hmenu > li > ul > li > ul > li > ul > li {}
#main-nav .hmenu > li > ul > li > ul > li > ul > li > a {height:auto; padding:5px 10px 5px 20px; border:none; background-color:#fff; font-size:13px; color:#053067;}
#main-nav .hmenu > li > ul > li > ul > li > ul > li:hover > a,
#main-nav .hmenu > li > ul > li > ul > li > ul > li:focus > a,
#main-nav .hmenu > li > ul > li > ul > li > ul > li.selected > a {color:#3ebfd2;}
/* minimal styles for that navi */
#main-nav {margin: 0 auto;}
#main-navul {margin: 0; padding:0; list-style: none; position: relative; background: #000;}
#main-nav ul:after {content: ""; clear: both; display: block;}
#main-nav ul li {float: left;}
#main-nav ul li:hover {background: #202020;}
#main-nav ul li:hover > ul {display: block;}
#main-nav ul li:hover a{color: #fff;}
#main-nav ul li a {color: #fff; display: block; text-decoration: none;}
#main-nav ul ul {display: none; margin:0; padding: 0; position: absolute; top: 100%;}
#main-nav ul ul li {float: none; position: relative;}
#main-nav ul ul li a{color: #fff;}
#main-nav ul ul ul {position: absolute; left: 100%; top:0; width: 100%;}
/* mobile menu header button */
.tas-toggled {width: 100%; background-color: transparent; margin: 0 auto; display: none; position:relative; z-index:9999;}
.tas-closed ~ .tas-mobile {display: none!important;}
.tas-toggled-controls{width: 100%;}
.tas-toggled-title{width: 60%; float: left; font-size: 27px; color: #fff; font-weight:600; display: block; padding: 8px 0; text-decoration: none; text-transform: uppercase; text-align: left; padding-left: 35px;}
.tas-toggled-button{
display:block;
width: 32px;
padding: 10px!important;
float: right;
background:#3ebfd2;
}
.tas-toggled-button span{float: left; display:block; margin: 3px 6px; height: 3px; background:white; width:20px;}
/* normalny back button visible only on mobiles */
#main-nav .tas-back{ font-size: 0; position:absolute; top:-70px; width: 20px; background: url(/images/UserUploadedImages/152/bg-arrows.png) scroll 5px 5px no-repeat!important; background-size:80px; height: 90px;}
#main-nav .tas-back a{background:transparent!important; height:50px; font-size:0!important;}
#main-nav .tas-back a:after {display: none!important;}
#main-nav .tas-back a:after {
font-family: 'icomoon';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\e000";
position: relative;
display: inline-block;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
top: 1px;
right: -2px ;
float: left;
font-size: 10px;
}
.tas-mobile .tas-back{display: block;}
/* mobile menu list */
.tas-mobile{width: 100%; background:#3ebfd2;}
.tas-mobile .tas-dropdown:hover ~ ul, .tas-mobile .tas-dropdown:hover > ul ,.tas-mobile .tas-dropdown:hover + ul {display: none;}
.tas-mobile ul{width: 100%; position: inherit!important;}
.tas-mobile li{width: 100%; }
/* mobile menu js action */
.tas-dropdown{display: block!important;}
.tas-mobile .tas-subview{display: block!important; width: 100%;}
.tas-mobile .tas-subover-hidden{display: none!important;}
.tas-mobile .tas-subover-visible{display: block;}
.tas-mobile .tas-subover-header{display: none!important; padding: 0; margin: 0;}
/* mobile menu content */
.tas-mobile .tas-submenu{position: relative; left: 0px;}
#main-nav .tas-mobile li:hover > ul {display: none;}
/* arrow down for wide screen */
.tas.style {text-align: left; font-family: Tahoma;}
.tas.style ul {box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15); background:#990; text-transform: uppercase; display: inline-table; text-align:left;}
.tas.style ul li {text-align:left;}
.tas.style ul li:hover {background: #4b545f;}
.tas.style ul ul {display: none; margin:0; background: #5f6975; border-radius: 0px; padding: 0; position: absolute;}
.tas.style ul li a {color: #fff; font-weight:600; display: block; padding: 15px 35px; text-decoration: none; font-weight:600; }
.tas.style ul ul li {border-bottom: 1px solid #575F6A; border-top: 1px solid #6B727C;}
.tas.style ul ul li a {padding: 12px 35px; color: #fff; }
.tas.style ul ul li a:hover {background: #4b545f;}
/* arrow down for wide screen */
.tas.style ul li > a:not(:only-child):after {
font-family: 'icomoon';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\e000";
position: relative;
display: inline-block;
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
top: -4px;
left: 1px;
font-size: 10px;
}
/* arrow left for wide screen submenus */
.tas.style ul ul li > a:not(:only-child):after {-webkit-transform: rotate(120deg)!important; transform: rotate(120deg)!important; top: 2px; font-size: 14px; float: right; margin-right: -20px;}
/* mobile style */
.tas.style .tas-mobile li > a:not(:only-child):after {-webkit-transform: rotate(120deg)!important; transform: rotate(120deg)!important; top: 4px!important; font-size: 14px!important; float: right; margin-right: -20px;}
.tas.style .tas-mobile li{background: #3ab4a6; border-bottom: 1px solid #575f6a!important; border-top: 0!important; }
.bill-explainer{margin-top:30px;}