/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 10 December 2018 16:26:04
*/


/***
    DCC Specific CSS 2012
***/

div { border: none 0; margin: 0; padding: 0; }
.hide { display: none; }
.newhide { position: absolute; left: -9999em; height: 0; width: 0; overflow: hidden; }
#mini-search, #mini-nav, #mobile-menu, #mobile-leftnav, #mobile-search { display: none; }
.date { color: #555; font-style: italic; }
.clearall { display: inline-block; display: block; clear: both;  }
.clearall:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.floatleft { float: left; !important; }
.floatright { float: right !important; }
.floatnone { float: none !important; }
.right { text-align: right !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.noborder { border: none !important; }
.required { color: #f00 !important; font-weight: bold !important; }
.red { color: #ff0000 !important; }
.blue { color: #0000ff !important; }
.printlogo { display: none; }
b, strong, .bold { font-weight: bold; }
i, em, .italic { font-style: italic; }
.smalltag { font-style: italic; color: #555; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000; }
h1 { font-size: 2.1429em; line-height: 1.1em; margin-bottom: 0.5em; margin-top: 0.35em; }
h2 { font-size: 1.7143em; line-height: 1.25em; margin-bottom: 0.25em; margin-top: 1.25em;  }
h3 { font-size: 1.4286em; line-height: 1.05em; margin-bottom: 0.5em; margin-top: 0em; }
h4 { font-size: 1.2857em; line-height: 1.1667em; margin-bottom: 0.5em; margin-top: 0em; }
h5 { font-size: 1.1429em; line-height: 1.3125em; margin-bottom: 0.5em; margin-top: 0em; }
h6 { font-size: 1em; line-height: 1.5em; margin-bottom: 1.0em; margin-top: 0em; }
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.0em 0; }
li { font-size: 1em; line-height: 1.5em; margin: 0 0 0.5em 0; }
li:last-child { margin-bottom: 0; }
ul, ol, dl, table { font-size: 1em; line-height: 1.5em; margin: 0 0 1.0em 0; }
th, td { font-size: 1em; line-height: 1.5em; text-align: left; }
a { text-decoration: none; }
sup a { font-weight: bold }
sup a:before {}
sup a:before {}

body { font-size: 14px; font-family: Verdana, Arial, sans-serif; color: #333; -webkit-font-smoothing: antialiased; background-color: #425968; }






.severe-weather-updates {display:none;}


/*  Matrix error added 17-03-15 by vcurd@squiz.co.nz */
.matrix-error:empty { display: none; }
.matrix-error { border: 1px solid #cd0a0a; color: #cd0a0a; background-color: #fef1ec; padding: 1em; }



section#transport-list { counter-reset:section 9; }

h1.transport-heading { counter-reset:subsection; }
h1.transport-heading:before {
counter-increment:section;
/*content:"Section " counter(section) ". ";*/ }


p.transport-list:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " "; }

section#implementation-list { counter-reset:section 10; }

h1.implementation-heading { counter-reset:subsection; }
h1.implementation-heading:before {
counter-increment:section;
/*content:"Section " counter(section) ". ";*/ }


p.implementation-list:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " "; }


.img-small-thumb { width: 80px; float: left; display:inline-block; clear:both; margin: 0 20px 20px 0px!important; border: none!important;
padding: 0px!important;}
        
ul.fyi { list-style: none;text-indent: 0em;margin-left: 0em!important;width:100%;}
ul.fyi li a { padding:0;}
ul.fyi li:before { display:none!important;}
li.fyi { clear:both; height: 120px; /*background-color:#FFC;*/ list-style: none; }


#accordion h3.accordion-title a {font-size: font-size: 1.4286em!important;}

#accordion#accordion-inner.ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 10px;
zoom: 1;
}


#accordion #accordion-inner .ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 10px;
zoom: 1;
}



 th.dark-green { background-color:#455e73!important; text-transform:uppercase; color:#FFF!important;}
 tr.light-grey { background-color:#c3ccd7;text-transform:uppercase; font-weight:bold;}
 tr.darker-grey { background-color:#97a7b7;color:#FFF;}


div.office-type-field { line-height: 2.4em; }
div.office-type-field input { margin: 0 0 0 0 !important; padding: 0;  }
div.office-type-field input[type=checkbox]{ display: inline-block; margin: 0 0 0 0 !important; }
div.affiliations ul li label { margin-left: 1.0em !important; }


/*front page */
body#asset289729 { background:url(/__data/assets/image/0009/689247/stclairpool-summer-web.jpg) no-repeat center top #fff; }

/*

body#asset289729 { background:url(/__data/assets/image/0007/676870/chinese-language-week.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0003/606972/rhodo.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0010/675838/MLW-2018.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0003/606972/rhodo.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0011/656471/Winter-Morning-at-Brighton-Beach.jpg)  no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0009/641880/Hoopers-Inlet-web-banner.jpg)  no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0008/576539/town-hall.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0003/321654/anzac-day.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0003/643044/ltpgreen6.jpg)  no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0003/321654/anzac-day.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0007/643039/ltpgreen.jpg)  no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0009/641880/Hoopers-Inlet-web-banner.jpg)  no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0004/570685/small-boats-in-otago-harbour.jpg)  no-repeat center top #fff; }
body#asset289729 { background: url(/__data/assets/image/0006/641877/10yp.jpg) no-repeat center top #fff; }

body#asset289729 { background: url(/__data/assets/image/0011/641792/incaseofemergency.jpg) no-repeat center top #fff; }
body#asset289729 { background: url(/__data/assets/image/0008/637667/fire.jpg) no-repeat center top #fff; }
body#asset289729 { background: url(/__data/assets/image/0005/584114/banner-rain.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0004/570685/small-boats-in-otago-harbour.jpg)  no-repeat center top #fff; }

body#asset289729 { background:url(/__data/assets/image/0003/606972/rhodo.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0011/607673/kiaora4.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0010/606574/allblacks-australia-banner.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0005/606083/Boil-water-notice-lifted.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0003/605712/kettle.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0009/602757/flood-recovery-information-banner.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0006/602763/flood-silverstream.jpg) no-repeat center top #fff; }
body#asset289729 { background: url(/__data/assets/image/0005/584114/banner-rain.jpg) no-repeat center top #fff; }
body#asset289729 { background:url(/__data/assets/image/0008/576539/town-hall.jpg) no-repeat center top #fff; }

*/


/* WW100 */

/*body#asset430931 { background: url(/__data/assets/image/0020/430940/ww100.jpg) repeat-x center top #fff; }*/
body#asset430931 { background: url(/__data/assets/image/0004/431086/ww100_2.jpg) repeat-x center top #fff; }


body#asset430931 #contentwrapper { margin-top: 330px; }
body#asset430931 #sidebar-minicalendar { display: none; }



/* DHL NZ Lions Series 2017 */

body#asset592393 { background: url(/__data/assets/image/0009/592470/lions-tour-2017-alt.jpg) no-repeat center top #fff; }
body#asset592393 #contentwrapper { margin-top: 328px; }
body#asset592393 #sidebar-minicalendar { display: none; }



/* FIFA */

body#asset358181 { background: url(/__data/assets/image/0009/503865/u20worldcup.jpg) no-repeat center top #fff; }
body#asset358181 #contentwrapper { margin-top: 330px; }
body#asset358181 #sidebar-minicalendar { display: none; }


/* ICC Cricket World Cup */
body#asset354241 { background: url(/__data/assets/image/0020/354260/cricketworldcup.jpg) repeat-x center top #fff; }
body#asset354241 #contentwrapper { margin-top: 330px; }
body#asset354241 #sidebar-minicalendar { display: none; }


/* Facilities */
body#asset351269 { background: url(/__data/assets/image/0020/294014/toitu-opening.jpg) repeat-x center top #fff; }
body#asset351269 #contentwrapper { margin-top: 330px; }


/* Services */
body#asset353861 { background: url(/__data/assets/image/0004/294700/dunnerstunner.jpg) repeat-x center top #fff; }
body#asset353861 { background: url(/__data/assets/image/0004/294700/dunnerstunner.jpg) repeat-x center top #fff; }
body#asset353861 #contentwrapper { margin-top: 330px; }


/* Mountain Biking & Cycling */
body.A352302A { background:url(/__data/assets/image/0007/294127/mountainbiking.jpg) repeat-x center top #fff; }
body#asset352302 #contentwrapper { margin-top: 330px; }
body.A355678A { background:url(/__data/assets/image/0007/294127/mountainbiking.jpg) repeat-x center top #fff; }
body#asset355678 #contentwrapper { margin-top: 330px; }


/* Walking Tracks */
body.A352115A { background:url(/__data/assets/image/0008/294875/silverpeaks.jpg) repeat-x center top #fff; }
body#asset352115 #contentwrapper { margin-top: 330px; }


/* Cemeteries */
body.A351387A { background:url(/__data/assets/image/0009/294228/cemetery.jpg) repeat-x center top #fff; }
body#asset351387 #contentwrapper { margin-top: 330px; }

/* contact us */
body#asset360675 #content { margin-left: 2.0em; }

/* a to z */
body#asset129950 #content { margin-left: 2.0em; }

/*civil defence*/
body.A361059A { background:url(/__data/assets/image/0009/361629/civildefence.jpg) repeat-x center top #fff; }
body.A361059A #contentwrapper { margin-top: 330px; }


/* i site */
body.A360830A { background:url(/__data/assets/image/0019/361540/isite.jpg) repeat-x center top #fff; }
body.A360830A #contentwrapper { margin-top: 330px; }

/* community-support
body.A133229A { background:url(/__data/assets/image/0007/296206/lecomte1.jpg) repeat-x center top #fff; } 
*/

/* events */
body#asset142151 { background: url(/__data/assets/image/0005/293837/fireworks.jpg) repeat-x center top #fff; }
body#asset142151 #contentwrapper { margin-top: 330px; }
body#asset142151 .inner .header { width: 100%; max-width: 100%; min-width: 755px; margin: 0 auto; overflow: hidden; }


/* south dunedin */
body#asset547815 { background: url(/__data/assets/image/0009/556839/south-dunedin.jpg) no-repeat center top #fff; }
body#asset547815 #contentwrapper { margin-top: 330px; }
body#asset547815 .inner .header { width: 100%; max-width: 100%; min-width: 755px; margin: 0 auto; overflow: hidden; }


/* urban design and heritage */
body#asset578016 { background: url(/__data/assets/image/0009/599949/octagon-dunedin.jpg) no-repeat center top #fff; }
body#asset578016 #contentwrapper { margin-top: 330px; }
body#asset578016 .inner .header { width: 100%; max-width: 100%; min-width: 755px; margin: 0 auto; overflow: hidden; }

/* sammy */
body#asset606335 { background: url(/__data/assets/image/0010/607429/sammy8.jpg) no-repeat center top #fff; }
body#asset606335 #contentwrapper { margin-top: 330px; }
body#asset606335 .inner .header { width: 100%; max-width: 100%; min-width: 755px; margin: 0 auto; overflow: hidden; }


/* Archives banner*/
body.A354309A { background: url(/__data/assets/image/0008/653741/Flashback-friday.jpg) no-repeat center top #fff; }
body.A354309A #contentwrapper { margin-top: 330px; }
body.A354309A .inner .header { width: 100%; max-width: 100%; min-width: 755px; margin: 0 auto; overflow: hidden; }


/* banner test */
body#asset607669 { background: url(/__data/assets/image/0011/607673/kiaora2.jpg) no-repeat center top #fff; }
body#asset607669 #contentwrapper { margin-top: 330px; }
body#asset607669 .inner .header { width: 100%; max-width: 100%; min-width: 755px; margin: 0 auto; overflow: hidden; }







/* Social Icons */

body#asset296191 #social a.facebook { font-size: 115%; background: #42C8F4; line-height: 32px; }

#asset296191 object#social {
border-radius: 50%; width:2.0em; height:2.0em;margin-top:100px; background-color:#3CF; padding:1.4em;
}


body#asset296191 #social a {
background: white;
float: left;
color: white;
padding: 0;
border-radius: 28px;
width: 42px;
height: 34px;
padding-top: 8px;
text-align: center;
font-size: 100%;
margin-right: 6px;
margin-left: 0;
}

body#asset296191 .chart { width: 100%; }
body#asset296191 #social:hover { background-color:#006;  }
body#asset296191 #social.facebook { background-color:#3C5A98; }
body#asset296191 #social.rss { background-color:#f37820; }
body#asset296191 #social.facebook:hover { background-color:#F6C; }
body#asset296191 #social.rss:hover { background-color:#96F; }






/* content swicher panels for latest news etc */
.switcher-content { display: none; color: #ffffff; }
.switcher-content ul { list-style-type: none; }
.switcher-content ul li {}
.switcher-content a { cursor: pointer; }

/* HEADER */
.header { background-color: #fff; opacity: 0.95; height: 140px; }


/* utilities accessibilitity etc */
    .utilities { font-size: 0.7857em; border-bottom: 1px solid #ccc; margin: 0; white-space: nowrap; background: #f8f8f8; }
    .utilities ul {  margin: 0 0 0 1.0em; text-align: center; list-style-type: none; }
    .utilities ul li { display: inline-block; padding: 0.25em 1.5em 0.25em 0em; margin: 0; }
    .utilities ul li.hide { position: absolute; left: -9999em; height: 0; width: 0; overflow: hidden; }
    .utilities ul li a { border: none; color: #333; }
    .utilities ul li a:hover { border-bottom: 1px solid #162c43; color: #162c43; }
    .increase-text { font-size: 120%; font-weight: bold; }

/* dcc logo */
    .header .logo { }
    .header .logo img { margin: 1.0em 0em 10em 2.0em; }
    .header .logo a.dngovt { }

    /*search*/
    .header .search { margin: 0; }
    .header .search form { float: right; width: 40%; margin: 40px 10px 0em 10px; white-space: nowrap; }
    .header .search h2 { display: none; }
    .header .search form legend, 
    .header .search form label,
    .header .search form button span { position: absolute; left: -9999em; height: 0; }
    .header .search form input.searchinput { height: 39px; float: left; width: 80%; /** @ media required */ margin: 0; padding: 0 0.5em; border: 1px solid #ccc; border-right: none; background-color: #f8f8f8;  } 
    .header .search form button { height: 41px; width: 41px; margin: 0; padding: 0; border: none 0; background: url(/__data/assets/image/0004/289777/sprite-search.png) no-repeat -387px 0px #003366; } 

    /* social media */
    .header .socialmedia { float: right; margin: 42px 0 0 0; }
    .header .socialmedia a { background: url(/__data/assets/image/0010/289900/sprite.png) no-repeat; width: 35px; height: 35px; margin: 0em 10px 0em 0em; padding: 0; float: left; border: none; text-decoration: none; }
    .header .socialmedia a:hover { }
    .header .socialmedia a.facebook { background-position: -399px -675px; }
    .header .socialmedia a.facebook:hover { background-position: -123px -951px; }
    .header .socialmedia a.twitter { background-position: -307px -767px;} 
    .header .socialmedia a.twitter:hover { background-position: -31px -1041px; } 
    .header .socialmedia a.youtube { background-position: -490px -1666px; }
    .header .socialmedia a.youtube:hover { background-position: -214px -1940px; }
    .header .socialmedia a.rss { background-position: -491px -583px; }
    .header .socialmedia a.rss:hover { background-position: -215px -859px; }

    .header .socialmedia span { display: none; }



/* weather */
.header .weather { float: right; text-align: right; margin: 30px 15px 0 0; vertical-align: bottom; height: 65px; overflow: hidden; }
.header .weather p.time { display: none; }
.header .weather p.current-weather { float: right; margin: 0; }
.header .weather p.current-weather a { border: none; text-decoration: none; }
.header .weather p.current-weather img { float: left; }
.header .weather p.current-weather span.temp { font-size: 35px; line-height: 65px; letter-spacing: -5px; color: #ccc; float: left; }
.header .weather p.current-weather a:hover span.temp { color: #555; }
.header .weather p.current-weather span.wind { display: none; }
.header .weather p.noweather { display: none; }


/*** NAVIGATION = Mega Menu Styles ***/
/* .demo-container .menu-icon for small phone / device navigation */
.demo-container .menu-icon { display: none; }

#mega-menu { list-style: none; position: relative; padding: 0; margin: 0; }
#mega-menu { background: #162c43; width: 100%; height: 60px; position: relative; }
#mega-menu > li {  float: left; margin: 0; padding: 0; font-weight: normal; }
#mega-menu > li > a { float: left; display: block; background: #162c43; color: #fff; text-decoration: none; border-right: 1px solid #455669; font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 1.2857em; line-height: 60px; padding: 0 0.75em 0 0.75em; 
}

.megamenu { width: 100%; position: absolute; left: -9999em; top: 60px; background-color: #fff; box-shadow: 0 4px 12px -7px #333; -moz-box-shadow: 0 4px 12px -7px #333; -webkit-box-shadow: 0 4px 12px -7px #333; padding: 0em 0 1.0em 0; }

#mega-menu .showing .megamenu { display: block; z-index: 9998; left: 0; }

.megamenu .quarter { width: 22.5%; margin: 7px 1.25% 21px 1.25%; display: inline; float: left; }
.megamenu .half { width: 47.5%; margin: 7px 1.25% 21px 1.25%; display: inline; float: left; }
.megamenu .half img { width: 80%; }


.megamenu .megamenutitle { margin: 0 0 0 0; padding: 0 0 0 0; clear: both; width: 100%; display: block; background: #E7E9EB; height: 55px;
border-bottom: 1px solid #ccc; }
.megamenu .megamenutitle h2 { font-size: 1.7143em; line-height: 21px; margin: 0; padding: 18px 21px 7px 21px; white-space: nowrap; 
width: 90%; overflow: hidden; text-overflow: ellipsis; }
.megamenu .megamenutitle h2 a { color: #000; }
.megamenu .megamenutitle h2 a:hover { color: #555; text-decoration: underline; }
.megamenu .megamenutitle h2 span { font-size: 14px; line-height: 21px; margin: 0 0 0 0; padding: 21px 0 7px 0; font-style: italic; color: #333; }

.megamenu .section-title { font-weight: normal; font-size: 1.2857em; list-style: none; line-height: 1.5; 
font-family: Georgia, "Times New Roman", Times, serif !important; font-style: italic;
border-bottom: 1px solid #e1e1e1; }

.megamenu ul { padding: 0 0 0.5em 0; color: #333; }
.megamenu ul:last-child { border: none; }
.megamenu ul > li { line-height: 1.5; list-style-position: inside; padding: 0.2em 0 0.2em 0;
list-style-type: none;  }
.megamenu ul > li:last-child { border: none; } 
.megamenu ul > li > a { text-decoration: none;  border-bottom: 1px solid #fff; color: #039; }
.megamenu ul > li > a:hover { text-decoration: none; color: #036; border-bottom: 1px solid #036; }

#mega-menu li.contact-us > a { border-right: none !important; }

#mega-menu li.facilities .facilities-advert a { border-bottom: none; }
#mega-menu li.facilities .facilities-advert a img {}

#mega-menu > li > a:hover { background: #425968; color: #fff; }
#mega-menu > li.showing > a { background: #e7e9eb; color: #162c43; }

#mega-menu li.has-menu > a {  }
#mega-menu li li h2 {  font-size: 1.0em; margin: 0; }

.megamenu #minicalendar { padding-top: 10px; }
.megamenu #minicalendar p { position: relative; top: 0; text-align: center; font-weight: bold; color: #fff; display: block; width: 100%; margin: 0 auto; padding: 0.45em 0 0 0; background-color: #343434; }

.megamenu #minicalendar div span a { background: url(/__data/assets/image/0007/294505/calendar-arrows.png) no-repeat; display: block; text-indent: -9999em; width: 40px; height: 30px;  }

.megamenu #minicalendar div span.prev-month-link { position: absolute; top: 72px; }
.megamenu #minicalendar div span.prev-month-link a { background-position: 0px 12px; }
.megamenu #minicalendar div span.prev-month-link a:hover { background-position: -60px -48px; border: none; }
.megamenu #minicalendar div span.next-month-link { position: absolute; top: 72px; right: 18px;  }
.megamenu #minicalendar div span.next-month-link a { background-position: -100px -107px; }
.megamenu #minicalendar div span.next-month-link a:hover { background-position: -160px -167px; border: none; }

.megamenu table { font-size: 0.9286em; width: 100% !important; text-align: center; margin: 0em 0 2.0em 0; border: none; border-bottom: 3px solid #ccc; }
.megamenu table tr { padding: 0 !important; }
.megamenu table th { background-color: #343434; color: #fff; border: none; font-weight: normal; }
.megamenu table th span { display: none; }
.megamenu table td { width: 14%; background-color: #fafafa !important; text-align: center; padding: 0; border: none; }
.megamenu table td div { display: none !important; }
.megamenu table td a { border: none; padding: 5px 0 5px 0; width: 100%; display: inline-block; color: #666; }
.megamenu table td a:hover { background-color: #e1e1e1; } 
.megamenu table td.date { background-color: #fff !important; }
.megamenu table td.today { background-color: #dee7ee !important; }
.megamenu table td.today a { color: #000; }



/* A to Z */
.megamenu ul.atoz { font-size: 1.2857em; margin: 1.0em 0em 3.0em 1.0em; width: 100%; display: block; }
.megamenu ul.atoz li { display: inline-block; float: left; margin-right: 0.25em; }
.megamenu ul.atoz li a { color: #444; border: 1px solid #ccc; margin-right; 0.25em; padding: 0.3em; background-color: #fff; }
.megamenu ul.atoz li a:hover { background-color: #f8f8f8; }





/********** FEATURES **********/

#features { min-height: 400px; overflow: visible; min-width: 600px; }

/*** this is the black on white ***/
#features .callout { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; float: left; font-size: 2.8750em; line-height: 1.5; 
margin-top: 4.5em; display: inline-block; 
width: 300px; min-height: 200px; background: url(/__data/assets/image/0007/291463/arrow-half-black.png) no-repeat left 3em; }
#features .callout a { color: #fff; background-color: #000; opacity: 0.85; border: none; padding: 0.35em 0em 0.35em 0em; }



span.callout-title {}


#features .callout-white, 
#features .callout-black { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; float: left; font-size: 2.8750em; line-height: 1.3;
margin-top: 3.4em; display: inline-block; /*width: 340px;*/ min-height: 200px; }

#features .callout-white span,
#features .callout-black span { color: #000; background-color: #fff; border: none; padding: 0.15em 0em 0.15em 0em;}
#features .callout-white span a { color: #000; }
#features .callout-white span a span { font-size: 0.7143em; }

#features .callout-black span { color: #fff; background-color: #000; }
#features .callout-black span a { color: #fff; }
#features .callout-black span a span { font-size: 0.7143em; }

/* for akina te reo */
#features .callout-tereo { margin-top:45px; }
#features .callout-tereo a { background-color: #231f20; }


/*** This is the "blue box" ***/
#features .pullout { background-color: #3f4d6b; background-color: #fff; margin-top: 45px; padding: 0; width: 358px; float: right; opacity: 0.95;  
height: 305px; }

#features .pullout h3 { margin: 0em; width: 100%; font-weight: normal; font-style: italic; background: url(/__data/assets/image/0012/289776/sprite-newsheadings.png) repeat-x 0 -405px; }

#features .pullout h3 a { display: inline-block; text-align: center; border: none; width: 50%; padding: 0.85em 0 1.85em 0; }
#features .pullout h3 a:hover { text-decoration:underline;}
#features .pullout h3 a:first-child {}
#features .pullout h3 a:last-child {}
#features .pullout h3 a.active { background: url(/__data/assets/image/0012/289776/sprite-newsheadings.png) no-repeat center -1059px; color: #fff; }
#features .pullout h3 a.active span { background-color: #2c4153; padding: 0.5em; }
#features .pullout h3 a.inactive span { background-color: #425968; padding: 0.5em;  }

#features .pullout h3 a.active:hover {  }
#features .pullout h3 a.inactive { color: #fff; }
#features .pullout h3 a.inactive:hover { color: #ffcc00; }

#features .pullout ul { margin: 0em 1.0em 0em 1.0em; display: block; list-style-position: outside; list-style-type: none; color: #ccc; }
#features .pullout ul li {}
#features .pullout ul li:before { content: "\203A    "; } 
#features .pullout a { color: #003399; border: none; }
#features .pullout li a:hover { color: #000; border-bottom: 1px solid #000; }
#features .pullout ul li.seemore { font-size: 0.8571em; }
#features .pullout ul li.seemore a { color: #036; }
#features .pullout ul li.seemore:before { content: "» "; } 


/********** NEWS **********/
#news { background-color: #fff; font-size: 1.0em; line-height: 1.5; padding: 1.4286em 0 0 0;  }

#news a { color: #425968; }
#news a:hover { color: #036; }
#news span.date, #news span.description { color: #666; font-size: 0.9em; line-height: 1 !important; }

#news h3 { text-align: center; font-weight: normal; font-style: italic; margin-top: 0; margin-bottom: 0em; background-color: #f4f4f4; }
#news h3 a { border: none; padding: 0.8em 0 1.5em 0; width: 50%; display: inline-block; 
background: url('/__data/assets/image/0012/289776/sprite-newsheadings.png') repeat-x center 0 #162c43;}
#news h3 a:first-child { }
#news h3 a:hover { color: #4090ba; text-decoration: underline; border: none;  }
#news #switcher-panel2, #news #switcher-panel3 { background-color: #f8f8f8; height: 30em; overflow: hidden; margin-bottom: 2.0em; }

#news p.smalltag { margin: 0em 1.0em 1.5em 1.0em;  }

/* online forms */
#switcher-panel3 ul { margin: 1.0em 0em 0em 2.0em; list-style-type: circle; }

#news .news .active { color: #fff; border: none; }
#news .news .active:hover { background-position: center -264px; color: #fff; }

#news .news .inactive, 
#news .consulting .inactive { background-position: center -670px; color: #162c43; background-color: #e1e1e1; }

#news .news .inactive:hover, 
#news .consulting .inactive:hover { background-position: center -529px; color: #162c43; background-color: #e1e1e1; }

#news .consulting h3 a { background-position: center -264px; background-color: #425968; }
#news .consulting .active { color: #fff; } 
#news .consulting .active:hover { }

#news article { margin: 0em 1.0em 1.5em 1.0em; }
#news article:first-child { padding-top: 1.0em; }
#news article:last-child { padding-bottom: 1.0em; }
#news article a:first-child { font-weight: bold; border: none;  }

#news #advert {}
#news #advert #feature-image { height: 270px; overflow: hidden; }
#news #advert .council { margin-top: 3.0em; }
#news #advert .council img { padding: 0; margin: 0; display: block; border: none; }
#news #advert .council h3 a { background: url(/__data/assets/image/0012/289776/sprite-newsheadings.png) no-repeat 0 -1874px; color: #fff; font-size: 1.2857em; width: 100%; display: block; margin: 0; padding: 0.5em 0em 1.3em 1.0em; text-align: left; }
#news .council h3 a:hover { color: #ffcc00; }
#news .council h3 a span { background-color: #162c43; }


#news .adverts { position: relative; width: 100%; height: 235px; }
#news .adverts > a { display: block; width: 100%; border: 0; }
#news .adverts > a, #news .adverts > img { position: absolute; left: 0; top: 0; }
#news .adverts > a > img { border: 0; }




#adboxes {}
#adboxes div {}
#adboxes div img { margin: 0 0 0px 0; padding: 0; display: block; width: 100%; border: none; }

#adboxes div div { border: 1px solid #e1e1e1; border-top: none;  }
#adboxes div h3 { background: url(/__data/assets/image/0012/289776/sprite-newsheadings.png) repeat-x 0 -1744px; 
font-size: 1.1429em; line-height: 1; padding: 0.65em 0 1.65em 0; 
 color: #fff; margin: 0; display: block; width: 100%; border: none; }
#adboxes div h3 a { color: #fff; }
#adboxes div h3 a:hover { text-decoration: underline;}
#adboxes div h3 span {  padding-left: 1.0em; }
#adboxes div p { margin-left: 1.1429em; }



/********* CONTENT WRAPPER *****/
#contentwrapper { background-color: #fff; padding-bottom: 3.0em; position: relative; overflow: visible; width: 100%; }

#contentwrapper a { color: #003399; text-decoration: none; border: none; cursor: pointer; }
#contentwrapper a:hover { color: #036; border-bottom: 1px solid #036; }
#contentwrapper a:active,
#contentwrapper a:focus,
#contentwrapper input:focus,
#contentwrapper textarea:focus,
#contentwrapper button:focus, #contentwrapper .button:focus { outline: none; -moz-outline-style: none; }
#contentwrapper button, #contentwrapper .button { outline: none; -moz-outline-style: none; }
#contentwrapper select:focus { }

#sq_backend_sections { background-color: #fff; }

/*** BREADCRUMBS ***/
.breadcrumbs { line-height: 37px; font-size: 0.8571em; color: #555; margin: 18px 0px 18px 20px; background-color: #f0f0f0; padding: 0em 0em 0em 10px; height: 37px; width: 95.5% !important; }

.breadcrumbs strong { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 15px; margin: 0; padding: 10px 37px 10px 0px; background: url(/__data/assets/image/0004/292477/breadcrumb-arrow.png) no-repeat right top; }

.breadcrumbs a { margin: 0 3px 0 3px; height: 37px; padding: 2px; color: #162c43 !important; }
.breadcrumbs a:hover { color: #425968 !important; border-bottom: 1px solid #425968 !important; }


/*** LEFT NAV ***/
#leftnav { margin: 0 2.2% 0 1.6%; border: 1px solid #c9cacb; border-top: none; }
#leftnav h2 { background: url(/__data/assets/image/0012/289776/sprite-newsheadings.png) no-repeat center -1225px; 
font-weight: normal; font-size: 1.4286em; line-height: 1; color: #fff; text-align: center; margin: 0; padding: 0.75em 0 1.75em 0; }
#leftnav ul { margin: 0.5em 0.5em 1.0em 20px; list-style-type: none; }
#leftnav ul li {}
#leftnav ul li a { color: #145183; border: none; }
#leftnav ul li a.hier, 
#leftnav ul li a.current { font-weight: bold; }
#leftnav ul li a:hover { color: #036; border-bottom: 1px solid #036; }
#leftnav ul ul { margin: 0.5em 0 0 20px; font-weight: normal; }
#leftnav ul ul ul { font-size: 0.9286em; list-style-type: none; }
/*
#leftnav ul li a.current,
#leftnav ul li a.hier { background: url(/__data/assets/image/0020/294203/leftnav-arrow.png) no-repeat 0 0; color: #ff0000; }
#leftnav ul ul li a.hier, 
#leftnav ul ul li a.current { background: none; color: #fcf; }
*/

/*** CONTENT ***/
#content { margin-right: 0%; font-size: 1em; line-height: 1.5em; min-height: 300px; }
/* frontpage content */
body#asset289729 #content { min-height: 0; height: 0; width: 0; }

#content a {}
#content a:hover {}

#content h2, 
#content h3, 
#content h4 { clear: both; }

#content blockquote {}
#content blockquote p { margin-left: 3.0em; }

#content img { border: 1px solid #ccc; padding: 5px; margin: 0 0 15px 15px; }
#content h2 img { float: right; }
#content h3 img {}
#content h4 img {}
#content p img { float: right; }
#content td>img {}
#content img.img100, #content img.mini-banner { width: 100%; padding: 0; margin: 0; }
#content p img.img100 { float: none; }
#content img.img36 { width: 36%; }
#content img.img28 { width: 28%; float:left; }
#content img.img50 { width: 50%; float:left; }
#content img[align=left], 
#content p.img[align=left] { float: left;  margin: 0 15px 15px 0 !important;  }
#content p.img100 { background-color: #F1F1F1; color: #000; font-size: 1.15em; padding-bottom: 5px; font-style: italic;  text-align: right; }
#content p.img100 img { width: 100%; margin: 0; padding: 0; border: none; }

#content p img.nofloat { float: none; }

#content img.mini-banner { margin: 0 0 15px 0; }

#content.ninecol img.logo-right { float: right; margin: 0 15px 15px 0; }
#content.sixcol img.logo-right { float: right; margin: 0 15px 15px 0; }

#content p.privacyact-box { border: 1px solid #CCC; background-color: #f8f8f8; padding: 10px; }


p.caption { font-style: italic; color: #555; }
#content p.caption img { margin-bottom: 0.75em !important; clear: both; }

#content [style="text-align:justify"] { text-align: left !important; }




/* table */
#contentwrapper table { border-top: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; text-align: left; }
#contentwrapper table caption { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5714em; line-height: 1.5; color: #000; text-align: left; }
#contentwrapper table tr { }
#contentwrapper table th { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.5em; background: #e7e9eb; color: #000; vertical-align: top;}
#contentwrapper table td { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.5em; vertical-align: top; }
#contentwrapper table td.nbb { border-bottom: 0px; }

#contentwrapper table tr.elected, 
#contentwrapper table tr.elected td, 
#contentwrapper table tr.total, 
#contentwrapper table tr.total th, 
#contentwrapper table tr.total td { background-color: #F0F0F0; }

#content table.sportsground {}
#content table.sportsground th { width: 25%; }

/* full width content */
#content.twelvecol { width: 95.5%; margin: 0 2.0% 0 2.0%; padding: 0; }
#content.ninecol { width: 70.5%; padding: 0; }

p.a-to-z-list { background-color: #e1e1e1; margin: 1.0em 0em; padding: 0.5em; line-height: 2.5714em; width: 100%; }
p.a-to-z-list a { border: 1px solid #ccc !important; background-color: #fff; padding: 0.5em; }
p.a-to-z-list a:hover { background-color: #ccc; color: #036 !important; }

#content ul, #content ol { margin-left: 2.0em; }
#content ul { list-style-type: circle; }
#content ul li p, #content ol li p { margin-top: 0.5em; }

#content dl { width: 100%; display: block; margin-bottom: 1.0em; }
#content dt { width: 20%; padding: 0 5% 0.5em 0; margin: 0; display: inline-block; float: left; font-weight: bold;  }
#content dd { width: 75%; padding: 0 0 0.5em 0; margin: 0; display: inline-block; float: left;  }

#content ul.icons { list-style-type: none; margin-left: 0; }
#content ul.icons li { margin-bottom: 2.0em; }
#content ul.icons span, #content ul.page span, #content ul.external span { display: block; margin-top: 0.5em; }
#content ul.icons ul { font-size: 0.9286em; margin-left: 2.0em; }
#content ul.icons ul li { margin-bottom: 0.5em; }

#content ul#news-listing li a { font-weight: bold; display: block; clear: both; }
#content ul#news-listing li a:hover { border-bottom: none; }

#content ul.page a:first-child { clear: right; font-weight: bold; }
#content ul.page h2 a { color: #333; font-weight: normal !important; cursor: default; }
#content ul.page h2 a:hover { color: #333; border: none; }
#content ul.page li a { font-weight: normal !important; }

#content ul.boxes { margin-left: 0; }
#content ul.boxes li { border: 1px solid #ccc; width: 45%; padding: 0; margin: 0 4% 1.5em 0; float: left; list-style-type: none; }
#content ul.boxes li:nth-child(2n+2) { margin: 0 0 1.5em 0; }
#content ul.boxes li a { padding: 0.5em 1.0em; display: block; }
#content ul.boxes li a:hover { border: none; background-color: #f1f1f1; }

#content ul.remembrance { margin: 2em 0; }

#content li.thumbnail { width: 30%; float: left; margin: 0 5% 2em 0; list-style-type: none; min-height:140px;}
#content li.thumbnail:nth-child(3n+3) { margin-right: 0; }
#content a.fancybox img { border: 1px solid #333; padding: 0; margin: 0; }
#content a.fancybox img.img28 {}

#content li.thumbnail a:hover { text-decoration: underline; border: none; }

#content p.published { font-style: italic; color: #555; }





/** BOXY LINKS =================================================== */
#content div.boxy-links { display: block; width: 100%; clear: both; margin-top: 2.0em; }
#content div.boxy-links h2 { clear: both; }
#content div.boxy-links ul { width: 100%; margin: 0; padding: 0; }
#content div.boxy-links ul li { margin: 0 5% 1.0em 0; padding: 0.5em 2.5%; width: 40%; min-height: 6em; 
border: 1px solid #ccc; float: left; list-style-type: none; background: none; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content div.boxy-links ul li:hover { background-color: #f8f8f8; }
#content div.boxy-links ul li:nth-child(2n+2) { margin-right: 0; }
#content div.boxy-links ul li a { border: none; }
#content div.boxy-links ul li a strong { display: block; color: #000; }


/** 12col BOXY LINKS =================================================== */

.twelvecol#content div.boxy-links div { 
  border: 1px solid #e1e1e1; border-top: none; 
  padding: 0; margin: 0 2% 1.0em 0; width: 23.27%; 
  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; min-height: 8em; float: left; }

.twelvecol#content div.boxy-links div:nth-child(4n+4) { margin-right: 0; }

.twelvecol#content div.boxy-links h3 {
  background: url(/__data/assets/image/0012/289776/sprite-newsheadings.png) repeat-x 0 -1744px;
  font-size: 1.1429em;
  line-height: 1;
  padding: 0.65em 0 1.65em 0.5em; 
  border: none; }
.twelvecol#content div.boxy-links h3 a { color: #fff; }
.twelvecol#content div.boxy-links h3 a:hover { border-color: #fff; }

.twelvecol#content div.boxy-links p { margin: 0 0.5em 1.5em 0.5em; padding: 0; }
.twelvecol#content div.boxy-links p a { color: #039; }




/*** #front-links
============================================================= */

#content #front-links { display: block; width: 100%; clear: both; }

#content div.front-links-box { 
width: 40%; padding: 0.5em 2% 0.5em 2%; margin: 0 2.5% 1.0em 0em; min-height: 10em; float: left; 
border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#content .front-links-box::nth-of-type(2n+2) { margin-right: 0; }
#content .front-links-box h2 { margin-top: 0; }



/* iSite travel bug widget */
#content #travel-bug { height: 300px; overflow: visible; margin-top: 1.0em; }




/* feature-image in content 
ie 2GP or draft social well being ================================*/

#content #feature-image { width: 470px; height: 310px; overflow: hidden; float: right;  }




/***** WEATHER PAGE - Steve *****/
#content div.tableBorder { border-bottom: 1px solid #ccc; width: 100%; font-size: 1.0em; line-height: 1.5;
padding-bottom: 1.0em; margin-bottom: 1.0em; }
#content div.tableCaption { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5714em; line-height: 1.5; color: #000; }

#content div.tableRow {}
#content div.tableRow img { padding: 0; border: none; }
#content div.tableColTwoLeft { float: left; width:55%; }
#content div.tableColTwoLeft span { font-weight: bold;}
#content div.tableColTwoRight { float: right; width: 45%; text-align: right; }
#content div.tableColFourLeft { float: left; width: 25%; text-align: center; }
#content div.tableColFourRight { border: none; float: right; width: 25%; text-align: center; }
#content div.tableColFourLeft span.bold, #content div.tableColFourLeft span.red, #content div.tableColFourLeft span.blue, #content div.tableColFourRight span.bold,#content div.tableColFourRight span.red, #content div.tableColFourRight span.blue { font-weight: bold; }
#content div.tableColFourLeft span.cast, 
#content div.tableColFourRight span.cast { font-size:0.8571em; }
#content div.tableLineSpacing {clear:both; margin:0; padding:0; width:auto;}
#content p.tableFoot { font-size: 0.8571em; text-align: right; font-style: italic; color: #555; }


/* Image Gallery */
#content .image-gallery { width: 100%; height: auto; padding: 0; margin: 0 0 1.5em 0; }
#content .image-gallery ul { width: 100%; height: auto; padding: 0; margin: 0; list-style: none; }
#content .image-gallery ul li { float: left; width: 100px; height: auto; padding: 0 15px 0 0; margin: 0 5px 1.0em 0; }
#content .image-gallery ul li.clear { clear: left; }
#content .image-gallery ul li a { border-bottom: none; }
#content .image-gallery ul li a:hover img { border-color: #333; background-color: #e1e1e1; }

/* Image Gallery v2 */
#content .image-gallery-v2 { width: 100%; height: auto; padding: 0; margin: 0 0 1.5em 0; }
#content .image-gallery-v2 ul { width: 100%; height: auto; padding: 0; margin: 0; list-style: none; }
#content .image-gallery-v2 ul li { float: left; width: 45%; height: auto; padding: 0; margin: 0 5% 1.0em 0; }
#content .image-gallery-v2 ul li.clear { clear: left; }
#content .image-gallery-v2 ul li a { border-bottom: none; }
#content .image-gallery-v2 ul li a:hover img {  }
#content .image-gallery-v2 ul li a.fancybox img { border-color: #cccccc; }


/* top of page */
#content p.topofpage { text-align: right; margin: 3.0em 0em; }
#content p.topofpage:before { content:"\02c6\00a0\00a0"; }
#content p.topofpage a { border-bottom: none; }
#content p.topofpage a:hover { border-bottom: 1px solid #123c43; }


#content .board-member { width: 100%; display: block; clear: both; border-bottom: 1px dotted #ccc; padding-bottom: 15px; margin-bottom: 20px; min-height: 260px; }
#content .board-member h4 { }
#content .board-member p {}
#content .board-member img { float: right; border: 1px solid #ccc; padding: 5px; margin: 0 0 5px 15px; }

#content div.terms { border: 1px solid #cccccc; height: 30em; 
overflow-y: scroll;
overflow-x: display;
font-size: 0.8571em; 
padding: 1.0em; 
box-shadow: 0 4px 12px -7px #333; 
-moz-box-shadow: 0 4px 12px -7px #333; 
-webkit-box-shadow: 0 4px 12px -7px #333;
}

#content div.terms h3, #content div.terms h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2857em; }


#content div.related-resources { display: none; }

body.A181764A #content div.related-resources { display: block; }
body.A288519A #content div.related-resources { display: block; }
body.A288519A #content div.related-resources ul li span { color: #555; font-style: italic; }


#content p.tagline { font-size: 1.1429em; font-style: italic; }

/* Rates and Cemeteries Searches and Results */
#content table.dTable { margin-bottom: 50px; }
#content table.dTable th[scope=row]{ width: 45%; }
#content table td.dTdBlurb label {  }
#content table td.dTdBlurb a { border: none; }
#content table.dTable td.dTd img.nomargin { padding: 0; border: none; }

#content table.dTable td.dTd4ColTotalL, 
#content table.dTable td.dTd4ColTotalR { background-color: #f8f8f8; font-weight: 500; }

#content table.fTable {}
#content table.fTable td.fTdButton { input[type=submit]: margin-top: 0; }
#content table.fTable th.fTh2Col { width: 33%; }

div#ctl00_CODContent_rptRatesDetails_ctl00_liSales { margin-bottom: 0.5em; }



/** CROYDON FORMS ***/

#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content button, #content .button { font-size: 1.0em; line-height: 1.5; vertical-align: middle; white-space: normal; white-space-collapse: collapse; border: 0 none; margin: 0; padding: 0; }

/* buttons */
#content button, #content .button,
#content input[type=button],
#content input[type=submit], 
#content input[type=reset], 
#content p.searchAgain a, #job-vacancy table td a.apply-online 
{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; text-decoration: none;
background-color: #162C43; color: #fff; display: inline-block; margin: 0.7em 0 0 0; 
padding: 0.35em 1.35em; 
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
#content p.searchAgain a { margin-top: 0; }

#content button:hover, #content .button:hover, 
#content input[type=button]:hover, 
#content input[type=submit]:hover, 
#content p.searchAgain a:hover, 
#job-vacancy table td a:hover.apply-online { background-color: #425968; }

#content form { margin-top: 1.5em; }
#content form div.field-group { width: 100%; clear: both;  }
#content form div.date {}

#content form fieldset { width: 100%; }
#content form legend { white-space: normal; }
#content form legend span { display: block; width: 100%; }
#content form label { font-weight: bold; }
#content form input, 
#content form textarea,
#content form select { border: 1px solid #e1e1e1; margin: 1.0em 0 0 0; padding: 0.35em; }


/* NEW FORM STYLE */
#content form fieldset.newform { margin: 0 0 1.5em 0; }
#content form fieldset.newform legend { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000; font-size: 1.7143em; line-height: 1.25em; margin-bottom: 1.5em; margin-top: 1.25em;  }

#content form fieldset.newform label { width: 100%;  }
#content form fieldset.newform input[type=text] { width: 100%; margin: 0 0 1.0em 0; background-color: #f9f9f9; }
#content form fieldset.newform input[type=text]:focus { background-color: #fff; border-color: #666; }
#content form fieldset.newform input[type=file] { margin: 0 0 1.0em 0; background-color: #f9f9f9; }
#content form fieldset.newform input[type=file]:focus { background-color: #fff; border-color: #666; }
#content form fieldset.newform select { width: 100%; margin: 0 0 1.0em 0; background-color: #f9f9f9; }
#content form fieldset.newform select.day { width: 5em; margin-right: 5px; }
#content form fieldset.newform select.month { width: 15em; margin-right: 5px; }
#content form fieldset.newform select.year { width: 7em; }
#content form fieldset.newform textarea { width: 100%; height: 120px; background-color: #f9f9f9; margin: 0 0 1.0em 0; }
#content form fieldset.newform textarea:focus { background-color: #fff; border-color: #666; }

#content form fieldset.newform fieldset { }
#content form fieldset.newform fieldset legend { font-size: 1.0em; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #333;  }
#content form fieldset.newform fieldset label { font-weight: normal; }

#content form fieldset.newform fieldset label.field-group label .requirederror, 
#content form fieldset.newform fieldset legend .requirederror { color: #d50a05; }

#content form fieldset.leftright ul { display: block; margin-bottom: 1.0em; }
#content form fieldset.leftright ul li { display: inline-block; width: 45%; margin: 0; padding: 0; border: none;}
#content form fieldset.leftright ul li input[type=radio] {}
#content form fieldset.leftright ul li label { width: 70%; display: inline-block; }

#content form fieldset.newform .errormessage { display: inline-block; padding: 8px 0 0 10px; color: #d50a05; font-weight: bold; vertical-align: text-top; }
#content form fieldset.newform .loadingicon { display: inline-block; padding: 0 0 0 30px; margin: 0.5em 0 0 10px; background: url(/__data/assets/image/0017/310742/loading-spinner.gif) no-repeat center left; font-weight: bold; }
#content form fieldset.newform ul { margin: 0 0 1.0em 0; list-style-type: none; }
#content form fieldset.newform ul li input { margin: 0; }
#content form fieldset.newform ul li label { font-weight: normal; }

#content form fieldset.newform p { width: 100%; }
#content form fieldset.newform table { width: 100%; }
#content form fieldset.newform table td { padding: 0; }
#content form fieldset.newform table td input[type=text] { width: 95%; margin: 2px; }

#content ul.sq-form-page-list { list-style: none; }

#content table td input, #content table td textarea, #content table td select { margin-top: 0; border: 1px solid #ccc; }
#content table td.wideinput input, 
#content table td.wideinput textarea, 
#content table td.wideinput select { width: 95%; }
#content table td select option { display: block; }

#content table.form ul { list-style: none; }
#content table.form ul.inline { margin: 0.5em 0 0; }
#content table.form ul.inline li { display: inline; width: auto; margin: 0 0.7em 0 0; }
#content table.form ul.inline li label { display: inline; width: auto; margin: 0 0 0 0; }
#content table.form ul.inline li input { vertical-align: text-top; }




/* Matrix Form Default Output Style Tweaks - Kyle (Squiz) - 27/03/15 */

#content .sq-form-question,
#content .sq-form-question-note { display: block; margin-bottom: 1.0em; }
#content .sq-form-question-title { font-weight: bold; }
#content .sq-form-question-answer label { font-weight: normal; }
#content .sq-form-question-answer > ul { list-style: none; }
#content .sq-form-question-answer > ul input[type="radio"],
#content .sq-form-question-answer > ul input[type="checkbox"] { margin-top: 0; }



/* Compliments Form */


body#asset158749 #content form,
body#asset158104 #content form,
body#asset158777 #content form { font-size: 1.0em; line-height: 1.5; }

body#asset158749 #content form fieldset, 
body#asset158104 #content form fieldset, 
body#asset158777 #content form fieldset { background-color: #f8f8f8; border-bottom: 1px solid #ccc; width: 95%; padding: 1.5em 2.45% 1.5em 2.45%; margin: 0 0 3.0em 0; }

body#asset158749 #content form legend, 
body#asset158104 #content form legend, 
body#asset158777 #content form legend { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 1.5714em; font-weight: normal;  }

body#asset158749 #content form legend span, 
body#asset158104 #content form legend span, 
body#asset158777 #content form legend span { background-color: #fff; border-bottom: 1px solid #ccc; }

body#asset158749 #content form label, 
body#asset158104 #content form label, 
body#asset158777 #content form label { font-size: 1.0em; }


body#asset158749 #content form textarea, 
body#asset158749 #content form textarea, 
body#asset158749 #content form input[type=text], 
body#asset158104 #content form textarea, 
body#asset158104 #content form textarea, 
body#asset158104 #content form input[type=text], 
body#asset158777 #content form textarea, 
body#asset158777 #content form textarea, 
body#asset158777 #content form input[type=text] { font-size: 1.0em; line-height: 1.5; color: #000; width: 95%; padding: 0.5em 2.45%; background-color: #fff; border: 1px solid #ccc; }

body#asset158749 #content form fieldset fieldset, 
body#asset158104 #content form fieldset fieldset, 
body#asset158777 #content form fieldset fieldset { border-bottom: none; margin: 1.0em 0 0 0; padding: 0; }

body#asset158749 #content form fieldset fieldset legend, 
body#asset158104 #content form fieldset fieldset legend, 
body#asset158777 #content form fieldset fieldset legend { font-size: 1.0em; font-family: Verdana, Arial, sans-serif; }

body#asset158749 #content form fieldset fieldset legend span, 
body#asset158104 #content form fieldset fieldset legend span, 
body#asset158777 #content form fieldset fieldset legend span { font-family: Verdana, Arial, sans-serif; background-color: #f8f8f8; border: none; }

body #content form fieldset.leftright {}
body #content form fieldset.leftright label { margin: 0; }
body #content form fieldset.leftright input[type=radio] {  margin: 0; }

body#asset158749 #content form fieldset.leftright ul, 
body#asset158104 #content form fieldset.leftright ul, 
body#asset158777 #content form fieldset.leftright ul { margin: 0; padding: 0; list-style-type: none; }

body#asset158749 #content form fieldset.leftright ul li, 
body#asset158104 #content form fieldset.leftright ul li, 
body#asset158777 #content form fieldset.leftright ul li { float: left; margin-right: 1.5em; }





/*** Form Styles ***/
/*
#content fieldset { float: left; width: 460px; height: auto; padding: 0px; margin: 1.5em 0 1.5em 0; }
fieldset legend { position: relative; }
fieldset legend span { display: block; position: absolute; top: -20px; left: 20px; padding: 8px 15px 10px; margin: 0; background-color: #064472; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 1.2em; font-weight: normal; font-style: italic; line-height: 1.25em; white-space: nowrap; color: #ffffff; }
*/
fieldset legend span em { font-size: 0.8em; }
#content .form#content { float: left; width: 398px; height: auto; padding: 30px; margin: 0; background-color: #E6E8EC; border: 1px solid #AFAFAF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content .field-group ul { list-style: none; }
#content .field-group { width: 100%; height: auto; padding: 0; margin: 0 0 1.0em 0; clear: both; }
#content .field-group label, #content .builder-selector label { display: block; height: auto; padding: 0; margin: 0 0 0.2em 0; font-size: 1.2em; font-weight: normal; }
#right .field-group label { display: block; height: auto; padding: 0; margin: 0 0 0.5em 0; }
#content .field-group label span { font-size: 0.7em; font-weight: bold; font-style: italic; }
#content .field-group label span.requirederror, .requirederror { color: #d50a05; }
#content .field-group input[type="text"], #content .field-group input[type="number"], #content .field-group input[type="password"], #content .field-group select, #content .field-group textarea, #right .field-group input[type="text"] { padding: 5px; margin: 0; background: #F9F9F9; border: 1px solid #C0C0C0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 #FFFFFF; -webkit-box-shadow: 0 1px 0 #FFFFFF; box-shadow: 0 1px 0 #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; }
#content .field-group input[type="file"] { height: 30px; padding: 5px; margin: 0; background: #F9F9F9; border: 1px solid #767879; -moz-border-radius: 5px; -moz-box-shadow: 0 0 0 #FFFFFF; font-size: 1.0em; font-weight: normal; font-family: Verdana; }
#content .field-group input[type="text"], #content .field-group input[type="password"] { width: 372px; /*height: 1.4em;*/ }
#content .field-group textarea { width: 372px; height: 84px; }
#content .field-group input:focus, #content .field-group textarea:focus, #content .field-group select:focus { background-color: #FFFFFF!important; border: 1px solid #076481; }
#content .field-group select { display: block; height: auto; }
#content .field-group select option { padding: 0 10px; }
#content .field-group input.upload { height: 30px; padding: 5px; margin: 0; background: #F9F9F9; border: 1px solid #767879; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; }
#content .field-group p.small { font-size: 0.85em; }
#content .field-group .cols { float: left; width: 185px; height: auto; margin: 0 14px 0 0; }
#content .field-group .cols input[type=text], #content .field-group input[type="password"] { width: 173px; }
#content .field-group .cols textarea { width: 173px; height: 48px; }
#content .field-group .cols.date input { float: left; width: 40px; margin-right: 2px; }
#content .field-group .cols.date .datepicker { width: 100px; }
#content .field-group .cols.date.select { width: 190px; height: auto; margin: 0 4px 0 0; }
#content .field-group .cols.date.select select { float: left; padding: 5px 3px; margin-right: 1px; }
#content .field-group .cols.date.select input { padding: 5px 3px 4px 3px; margin-right: 1px; }
#content .field-group .cols.inline ul { float: left; width: 100%; list-style: none; margin: 0; }
#content .field-group .cols.inline ul li { float: left; width: auto; margin: 0 0.7em 0 0; }
#content .field-group .cols.inline ul li label { display: inline; width: auto; margin: 0 0 0 0; }
#content .field-group .cols.inline ul li input { margin: 2px 0 0 0; }
#content .field-group .cols.checklist ul { float: left; width: 100%; height: auto; list-style: none; }
#content .field-group .cols.checklist ul li { float: left; width: 100%; height: auto; margin: 0 0 0.3em 0; }
#content .field-group .cols.checklist ul li label { float: left; }
#content .field-group .cols.checklist ul li input { float: left; margin: 2px 5px 0 0; }
#content .field-group .cols.right { text-align: right; }
#content .field-group .cols.center { text-align: center; }
#content .field-group.account input {  width: 69px;  margin-right: 5px; }
#content .field-group.checklist ul { float: left; width: 100%; height: auto; margin-bottom: 0; list-style: none; }
#content .field-group.checklist ul li { float: left; width: 100%; height: auto; margin: 0 0 0.3em 0; }
#content .field-group.checklist ul li label { float: left; }
#content .field-group.checklist ul li input { float: left; margin: 2px 5px 0 0; }
/*
#content .field-group.search-page label {  font-size: 0.85em; }
#content .field-group.search-page input {  float: left;  width: 203px;  margin-top: 5px; }
#content .field-group.search-page input.search-page-submit, #content .field-group.search-page span.search-submit input { cursor: pointer; }
#content .field-group.search-page input.search-page-submit, #content .field-group.search-page span.search-submit input:hover { color: #FFCC00; }
#content .field-group.search-page input.search-page-submit:hover { color: #ffcc00; }
*/
#content .field-group.check-terms input {  float: left;  width: 13px;  height: 13px;  margin: 3px 0 0 5px;  padding: 0;  border: 0; }
#content .field-group.check-terms label {  float: left;  width: 375px;  margin-left: 5px; }
#content .field-group.buildcalc label { float: left; width: 173px; }
#content .field-group.buildcalc input[type=text] { width: 173px; margin: 0 0 0 14px; }
#content .field-group.divider { border-bottom: 1px solid #AFAFAF; }
#content .field-group.date input { float: left; width: 40px!important; margin-right: 2px; }
#content .field-group.date select { float: left; margin-right: 2px; }
#content .field-group.event-time label { float: left; width: auto; padding: 5px 2px 0 0; }
#content .field-group.event-time label.begins { padding-right: 10px; }
#content .field-group.event-time input { float: left; width: 40px!important; margin-right: 2px; }
#content .field-group.event-time input.event-time-day { width: 25px!important; }
#content .field-group.event-time input.event-time-check { margin: 8px 5px 0 5px; width: 13px!important; }
#content .field-group.event-time select { float: left; padding: 5px 2px; margin-right: 2px; }
#content .field-group.event-time select option { padding: 0; }
#content .field-group.inline ul { float: left; width: 100%; list-style: none; margin: 0; }
#content .field-group.inline ul li { float: left; width: auto; margin: 0 0.7em 0 0; }
#content .field-group.inline ul li label { display: inline; width: auto; margin: 0 0 0 0; }
#content .field-group.inline ul li input { margin: 2px 0 0 0; }
#content .field-group.inspect-date { display: none; }
#content .field-group.inspect-date2 { display: none; }
#content .form-submit-right { float: left; padding: 0 0 4px 0; margin: 1.0em 0 0 0; width: 100%; height: auto; }
#content .form-submit-right.loading { width: 100%; height: 44px; background: url(/__data/assets/image/0004/239926/dap-spinner.gif) no-repeat center right; }
#content .form-submit-right.loading p.saving-message { padding-right: 20%; font-weight: bold; font-style: italic; }
#content .form-submit-right.buildcalc { margin: 1.0em 0 1.0em 0; }
#content .form-submit-right input, #right .field-group .search-submit input { float: right; width: 122px; height: 44px; padding: 0; margin: 0 1.0em 0 0; background: transparent url(/__data/assets/image/0004/105799/access-form-button.gif) no-repeat -0px -0px; border: 0; font-weight: bold; color: #FFFFFF; font-size: 1.5em; cursor: pointer; }
#right .field-group.search-page span.search-submit input { margin-top: 1.0em; }
#content .form-submit-right input:hover, #right .field-group .search-submit input:hover { color: #ffcc00; }
#content .form-submit-right .submit-link { float: right; width: 122px; height: 34px; padding: 10px 0 0 0; margin: 0 1.0em 0 0; text-align: center; text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 1.5em; background: transparent url(/__data/assets/image/0004/105799/access-form-button.gif) no-repeat -0px -0px; }
#content .form-submit-right .submit-link:visited { color: #ffffff; text-decoration: none; }
#content .form-submit-right .submit-link:hover { text-decoration: none; color: #ffcc00; }
#content .form-submit-right .form-error, .form-error { float: right; width: auto; height: auto; margin: 10px 10px 0 0; font-size: 0.9em; font-weight: bold; color: #D50A05; }
#content fieldset.wide-form { float: left; width: 700px; height: auto; padding: 0px; margin: 1.5em 0; }
#content fieldset.wide-form legend span { left: 50px; }
#content fieldset.wide-form .form#content { float: left; width: 598px; height: auto; padding: 30px 50px; margin: 0; background-color: #E6E8EC; border: 1px solid #AFAFAF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content fieldset.wide-form .field-group input[type="text"], #content fieldset.wide-form .field-group input[type="password"] { width: 430px; height: 1.4em; }
#content fieldset.wide-form .field-group textarea { width: 430px; height: 144px; }
#content fieldset.wide-form .field-group .cols { float: left; width: 271px; height: auto; margin: 0 28px 0 0; }
#content fieldset.wide-form .field-group .cols input[type=text], #content fieldset.wide-form .field-group input[type="password"] { width: 259px; }
#content fieldset.wide-form .field-group .cols textarea { width: 259px; height: 48px; }
#content fieldset.wide-form .field-group .cols.date input { float: left; width: 40px!important; margin-right: 2px; }
#content fieldset.wide-form .field-group .cols.date.select { width: 190px; height: auto; margin: 0 4px 0 0; }
#content fieldset.wide-form .field-group.account input {  width: 69px;  margin-right: 5px; }
#content fieldset.wide-form .field-group.checklist ul li label { width: 500px; }
#content .form-show-hide { display: none; }
#content .form-show-hide.first { display: block; }



/** ENDS ORIGINAL FORM STYLES **/


/* New Road Conditions */
#road-closure-list { clear: left; float: left; /*width: 350px;*/ width: 30%; height: auto; margin: 0; border: 1px solid #AFAFAF; }
#road-closure-list h2 { width: 100%; margin: 0 10px 0 10px; }
#road-closure-list .closure-count { width: 100%; height: auto; margin: 0 10px 0 10px; }
#road-closure-list ul { width: 100%; min-height: 368px; margin: 0; }
#road-closure-list ul li { list-style-type: none; padding: 5px 2.5% 5px 2.5%; margin: 0; background-color: #F6F6F6; border-top: 1px solid #FFF; border-bottom: 1px solid #CFCFCF; }
#road-closure-list ul li:hover { background-color: #e5e5e5; cursor: pointer; }
#road-closure-list ul li.no-results { font-weight: bold; }
#road-closure-list ul li.no-results:hover { background-color: #fff; cursor: default; }
#road-closure-list ul li h4 { padding: 0 0 0 0; margin: 0 0 2px 0; font-size: 1.0em; line-height: 1.2; }
#road-closure-list ul li p { padding: 0 0 0 0; margin: 0; color: #3E3E3E; font-size: 0.8em; }
#road-closure-list ul li img { float: right; width: 35px; border: none; display: inline-block; }

#closure-map {
   float: right;
   /*width: 700px;*/ width: 68%;
   height: 479px;
   padding: 0;
   margin: 0;
   background: #FFFFFF url(/__data/assets/image/0004/258250/list-pane-spinner.gif) no-repeat center center;
   border: 1px solid #AFAFAF;
}
/* 
#closure-content img:hover {
   border: 1px solid #425968;
}
*/
.road-statements, .road-links {
   position: relative;
   float: right;
   /*width: 700px;*/ width: 68%;
   /*height: 225px;*/height: auto; min-height: 225px;
   padding: 0;
   margin: 0 0 1.2em;
   border: 1px solid #AFAFAF;
}

.road-links {
   float: left;
   /*width: 350px;*/ width: 30%;
   height: 225px
   padding: 2px;
}

.road-state-content {
   position: absolute;
   /*width: 690px;*/ width: 96%;
   height: 150px;
   padding: 2px;
   margin: 0;
   background-color: #FFF;
}

.road-statements h2, .road-links h2 { 
   float: left;
   /*width: 100%;*/ width: 90%;
   margin: 15px 0 0 15px; ;
}

.road-statements .conds img {
   position: absolute;
   top: 60px;
   left: 10px;
   border: none;
}

.road-statements .conds p { margin: 4.0em 0 0 100px; }
.road-statements .conds p span { font-size: 0.9em; font-style: italic; }

.road-links ul {
   float: left;
   /*width: 95%;*/ width: 90%;
   height: auto;
   padding: 0;
   /*margin: 0.8em 0 0 5%;*/ margin: 5%;
}

.road-links ul li {margin: 0 0.5em 0.5em 0;}

.road-statements #state-list {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 26px;
   padding: 0;
   margin: 0;
   list-style: none;
   text-align: center;
}

.road-statements #state-list li {
   display: inline-block; width: 26px;
   height: 26px; padding: 0; margin: 0 3px; }

.road-statements #state-list li a {
   display: block;
   width: 26px;
   height: 26px;
   padding: 0;
   margin: 0;
   background: url(/__data/assets/image/0011/218369/icon-sprites.png) no-repeat left top;
   text-decoration: none;
}

.road-statements #state-list li a:hover {
   background-position: 0 -26px;
   text-decoration: none;
}

.road-statements #state-list li a.selected {
   background-position: 0 -26px;
}

/* New Water Conditions */

#contentwrapper .api-submit-link, #right .api-submit-link {
    background: url("/__data/assets/image/0008/167876/dcc-my-account-splice.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: right;
    font-size: 1.3em;
    font-weight: bold;
    height: 30px;
    margin: 0 1em 0 0;
    padding: 6px 0 0;
    text-align: center;
    width: 92px;
}

#right .api-submit-link.green {
    margin: 0;
}

#contentwrapper .api-submit-link.green, #right .api-submit-link.green {
    background-position: 0 -235px;
}

#contentwrapper .api-submit-link.green:hover, #right .api-submit-link.green:hover, #contentwrapper .api-submit-link.green:focus, #right .api-submit-link.green:focus {
    background-position: 0 -272px;
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 0 solid transparent;
}

/***** Editing Icons *****/

/* Edit Text */
a.tools-edit-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 14px;
    padding: 0;
    margin: 0;
    border: none;
    background: url(/__data/assets/image/0003/176493/ecm4-icon-sprites.png) no-repeat -368px -52px;
    text-decoration: none;
    text-indent: -9999px;
}

#contentwrapper a.tools-edit-text:hover, #contentwrapper a.tools-edit-text:focus {
    background-position: -368px -67px;
    border-bottom: 0 solid transparent;
}


/* Edit - Save Changes */
a.tools-edit-save {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 15px;
    padding: 0;
    margin: 0;
    border: none;
    background: url(/__data/assets/image/0003/176493/ecm4-icon-sprites.png) no-repeat -402px -52px;
    text-decoration: none;
    text-indent: -9999px;
}

#contentwrapper a.tools-edit-save:hover, #contentwrapper a.tools-edit-save:focus {
    background-position: -402px -68px;
    border-bottom: 0 solid transparent;
}


/* Edit - Cancel Changes */
a.tools-edit-text-cancel {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    border: none;
    background: url(/__data/assets/image/0003/176493/ecm4-icon-sprites.png) no-repeat -454px -52px;
    text-decoration: none;
    text-indent: -9999px;
}

#contentwrapper a.tools-edit-text-cancel:hover, #contentwrapper a.tools-edit-text-cancel:focus {
    background-position: -454px -69px;
    border-bottom: 0 solid transparent;
}

#water-closure-list { clear: left; float: left; width: 30%; height: auto; margin: 0 0 1.2em; border: 1px solid #AFAFAF; }
#water-closure-list h2 { width: 100%; margin: 0 10px 0 10px; }
#water-closure-list .closure-count { width: 100%; height: auto; margin: 0 10px 0 10px; }
#water-closure-list ul { width: 100%; min-height: 368px; margin: 0; }
#water-closure-list ul li { list-style-type: none; padding: 5px 2.5% 5px 2.5%; margin: 0; background-color: #F6F6F6; border-top: 1px solid #FFF; border-bottom: 1px solid #CFCFCF; }
#water-closure-list ul li:hover { background-color: #e5e5e5; cursor: pointer; }
#water-closure-list ul li.no-results { font-weight: bold; }
#water-closure-list ul li.no-results:hover { background-color: #fff; cursor: default; }
#water-closure-list ul li h4 { padding: 0 0 0 0; margin: 0 0 2px 0; font-size: 1.0em; line-height: 1.2; }
#water-closure-list ul li p { padding: 0 0 0 0; margin: 0; color: #3E3E3E; font-size: 0.8em; }
#water-closure-list ul li img { float: right; border: none; display: inline-block; }

#water-conditions #closure-map {
   margin: 0 0 1.2em;
}

.water-statements, .water-links {
   position: relative;
   float: right;
   /*width: 700px;*/ width: 68%;
   /*height: 225px;*/height: auto; min-height: 225px;
   padding: 0;
   margin: 0 0 1.2em;
   border: 1px solid #AFAFAF;
}

.water-links {
   float: left;
   clear: left;
   /*width: 350px;*/ width: 30%;
   height: 225px
   padding: 2px;
}

.water-state-content {
   /*position: absolute; */
   /*width: 690px;*/ width: 96%;
  /* height: 150px; */
   padding: 2px;
   margin: 0;
   background-color: #FFF;
}

.water-statements h2, .water-links h2 { 
   float: left;
   /*width: 100%;*/ width: 90%;
   margin: 15px 0 0 15px; ;
}

.water-statements .conds img {
   position: absolute;
   top: 60px;
   left: 10px;
   border: none;
}

.water-statements .conds p { margin: 4.0em 0 0 100px; }
.water-statements .conds p span { font-size: 0.9em; font-style: italic; }

.water-links ul {
   float: left;
   /*width: 95%;*/ width: 90%;
   height: auto;
   padding: 0;
   /*margin: 0.8em 0 0 5%;*/ margin: 5%;
}

.water-links ul li {margin: 0 0.5em 0.5em 0;}

.water-statements #state-list {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 26px;
   padding: 0;
   margin: 0;
   list-style: none;
   text-align: center;
}

.water-statements #state-list li {
   display: inline-block; width: 26px;
   height: 26px; padding: 0; margin: 0 3px; }

.water-statements #state-list li a {
   display: block;
   width: 26px;
   height: 26px;
   padding: 0;
   margin: 0;
   background: url(/__data/assets/image/0011/218369/icon-sprites.png) no-repeat left top;
   text-decoration: none;
}

.water-statements #state-list li a:hover {
   background-position: 0 -26px;
   text-decoration: none;
}

.water-statements #state-list li a.selected {
   background-position: 0 -26px;
}


/* Water Conditions */

#display-water-conditions {
   clear: left;
   overflow: hidden;
   height: auto;
   padding: 0 2px 2px 2px;
   margin: 21px 0 1.5em 0;
   border: 1px solid #AFAFAF;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

#display-water-conditions img {
   float: left;
   margin: 0 0.5em 0 0.5em;
}

#display-water-conditions h3 { 
 /*  float: left;
   width: 442px; */
   background-color: #E6E8EC;
   padding: 6px 0 6px 12px;
   margin: 2px 0 0 0;
   color: #3E3E3E;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 1.5em;
}

#display-water-conditions .group {
/*   float: left;
   width: 428px; */
   padding: 12px 12px 6px 12px;
   margin: 2px 0 0 0;
   border: 1px solid #ECE6E2;
   vertical-align: top;
    padding-top: 25px;
    position: relative;
}

#display-water-conditions .group a.tools-edit-text {
    top: 5px;
    left: 12px;
}

#display-water-conditions .group.editing a.tools-edit-text {
    display: none!important;
}

#display-water-conditions .group textarea {
    float: left;
    width: 100%;
    height: 200px;
    padding: 0;
    margin: 5px 0 0 0;
    border: 1px dashed #AFAFAF;
    color: #3E3E3E;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    line-height: 1.5em;
}

#display-water-conditions .group textarea:focus {
    border: 1px dashed #46941B!important;
}

#display-water-conditions .group a.tools-edit-save {
    display: none!important;
    top: 5px;
    left: 12px;
}

#display-water-conditions .group a.tools-edit-text-cancel {
    display: none!important;
    top: 3px;
    left: 35px;
}

#display-water-conditions .group.editing a.tools-edit-save, #display-water-conditions .group.editing a.tools-edit-text-cancel {
    display: block!important;
}

#display-water-conditions p.published {
   font-size: 0.8em;
}

#display-water-conditions p.update {
   font-size: 0.8em;
   font-weight: bold;
   text-align: right;
}

#display-water-conditions .group table {
   border: none;
   margin: 0;
}

#display-water-conditions .group td {
   border: none;
   padding-left: 0;
   padding-right: 0;
}

#display-water-conditions td p.update {
   padding: 0 40px 0 0;
}


/* New Water Conditions */




/* Water Closures */
#display-water-closures {
   float: left;
 /*  width: 214px; */
   height: auto;
   padding: 0 2px 2px 2px;
   border: 1px solid #AFAFAF;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

#display-water-closures.manage {
 /*  margin: 41px 0 0 0; */
}

#display-water-closures.display {
   margin: 108px 0 0 0;
}

#display-water-closures .label {
   margin: 0;
}

#display-water-closures .date-field-row label {
    font-size: 0.8em;
}

#display-water-closures .date-field-row label span {
    display: none;
}

#display-water-closures .date-field-row label span.requirederror {
    display: block;
}

#display-water-closures .date-field-row td {
    vertical-align: bottom;
}

#display-water-closures input, #display-water-closures textarea, #display-water-closures select {
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
   width: 100%;
   padding: 0.2em;
}

#asset400857 .ui-corner-all {
   border-radius: 0;
}

#asset400857 .ui-widget-content {
   background: none #F8F8F8;
   border-top: 0 solid transparent;
   padding: 0 0.2em;
}

#asset400857 .ui-menu-item:nth-child(even) {
   background-color: #FFF;
}

#asset400857 .ui-state-hover {
   border: 1px solid transparent;
}
#display-water-closures img {
   float: left;
   margin: 0 0.5em 0 0.5em;
}

#display-water-closures h3 { 
 /*  float: left;
   width: 208px; */
   background-color: #E6E8EC;
   padding: 6px 0 6px 6px;
   margin: 2px 0 0 0;
   color: #3E3E3E;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 1.5em;
}

#display-water-closures .group {
/*   float: left;
   width: 200px; */
   padding: 12px 6px 6px 6px;
   margin: 2px 0 0 0;
   border: 1px solid #ECE6E2;
   vertical-align: top;
}

#display-water-closures p.published {
   font-size: 0.8em;
}

#display-water-closures p.update {
   font-size: 0.8em;
   font-weight: bold;
   text-align: right;
}

#display-water-closures p.notified-link {
   font-size: 0.8em;
   text-align: center;
}

#display-water-closures ul {

}

#display-water-closures li {

}

#display-water-closures table {
   border: none;
   margin: 0;
}

#display-water-closures table td {
   border: none;
   padding-left: 0;
   padding-right: 0;
}

#display-water-closures table td p.update {
   padding: 0 5px 0 0;
}

/*** RIGHT ***/
#right { font-size: 0.9286em; color: #555; padding: 0 0 14px 0; margin: 38px 1.6% 0 2.2%; padding-bottom: 15px; }
#right h2 { border-top: 1px solid #162c43; padding-top: 15px; }
#right h2, #right h3, #right h4, #right h5, #right h6 { font-style: italic; color: #333; }
#right ul, #right ol { list-style-position: outside; margin: 1.0em 1.0em 1.0em 2.0em; } 
#right a { color: #145183; border: none; }
#right ul.icons li span { font-size: 12px; line-height: 1.5; display: block; }


/*calendar*/
#right #sidebar-minicalendar { position: absolute; right: 15px; }
.sidebar-minicalendar-stuck #sidebar-minicalendar  { }

#right #sidebar-minicalendar p { position: relative; top: 0; text-align: center; font-weight: bold; color: #fff; display: block; width: 100%; margin: 0 auto; padding: 0.75em 0 0 0; background-color: #343434; }

#right #sidebar-minicalendar div span a { background: url(/__data/assets/image/0007/294505/calendar-arrows.png) no-repeat; display: block; text-indent: -9999em; width: 40px; height: 30px;  }

#right #sidebar-minicalendar div span.prev-month-link { position: absolute; top: 0; }
#right #sidebar-minicalendar div span.prev-month-link a { background-position: 0px 12px; }
#right #sidebar-minicalendar div span.prev-month-link a:hover { background-position: -60px -48px; border: none; }
#right #sidebar-minicalendar div span.next-month-link { position: absolute; top: 0; right: 0; }
#right #sidebar-minicalendar div span.next-month-link a { background-position: -100px -107px; }
#right #sidebar-minicalendar div span.next-month-link a:hover { background-position: -160px -167px; border: none; }

#right #sidebar-minicalendar table { font-size: 0.9286em; width: 100% !important; text-align: center; margin: 0em 0 2.0em 0; border: none; border-bottom: 3px solid #ccc; }
#right #sidebar-minicalendar table tr { padding: 0 !important; }
#right #sidebar-minicalendar table th { background-color: #343434; color: #fff; border: none; font-weight: normal; }
#right #sidebar-minicalendar table th span { display: none; }
#right #sidebar-minicalendar table td { width: 14%; background-color: #fafafa !important; text-align: center; padding: 0; border: none; }
#right #sidebar-minicalendar table td div { display: none !important; }
#right #sidebar-minicalendar table td a { border: none; padding: 5px 0 5px 0; width: 100%; display: inline-block; color: #666; }
#right #sidebar-minicalendar table td a:hover { background-color: #e1e1e1; } 
#right #sidebar-minicalendar table td.date { background-color: #fff !important; }
#right #sidebar-minicalendar table td.today { background-color: #dee7ee !important; }
#right #sidebar-minicalendar table td.today a { color: #000; }


/*** JUSTIN'S THREE BOXES ***/
#colliex { margin-bottom: 1.0em; }
#colliex>div { background: #f8f8f8; }
#colliex h2 { color: #fff; margin: 0; padding: 0.5em; background: url(/__data/assets/image/0019/290170/toitu.jpg) no-repeat center }



/*** FOOTER ***/
#footer { background: url(/__data/assets/image/0012/289767/footer-big-image.jpg) no-repeat center bottom; min-height: 450px; margin-top: 2.0em; }

.footer { background-color: #162c43; color: #fff; }
.footer a { color: #fff; border-color: #fff;  }
.footer a:hover { color: #8191b2; border-color: #8191b2; }

.footer .address { padding-bottom: 1.0em; }
.footer .address h4 { margin: 20px 0 10px 20px; color: #fff; }

.footer .address p { margin-top: 3.0em; }
.footer .address p a { text-decoration: underline; }

/* this is council other websites */
.footer .address ul { margin: 0 0 3.0em 20px; font-size: 0.9286em; line-height: 1; }
.footer .address ul li { margin-right: 0.5em; margin-bottom: 0.5em; display: inline-block; border-right: 1px solid #fff; }
.footer .address ul li:last-child { border: none; }
.footer .address ul li a { border: none; text-decoration: none; margin-right: 0.85em; }


.footer ul { list-style-type: none; margin: 2.0em; }
.footer ul li { display: block; float: left; overflow: hidden; }
.footer .last { text-align: right; }



.footer .nzgovt { }
.footer .nzgovt img {}

/*** Back to top ***/
#backtotop ul { font-size: 0.9286em; line-height; 1.5; margin: 0 auto 35em auto; padding: 1.5em 0em 1.5em 0; width: 100%; }
#backtotop ul li { display: inline-block; float: left; margin-right: 10px; border-right: 1px solid #162c43; }
#backtotop ul li:first-child { margin-left: 10px; }
#backtotop ul li:nth-child(8), #backtotop ul li:last-child { border: none; }

#backtotop ul li a { color: #162c43; text-decoration: none; border: none; margin-right: 10px; }
#backtotop ul li a:hover { color: #036; border-bottom: 1px solid #036; }
#backtotop ul li.backtotop { float: right; border: none; }
#backtotop ul li.backtotop a { background: url('/__data/assets/image/0004/289777/sprite-search.png') no-repeat -384px -420px; width: 43px; height: 60px; display: block; border: none; opacity: 0.75; margin: 0 0 0 0; text-align: right; }
#backtotop ul li.backtotop a span { display: none; position: absolute; left: -9999em; }
#backtotop ul li.backtotop a:hover { opacity: 1.0; }

.logo a { border: none; }
.logo img { border: none;  margin: 20px; }
.logo img.unesco-logo { margin: 0 20px; }
.logo img.govt-logo {}
.footer .dunedin img { /*padding: 1.6em 0em 1.890em 0em;*/ padding: 1.6em 0em 0em 0em; }


/******* Event Styles ********/
#content .event-details { margin-top: 1.5em; }
#content .event-info { background-color: #fff; margin: 0 0 0 0; border-bottom: 1px solid #ccc; padding: 1.5em 0.5em; }
#content .event-info:hover { background-color: #f8f8f8; border-bottom: 1px solid #ccc; }
#content .event-info p { line-height: 2em;}
#content .event-info h3 a { border: none; }
#content .event-info h4 { margin-top: 1.0em; }

body#asset157964 #content .event-info { border-bottom: 1px solid #000; }

.eventcontent a:hover, .eventcontent a:active { outline: 0; }

#content .eventcontent ul, #content .eventcontent ol { margin: 1em 0; padding: 0 0 0 40px; }

.eventcontent h2.strip { min-height:24px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: #2c4153; color:white; position:relative; word-wrap:break-word; margin:0 0 1em 0; }

.eventcontent h2.strip:after { /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:30px;
width:0;
height:0;
border-color: #2c4153 transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}


#content .eventbox img {margin-bottom:0em;border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%;border: 0px solid #ccc; padding: 0px; margin: 0 0 0 0; }

.eventbox {float: left;margin-left: 0;width: 100%;max-width:743px;display: block;margin-top:20px;margin-right:2%; font-family: sans-serif; color: #222;}

.eventbox:last-child {margin-right:0%;}

.eventcontent h2.strip { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; color:#fff; font-style:italic; font-weight:400; background-color:#2c4153; padding:10px 10px 10px 20px; margin-right:0px; }

#content .eventcontent ul {list-style-position: outside;list-style-type: none;color: #ccc;padding:0 0 0 20px;}
#content .eventcontent li {font-size: 1.2em;line-height: 1.5em;margin: 0 0 0em 0;}
#content .eventcontent li a { color:#666; text-decoration:none; padding:0;}
#content .eventcontent ul li:before {content: "\203A ";font-size: 1.8em; margin-right:1%;line-height: 1.2em; color:#2c4153; font-weight:lighter;}


section#browseevents { margin-top: 10px; display: inline-block; clear: both; height: auto; }

.eventcontent { border: 0px solid #2c4153 !important; }

.eventbox22 { width: 23.125% !important; margin-right: 2.5%; min-height: 320px; }
.eventbox.last { margin-right: 0% !important; }
.eventbox22 li { font-size: 1.1em !important; line-height: 1.5em; margin: 0; }

h2.event-strip { font-size: 1.2em; line-height: 1.25em; margin-bottom: 0.0em; margin-top: 0em; padding: 0.8em 0em 0.2em; }

.neweventcontent h2.strip a {
min-height: 24px;
background: #2c4153;
color: white;
position: relative;
word-wrap: break-word;
margin: 0 0 1em 0;
font-size: 0.9em;
font-family: Georgia, "Times New Roman", Times, serif;
}

p.eventdate { font-style: italic; color: #666666; }

p.adbox-cta a:after {content: "\2192"; padding-left:10px;font-size: 20px;font-weight:normal;}









@media only screen and (max-width: 767px) {
   .water-statements, .water-links {width: 100%; margin-top: 20px;} 
   .water-state-content {width: 90%;}
   .water-statements .conds p {margin: 2.0em 0 0 100px;}
   #water-closure-list {width: 100%;}
   .eventbox {float: left; margin-left: 5%;width: 90%;display: block;margin-top:20px;margin-right:5%;}
   .eventbox:last-child{margin-right:0%;}
   .eventcontent {border:1px solid #2c4153;min-height:auto;}
   #news .adverts, #news #advert .council { float: left; margin-left: 5%; width: 90%; display: block; margin-top: 20px;margin-right:5%;}
   #news #advert .council { margin-bottom: 20px; width}
   .eventbox22 {width: 40% !important;}
   body#asset142151 #content h1.page-title { margin: 0px; width: 100%; padding: 0px 20px; font-size: 3.0em; }

.eventbox {float: left;margin-left: 0;width: 100%;display: block;margin-top:20px;margin-right:2%;}
.eventbox:last-child{margin-right:0%;}
.eventcontent {border:1px solid #2c4153;min-height:auto;}



.severe-weather-updates {display:block;}


}


@media only screen and (min-width: 768px) {

.eventbox { float: left; width: 48%; display: block; margin-top:20px; margin-right:2%;margin-left: 0;}
.eventbox:last-child {margin-right:0%;}
.eventlast {margin-right:0%;}
.eventcontent h2.strip { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; color:#fff; font-style:italic; font-weight:400; padding:10px 10px 10px 20px; margin-right:0px; }
.eventcontent {border:1px solid #2c4153;min-height:260px;}

}





/***** MEDIA QUERIES *****/

@media only screen and (min-device-width : 200px) and (max-device-width : 1024px) {
  .twelvecol.breadcrumbs { width: 93.5% !important; }
  .breadcrumbs strong { background-position: right 1px; }
  .breadcrumbs a { background-position: right 2px; }

#features .callout-white { width: 40%; min-height: 200px; margin-left: 0px; }
}

@media only screen and (min-width: 570px) and (max-width: 949px) { 
  #features .callout { width: 30%; font-size: 1.7143em; margin: 45px 0 0 10px; }
  #features .callout-white { width: 200px; overflow: visible; }
}


@media only screen and (min-width: 640px) and (max-width: 949px) { 

  #news h3 { font-size: 1.1429em; }

  #news .news .active { background-position: center -15px; }
  #news .news .active:hover { background-position: center -15px; }
  #news .consulting .active { background-position: center -279px; }
  #news .consulting .active:hover { background-position: center -279px; }
  #news .news .inactive { background-position: center -685px; }
  #news .news .inactive:hover { background-position: center -544px; }
  #news .consulting .inactive { background-position: center -685px; }
  #news .consulting .inactive:hover { background-position: center -544px; }

  #news #switcher-panel2, #news #switcher-panel3 { font-size: 0.8571em; }
  #news #advert .council a { background-position: 0 -1889px}
  #content li.thumbnail { min-height:164px;}

}


@media only screen and (max-width: 949px) { 

.twelvecol#content div.boxy-links div { margin: 0 2.0% 1.0em 0; width: 31.5%; }
.twelvecol#content div.boxy-links div:nth-child(4n+4) { margin-right: 2.0%; }
.twelvecol#content div.boxy-links div:nth-child(3n+3) { margin-right: 0; }
#news #advert .council { clear: both; display: block; margin: 5.0em 0 1.0em 0; }


#features .callout-white { width: 40%; min-height: 200px; margin-left: 0px; }

/*
  #footer .logo { width: 100%; text-align: center; padding: 0; margin: 0; }
  .footer .address { width: 100%; text-align: center; padding: 0; margin: 0; }
  .footer .address p { margin: 0em; }
  .footer .address ul li { width: 100%; text-align: center; padding: 0; margin: 0; }
  #backtotop ul { width: 100%; text-align: center; padding: 0; margin: 0; }
*/
}



/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .utilities ul li { padding-right: 1.0em; }
  .header .weather { width: 135px; }
  .header .search form input.searchinput { }
  #backtotop ul { width: 100%; }

  

}


/* Tablet Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
  #leftnav { margin: 0 2.5% 0 2.5%; }
  #content { width: 62.5%; margin: 0; padding: 0; }
  #right { display: none; }
  #content div.related-resources { font-size: 0.9286em; display: block !important; margin: 2.0em 0em 0em 0em; padding: 1.0em; 
    box-shadow: 0 4px 12px 0px #ccc; -moz-box-shadow: 0 4px 12px 0px #ccc; -webkit-box-shadow: 0 4px 12px 0px #ccc; }
  .container { padding: 0; }
  .utilities ul li { padding-right: 1.0em; }
  .header .search form { width: 40%; margin-right: 20px; }
  .header .search form input.searchinput { width: 75%; }
  .header .socialmedia a { margin-right: 5px; }
  .header .weather { margin-left: 10px; margin-right: 10px; width: 150px; }
  .header .weather img { margin-right; 3px; }
  #mega-menu > li > a { font-size: 1.1429em !important; }

#features .callout { width: 30%; font-size: 1.7143em; margin: 45px 0 0 10px;  }
#features .callout-white { width: 350px; overflow: visible; }

#features .pullout { /*width: 240px;*/ height: 270px; margin-right: 15px; }
#features .pullout h3 { font-size: 1.1429em; background-position: center -415px; }
#features .pullout h3 a.active { background-position: center -10px; }
#features .pullout ul { font-size: 0.9286em; }

#news h3 { font-size: 1.2857em; }
#news h3 a { padding: 0.75em 0 1.95em 0; background-position: 0 -685px; padding: 0.5em 0 1.35em 0; }
#news .news { margin: 0 1.5% 0 2%; width: 46.5%; }
#news .consulting { margin: 0 2% 0 1.5%; width: 46.5%; }

#news .news .active { background-position: center -15px; }
#news .consulting .active { background-position: center -279x; }
#news .news .inactive { background-position: center -685px; }
#news .consulting .inactive { background-position: center -685px; }

#news #advert { width: 97.5%; margin-bottom: 1.0em; }
#news #advert .adverts { float: left; margin: 0 1.5% 2.0em 2%; padding: 0; width: 46.5%; }
#news #advert .council { float: left; margin: 0 2% 0 1.5%; padding: 0; width: 46.5%; }
#news #advert .council { background-position: -25px 0; }
#news #advert .council a { font-size: 1.2857em; padding-bottom: 1.0em; }

#adboxes {}
#adboxes .fourcol { margin: 0 0 0 0; }
#adboxes .fourcol:first-of-type { margin: 0 2% 0 2%; }
#adboxes .fourcol:last-of-type { margin: 0 2% 0 2%; }

#right div.related-resources>h2 { font-size: 1.3em; }

#footer { min-height: 850px; }
.nzgovt { margin-left: -2.0em; }

/*
  #footer .logo { width: 100%; text-align: center; padding: 0; margin: 0; }
  .footer .address { width: 100%; text-align: center; padding: 0; margin: 0; }
  .footer .address p { margin: 0em; }
  .footer .address ul li { width: 100%; text-align: center; padding: 0; margin: 0; }
  #backtotop ul { width: 100%; text-align: center; padding: 0; margin: 0; }
*/

#backtotop { position: absolute; z-index: 99; margin-top: 0px; }
#backtotop ul { width: 100%; }
#backtotop ul li {  }
#backtotop ul li a {  }

.twelvecol#content div.boxy-links div { margin: 0 2.0% 1.0em 0; width: 31.5%; min-height: 10em; }
.twelvecol#content div.boxy-links div:nth-child(4n+4) { margin-right: 2.0%; }
.twelvecol#content div.boxy-links div:nth-child(3n+3) { margin-right: 0; }



}


@media only screen and (max-width: 767px) {

#right #sidebar-minicalendar {width: 92%;}
#right {padding-bottom: 150px;}
.road-statements, .road-links {width: 100%; margin-top: 20px;} 
.road-state-content {width: 90%;}
.road-statements .conds p {margin: 2.0em 0 0 100px;}
#road-closure-list {width: 100%;}
#closure-map {width: 100%;border: 0px; margin-top:20px;}
#content li.thumbnail { min-height:160px;}


}




/* iPhone */
@media only screen and (max-width: 570px) {
  body { background: none !important; background-color: #ffffff !important; }

#content img.img28 { width: 97%; float:left; margin-left: 0px; }

.img-small-thumb {
width: 50px;
float: left;
display: inline-block;
clear: both;
margin: 0 10px 20px 0px!important;
border: none!important;
padding: 0px!important;
}




.utilities { display: none; }

.header { height: 110px; }
.header .logo { }
.header .logo img { margin-left: 1.0em; }
.header .search form { margin: 0; }
.header .search .weather { display: none; }
.header .search .socialmedia { display: none; }

#mini-search { position: absolute; top: 35px; right: 60px; height: 40px; width: 40px; display: block; background-color: #162c43; /*-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ }
#mini-search a { height: 40px; width: 40px; display: block; }
#mobile-search.shut { display: none; }
#mobile-search.open { display: block; width: 100%; }
#mobile-search h2 { display: none; }
#mobile-search legend { display: none; }
#mobile-search fieldset { background-color: #f1f1f1; padding: 10px; }
#mobile-search label { position: absolute; left: -9999em; }
#mobile-search input { width: 70%; display: inline-block; border: 1px solid #ccc; padding: 0.5em; margin: 0; }
#mobile-search button { width: 20%; display: inline-block; border: 0; margin: 0; padding: 0.5em 0 0.5em; }


#mini-nav { position: absolute; top: 35px; right: 10px; height: 40px; width: 40px; display: block; background-color: #162c43; /*-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ }
#mini-nav a { height: 40px; width: 40px; display: block; }
#main-nav.inactive { display: none; }
#main-nav.active { display: block; width: 100%; }
#mini-nav img, #mini-search img { margin: 0; padding: 5px; border: none; width: 70%; }

ul#mobile-menu { display: block; list-style-type: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2857em; z-index: 99; position: relative; margin-bottom: 10px; }
ul#mobile-menu.inactive { display: none; }
ul#mobile-menu.active { display: block; width: 100%; }
ul#mobile-menu li { width: 50%; float: left; background: #162c43; 
border-bottom: 1px solid #fff; padding: 0; margin: 0; }
ul#mobile-menu li:nth-child(odd) a { border-right: 1px solid #fff; }
ul#mobile-menu li a { color: #fff; padding: 1.0em; display: block; }

#mega-menu { display: none; }

#features { width: 100%; min-width: 100%; }
  #features .callout, #features .callout-white { display: none; }
  #features .pullout { width: 100%; margin: 20px 0 0 0; padding: 0; float: left; background-color: #f1f1f1; }
  #features .pullout h3 { width: 100%; display: inline-block; }
  #features .pullout h3 a { width: 50%; padding: 15px 0px 30px 0px; }

  .breadcrumbs { display: none; }

#leftnav { margin-top: 10px; }
#leftnav h2:first-child { display: none; }

h2#mobile-leftnav { background: none; background-color: #425968; display: block; text-align: left !important; padding: 0 10px 0 10px; }

#mobile-leftnav a {  color: #fff; padding: 0.75em 0 0.75em 0; margin: 0; width: 100%; display: inline-block; }
#mobile-leftnav a span { 
display: block; float: right; 
background: url('/__data/assets/image/0007/294505/calendar-arrows.png') no-repeat -53px -162px; 
background-size: 188px 350px; width: 14px; height: 14px; margin-top: 7px;
}

#mobile-leftnav a:hover { border: none; text-decoration: none; color: #fff; }
#mobile-leftnav a.active span { background-position: -24px -120px; }
#mobile-leftnav-list.shut { display: none; }
#mobile-leftnav-list.open { display: block; width: 100%; }

#contentwrapper { margin-top: 0 !important; }
#content { margin: 1.0em 1.0em 0 1.0em; }
#content h1 { margin: 0 !important; color: #333 !important; position: relative !important; top: 0 !important; left: 0 !important; font-size: 2.1429em !important; }
#content.ninecol { width: 90%; }

#content img, 
#content embed, 
#content object, 
#content iframe {
max-width: 99%;
height: auto !important;
}

/* this for the weather page on the phone */
#content div.tableColFourLeft, #content div.tableColFourRight { width: 50%; margin: 0 0 10px 0; }
#content p.tableFoot { text-align: left; }

.eventbox22 {width: 90% !important;margin-left: 5%;display: block;margin-top: 20px;margin-right: 5%; }
p.eventdate { margin: 0; }
body#asset142151 h2 { margin-left: 5%; }
body#asset142151 h2.strip { margin-left: 0; }
body#asset142151 h2.event-strip { margin-left: 0; }
p.adbox-cta a { display: none; }
.new-event { min-height: 100px; margin-bottom: 20px; }




#footer { min-height: 100em; }
.footer { padding-bottom: 2.0em; }
  #footer .logo { width: 100%; text-align: center; padding: 0; margin: 0; }
.footer .logo img { margin: 20px 0 20px 0; padding: 0; }
#footer .address { width: 80%; text-align: center; margin: 0 auto; }
#footer .address h4 { margin: 0 0 10px 0; text-align: center; width: 100%; }
#footer .address p { margin: 0; }
.footer .address ul { width: 100%; text-align: center; margin: 0; }
.footer .address ul li { border: none; display: block; width: 100%; }
.footer .address ul li a { margin-right: 0; }

  .twelvecol#content div.boxy-links div { width: 100%; margin: 0 0 1.0em 0; }

#backtotop ul { font-size: 0.9286em; line-height; 1.5; margin: 0 auto 35em auto; padding: 1.5em 0em 1.5em 0; width: 100%; }
#backtotop ul li { width: 100%; margin: 0; border: none; text-align: center; }
#backtotop ul li a { margin: 0; }
#backtotop ul li:first-child { margin: 0; }
#backtotop ul li.backtotop { float: none; width: 100%; }
#backtotop ul li.backtotop a { margin: 1.0em auto 0 auto; }




} /* ends iPhone max-width 570 */



/* Mobile Landscape */
@media only screen and (min-device-width : 321px) and (max-device-width : 767px) and (orientation : landscape)  {
  #news #advert .council { clear: both; display: block; }

#right #sidebar-minicalendar {width: 92%;}
#right {padding-bottom: 150px;}
}



/* Mobile Portrait */
@media only screen and (max-device-width : 320px) {
  #mega-menu > li { width: 100%;  }
  #mega-menu > li > a { padding-left: 1.0em; padding-right: 1.0em; width: 100%;  }
  .header .threecol.logo { width: 50%; }
.header .search form { top: 60px; }
/*
  #features .pullout { width: 100%; margin: 0; padding: 0; }
  #features .pullout h3 { width: 100%; }
  #features .pullout h3 a { width: 30%; background: none; color: #ffcc00; padding: 0; }
*/
}

@media only screen and (max-width : 320px) {
.header .threecol.logo { width: 50%; }
#right #sidebar-minicalendar {width: 92%;}
#right {padding-bottom: 150px;}
#content li.thumbnail { min-height:140px;}


}



/* CUSTOM MEGA MENU @MEDIA */ 

@media only screen and (min-width: 1200px) { 
  #mega-menu > li > a { padding: 0 1.5em 0 1.5em; }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) { 
  #mega-menu > li > a { padding-left: 1.25em; padding-right: 1.25em; }
}

@media only screen and (min-width: 1025px) and (max-width: 1099px) { 
  #mega-menu > li > a { padding-left: 1.0em; padding-right: 1.0em;  }
}

@media only screen and (min-width: 1000px) and (max-width: 1024px) { 
  #mega-menu li.has-menu > a { font-size: 1.1429em; padding-left: 1.3em; padding-right: 1.3em; } 
}

@media only screen and (min-width: 950px) and (max-width: 999px) { 
  #mega-menu li.has-menu > a { font-size: 1.1429em; padding-left: 1.0em; padding-right: 1.0em; } 
.header .search form { width: 40%; }
.header .search form input.searchinput { width: 75%; }
}

@media only screen and (min-width: 800px) and (max-width: 949px) { 
  #mega-menu li.has-menu > a { font-size: 1.1429em; padding-left: 0.5em; padding-right: 0.5em; }
}


@media only screen and (max-width: 799px) {
    .header .weather p.current-weather span.temp { font-size: 25px; }
    .header .socialmedia { float: right; margin: 50px 0 0 0; }
    .header .socialmedia a { background: url(/__data/assets/image/0005/289778/sprite-social-media.png) no-repeat; width: 25px; height: 25px; margin: 0em 5px 0em 0em; padding: 0; float: left; border: none; text-decoration: none; }
    .header .socialmedia a:hover { }
    .header .socialmedia a.facebook { background-position: -220px -306px; }
    .header .socialmedia a.facebook:hover { background-position: -141px -385px; }
    .header .socialmedia a.twitter { background-position: -194px -333px;} 
    .header .socialmedia a.twitter:hover { background-position: -115px -412px; } 
    .header .socialmedia a.youtube { background-position: -241px -585px; }
    .header .socialmedia a.youtube:hover { background-position: -17px -768px; }
    .header .socialmedia a.rss { background-position: -247px -280px; }
    .header .socialmedia a.rss:hover { background-position: -168px -359px; }
}

@media only screen and (min-width: 768px) and (max-width: 799px) { 
  #mega-menu li.has-menu > a { font-size: 1.0714em; padding-left: 0.5em; padding-right: 0.5em; } 
}


@media only screen and (min-width: 670px) and (max-width: 767px) {
   #mega-menu li.has-menu > a { font-size: 1.0em; padding-left: 0.5em; padding-right: 0.5em; } 

 }

@media only screen and (min-width: 600px) and (max-width: 669px) {
   #mega-menu li.has-menu > a { font-size: 0.9286em; padding-left: 0.35em; padding-right: 0.35em; } 
}

@media only screen and (min-width: 571px) and (max-width: 599px) {
   #mega-menu li.has-menu > a { font-size: 0.9286em; padding-left: 0.3em; padding-right: 0.3em; } 
}

@media only screen and (min-width: 571px) and (max-width: 699px) {
  .twelvecol#content div.boxy-links div { width: 48%; margin: 0 2% 1.0em 0; }
  .twelvecol#content div.boxy-links div:nth-child(4n+4) { margin-right: 0%; }
  .twelvecol#content div.boxy-links div:nth-child(3n+3) { margin-right: 2%; }
  .twelvecol#content div.boxy-links div:nth-child(2n+2) { margin-right: 0%; }
}


/*** // ENDS CUSTOM MEGAMENU @MEDIA // ***/


/* PRINT */
@media print {
.utilities, .header, nav.demo-container, #leftnav, .breadcrumbs, #content p.topofpage, #backtotop, .footer .logo, .footer .address h4, .footer .address ul { display: none; }

body { background-image: none !important; background-color: #ffffff !important; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }

a { color: #333 !important; text-decoration: underline !important; }

#contentwrapper { width: 100%; position: absolute !important; top: 150px !important; margin-top: 0 !important; }

body #contentwrapper h1 { 
position: absolute !important; 
top: -60px !important; 
font-size: 2.1429em !important; 
color: #000 !important; margin-top: 0 !important; }

#content { margin-top: 3.0em !important; }

#content iframe[src*="www.youtube.com"]{ display: none; }

#content, #right { width: 90% !important; margin: 0 5% 0 5% !important; padding: 0 !important; }
#content table th, #content table td { border-bottom: 1px solid #ccc; padding: 0.15em 0.5em 0.15em 0.5em; }

.footer .address { position: absolute; top: 0; right: 20px; width: 17.5em; text-align: right; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #333 !important; }

.printlogo { height: 74px; width: 180px; display: block; position: absolute; top: 20px; left: 40px; }

#footer { min-height: 0px !important; border-top: 1px solid #000 !important; margin: 0; padding: 0; }

} /* ends PRINT */


/***** Funnelback Styles *****/

body#funnelback-search {}

p.fb-page-nav {  font-size: 1.2857em; margin-top: 0.7778em; }
p.fb-page-nav a { color: #444; border: 1px solid #ccc !important; margin-right; 0.25em; padding: 0.25em; background-color: #fff;}
p.fb-page-nav a:hover { background-color: #f8f8f8; }
span.fb-current-result-page { font-weight: bold; }
p.fb-page-nav a.fb-previous-result-page, 
p.fb-page-nav a.fb-next-result-page { border: none !important; font-size: 0.7778em; }
#content ul.icons .fb-page-nav span {display: inline;}

span.fb-summary { font-size: 0.8571em; }


div#fb-queryform form {}
div#fb-queryform form fieldset {  }
body#funnelback-search div#fb-queryform form legend { position: absolute; left: -9999em; }
div#fb-queryform form label {}
div#fb-queryform form input#query { width: 50%; height: 28px; }
body#funnelback-search div#fb-queryform button { margin-top: 0; }

div.facet { margin-top: 1.0em; }
div.facet:first-child { margin-top: 0em; }
div.facet div.category { margin:  0 0 0.5em 1.0em; color: #555; }

div#fb-wrapper {}
ol#fb-results { margin: 0; padding: 0; list-style-type: none; }
div.fb-best-bet, ol#fb-results li { margin: 0 0 1.0em 0; padding: 0 0 1.0em 0; border-bottom: 1px solid #ccc;  }
div.fb-best-bet p, 
ol#fb-results li p { margin: 0; }
ol#fb-results li p.fb-file-format span { color: #555; font-style: italic; }

ol#fb-results li p cite, 
ol#fb-results li p a.fb-explore, 
ol#fb-results li p a.fb-cached 
{ display: none; }



/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; /*font-size: 100%;*/ list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


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


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

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


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

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
 * jQuery UI Accordion 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }



/*
 * jQuery UI Autocomplete 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }    

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.13
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu, #content .ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu, #content .ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item, #content .ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a, #contentwrapper .ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active,
#contentwrapper .ui-menu .ui-menu-item a.ui-state-hover,
#contentwrapper .ui-menu .ui-menu-item a.ui-state-active,
 {
    font-weight: normal;
    margin: -1px;
}
/*
 * jQuery UI Button 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

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

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

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

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Datepicker 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 57%; margin-left: -8px; top: 56%; margin-top: -8px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #3F3F3F; }
.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 70%; margin-left: -8px; top: 56%; margin-top: -8px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #3F3F3F; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

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

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Dialog 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Progressbar 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/*
 * jQuery UI Resizable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;
    /* http://bugs.jqueryui.com/ticket/7233
     - Resizable: resizable handles fail to work in IE if transparent and content overlaps
    */
    background-image:url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=);
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Slider 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

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

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,Verdana,sans-serif/*{ffDefault}*/; font-size: 14px/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #CCCCCC /*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/__data/assets/image/0020/430427/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a, #contentwrapper .ui-widget-content a { color: #222222/*{fcContent}*/; border: none; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/__data/assets/image/0003/430428/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

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

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

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


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

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }


/* ICONS */
a[href*=".pdf"] { background:url('/__data/assets/image/0009/162/pdf.gif') no-repeat top left; padding: 0 0 0 20px; border-bottom: none; }
a[href*=".PDF"] { background:url('/__data/assets/image/0009/162/pdf.gif') no-repeat top left; padding: 0 0 0 20px; border-bottom: none; }
a[href*="/rss/"] { background: url('/__data/assets/image/0012/165/rss.gif') no-repeat top -left; padding: 0 0 0 20px; }
a[href*=".rss"] { background: url('/__data/assets/image/0012/165/rss.gif') no-repeat top left; padding: 0 0 0 20px; }
a.rss { background: url('/__data/assets/image/0012/165/rss.gif') no-repeat top left; padding: 0 0 0 20px; }

a[href$=".rtf"] { background:url('/__data/assets/image/0013/166/rtf.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".xls"] { background:url('/__data/assets/image/0016/169/xls.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".xlsx"] { background:url('/__data/assets/image/0016/169/xls.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".doc"] { background:url('/__data/assets/image/0015/168/word.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".dot"] { background:url('/__data/assets/image/0015/168/word.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".docx"] { background:url('/__data/assets/image/0015/168/word.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".ppt"] { background:url('/__data/assets/image/0010/163/ppt.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".pot"] { background:url('/__data/assets/image/0010/163/ppt.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".pptx"] { background:url('/__data/assets/image/0010/163/ppt.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".xml"] { background:url('/__data/assets/image/0008/170/xml.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".mov"] { background:url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".avi"] { background:url('/__data/assets/image/0016/34441/avi.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".mpg"] { background:url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".m4v"] { background:url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".wmv"] { background:url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".mp4"] { background:url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".mp3"] { background:url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".wma"] { background:url('/__data/assets/image/0011/27596/wma.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".wav"] { background:url('/__data/assets/image/0011/27596/wma.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".txt"] { background:url('/__data/assets/image/0014/167/txt.jpg') no-repeat top left; padding: 0 0 0 20px; }
a[href*="twitter.com"] { background: url('/__data/assets/image/0005/289778/sprite-social-media.png') no-repeat -194px -333px; padding: 5px 0 5px 30px; }
a[href*="facebook.com"] { background: url('/__data/assets/image/0005/289778/sprite-social-media.png') no-repeat -220px -306px; padding: 5px 0 5px 30px; }
.noicon { background: none !important; padding-left: 0 !important; }



/* BOXY LANDING PAGE */

/*  Table of Contents
=====================================================================================*/
/*
    * Upper Content Restyle
      - Top Links / Intro Restyle
    * Lower Content Restyle
      - Boxy Links
        * Boxy Wide Layout
    * Rugby World Cup 2011 Subsite Styles
    * Democratic Services
    * District Plan Changes
*/


/*  Upper Content Restyle
=====================================================================================*/
#upper-content { margin-bottom: 1.0em; width: 100%; }
#upper-content iframe { float: left; }

/***** Top Links / Intro Restyle *****/
#top-links {  float: left;  margin: 0 5% 0 0;  width: 55%; }
#top-links img {  float: left;  margin: 0 1.0em 0 0; }
#top-links img.border {  float: left;  padding: 2px;  margin: 0 0.5em 0 0;  border: 1px solid #CCCCCC; }

/*
#top-links h3 { margin: 0 0 0.5em 0; color: #000000; font-size: 1.35em; font-weight: normal; text-transform: none; }
#top-links h3 a { color: #145183; }
#top-links p { font-size: 0.85em; line-height: 1.5em; padding: 0; margin: 0 0 1.0em 0; }
#top-links p a { color: #145183; }
*/



/*  Lower Content Restyle
=====================================================================================*/
#lower-content {  width: 982px;  padding: 0; }


/***** Boxy Links 
.boxy-links { clear: right;   float: right;   width: 491px;   height: auto;  padding: 0; margin: 0; }
.boxy-links.left {   clear: left;   float: left; }
.boxy-links.margin-top {   margin-top: 1.5em; }
.boxy-links h2 {   padding: 0 0 0 29px;}
.boxy-links.left h2 {   padding: 0 0 0 30px;}
.boxy-links h3 {  padding: 0 0 0 29px;  margin: 0 0 0.5em 0;  color: #000000;  font-size: 1.35em;  font-weight: normal;  text-transform: none; }

.boxy-links.left h3 {  padding: 0 0 0 30px; }
.boxy-links p {  padding: 0 30px 0 29px;  margin: 0 0 1.0em 0;  font-size: 0.85em;  line-height: 1.5em; }
.boxy-links.left p {  padding: 0 29px 0 30px; }
.relief-links p a {  color: #145183; }
.boxy-links ul {  float: left;  width: 432px;  height: auto;  padding: 0 0 0 29px;  margin: 0;  list-style: none; }
.boxy-links.left ul {  padding: 0 0 0 30px; }
.boxy-links ul li {  float: left;  width: 206px;  height: auto;  padding: 0;  margin: 0 0 1.5em 0; }
.boxy-links ul li.left {  margin-right: 20px; }
.boxy-links ul li a {  float: left;  width: 184px;  height: auto;  padding: 10px;  background: none;  border: 1px solid #CCCCCC;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;  color: #333333;  font-size: 0.85em; }
#wrap .boxy-links ul li a:hover {  background-color: #E6E8EC;  text-decoration: none; }
.boxy-links ul li strong {  display: block;  color: #27356B;  font-size: 1.1em;  font-weight: bold; }
.boxy-links ul li a:hover strong {  text-decoration: underline; }
*/

/*** Boxy Wide Layout ***/
/*
.boxy-links.left.wide {  width: 982px; }
.boxy-links.left.wide ul {  width: 923px;  padding: 0 29px 0 30px; }
.boxy-links.left.wide ul li {  margin: 0 0 1.0em 33px; }
.boxy-links.left.wide ul li.no-margin {  margin: 0 0 1.0em 0; }
*/


/*  Democratic Services
=====================================================================================*/
#rfi {  clear: left;  float: left;  width: 456px;  height: auto;  padding: 0 5px 0 30px;  margin: 1.5em 0 0 0; }
#rfi p {  font-size: 0.85em;  line-height: 1.5em;  margin: 0 0 1em;  padding: 0; }
#rfi ul {  margin: 0 0 1.0em 10px; list-style-position: outside;  list-style-type: disc; }
#rfi li {  margin: 0 0 0 1.5em;  font-size: 0.85em;  line-height: 1.5em; }


/*  District Plan Changes
=====================================================================================*/
#top-links.plan-changes { width: 446px; padding: 10px 15px 0 30px; }
.boxy-links.plan-changes {  width: 439px; padding: 10px 30px 0 22px; }
.boxy-links.plan-changes h2, .boxy-links.plan-changes ul {  padding: 0; }
#proposed-plan-changes {  clear: left;  float: left;  width: 446px;  height: auto;  padding: 0 15px 0 30px;  margin: 0; }
#proposed-designation-amendments {  clear: right;  float: right;  width: 446px;  height: auto;  padding: 0 30px 0 15px;  margin: 0; }
#upper-content table, #lower-content table  {  width: 100%;  margin: 0.75em 0 1.35em 0;  border: 1px solid #AFAFAF;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  font-size: 1.0em;  line-height: 1.5em; }
#upper-content table th, #lower-content table th { background-color: #E6E8EC;  padding: 0.5em 1.0em 0.5em 1.0em;  font-weight: bold;  text-align: left;  vertical-align: top; }
#upper-content table th.center, #lower-content table th.center { text-align: center; }
#upper-content table td, #lower-content table td { padding: 0.5em 1.0em 0.5em 1.0em;  border: 1px solid #ECE6E2;  font-size: 0.85em;  vertical-align: top; }
#upper-content table td a, #lower-content table a {  color: #145183; }


/*  Alert present 
======================================*/

.has-alerts {
  color: red !important;
}

/* Additional Funnelback Styling (facets, contextual navigation) */
#fb-facets h2 {
    margin-top: 0;
}

#fb-facets.last {
    float: right;
}

#fb-facets .category {
    margin-left: 0;
}

#fb-contextual-navigation {
    margin-top: 30px;
}


/*============= Responsive Grid Starts (This is w3 grid)========================*/

.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before{content:"";display:table;clear:both}

.w3-col{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}

@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}


@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}


/*----------------Responsive Grid Finish*------------------------------------------/



/*============= Zooming boxes on hover start========================*/


.zoomin-outer-div{
     height:250px;
  overflow: hidden; 
      margin: 10px;
}
.zoomin-outer-smalldiv {
     height:200px;
  overflow: hidden; 
      margin: 10px;
}
  
.zoomin-inner-div{
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.5s ease;
}

.zoomin-inner-div:hover {transform: scale(1.2);}

.zoomin-title {
  color: #145183;
  font-size: 18px;
  margin: 5px 0px;
  min-height:43px;
  text-align: center;
  }
  
.zoomin-hover-opacity:hover {opacity: 0.60;}
.zoomin-hover-sepia:hover  {filter: sepia(100%);}

.Teasertext{margin: 0px 10px; color: black;}
 .listpadding { padding: 8px;}
 .zoomin-title-noheight {min-height: 0px; !important}
 .listpadding:hover {border-bottom: 0px !important;}
 .zoomin-title-noheight:hover{text-decoration: underline;}
/*============= Zooming boxes on hover finish ========================*/