.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
}

* html .ui-helper-clearfix {
    height: 1%
}

.ui-helper-clearfix {
    display: block
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #aaa;
    background: url(/css/ActewAGL/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
    color: #222
}

    .ui-widget-content a {
        color: #222
    }

.ui-widget-header {
    border: 1px solid #aaa;
    background: url(/css/ActewAGL/images/ui-bg_flat_100_005dab_40x100.png) 50% 50% repeat-x #005dab;
    color: #fff;
    font-weight: 700
}

    .ui-widget-header a {
        color: #fff
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: url(/css/ActewAGL/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;
        font-weight: 400;
        color: #555
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555;
            text-decoration: none
        }

    .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
        border: 1px solid #999;
        background: url(/css/ActewAGL/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
        font-weight: 400;
        color: #212121
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #212121;
            text-decoration: none
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaa;
        background: url(/css/ActewAGL/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
        font-weight: 400;
        color: #212121
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121;
            text-decoration: none
        }

.ui-widget :active {
    outline: 0
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: url(/css/ActewAGL/images/ui-bg_glass_55_fbeef0_1x400.png) 50% 50% repeat-x #fbeef0;
    color: #363636
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: url(/css/ActewAGL/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x #fef1ec;
    color: #cd0a0a
}

    .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
        color: #cd0a0a
    }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/css/ActewAGL/images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(/css/ActewAGL/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/css/ActewAGL/images/ui-icons_ffffff_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(/css/ActewAGL/images/ui-icons_888888_256x240.png)
}

.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(/css/ActewAGL/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/css/ActewAGL/images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/css/ActewAGL/images/ui-icons_cd0a0a_256x240.png)
}

.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-first, .ui-icon-seek-start {
    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
}

.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.ui-widget-overlay {
    background: url(/css/ActewAGL/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: url(/css/ActewAGL/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-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-next span, .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td a, .ui-datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 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;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.sep, .sep2 {
    border-top: 1px solid #5b6c82;
    border-bottom: 1px solid #a7b0bc;
    height: 1px;
    color: #a7b0bc;
    border-right: 1px solid #a7b0bc;
    margin-top: 20px;
    clear: both
}

.sep2 {
    clear: left
}

table.service td a:link, table.service td a:visited, tdtable.service a:active {
    color: #fff
}

img.limage {
    float: left;
    margin-right: 15px
}

img.rimage {
    float: right;
    margin-left: 15px
}

html ol li, html ul li {
    color: #4e5765
}

blockquote {
    margin: 2.5em 2.5em 2.5em 1em;
    padding: 2em;
    border: 1px solid #dcdcdc
}

    blockquote.journey p {
        text-align: right
    }

        blockquote.journey p:first-child {
            text-align: left
        }

.section h2, .section h3 {
    margin-bottom: .5em
}

p + h2, p + h3 {
    margin-top: 1em
}

.section h1 + p {
    font-size: 1.4em;
    line-height: 1.6em
}

.hplp {
    background-image: url(../../images/framework/bg_containerHpLp.png);
    background-repeat: repeat-x
}

.homePageHightlights {
    background-color: #fff;
    background-image: url(../../images/framework/bg_container.png);
    background-repeat: repeat-x;
    padding-bottom: 40px
}

    .homePageHightlights:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

* html .homePageHightlights, :first-child + html .homePageHightlights {
    zoom: 1
}



.landingVersion .quickLinks {
    background-image: url(../../images/framework/bg_bannerQuickLinks.png);
    background-repeat: no-repeat;
    min-height: 180px;
    padding: 15px 25px 0
}

.landingVersion .quickLinksConatiner {
    background-image: url(../../images/framework/bg_bannerQuickLinksBtm.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    position: absolute;
    right: 13px;
    top: 10px;
    z-index: 3;
    width: 216px;
}
/*padding-bottom:13px*/

.landingVersion .quickLinks h2 {
    color: #fff;
    margin-bottom: .5em;
    font-size: 2em
}

.quickLinks ul li {
    border-bottom: 1px solid #0d519b;
    border-top: 1px solid #1379bd;
    padding: .75em 0;
    list-style-type: none;
}

    .quickLinks ul li:first-child {
        border-top: none
    }

    .quickLinks ul li:last-child {
        border-bottom: none
    }

    .quickLinks ul li a {
        color: #fff;
        font-size: 1.2em;
        font-weight: 700;
        text-decoration: none;
        background-image: url(../../images/framework/bg_arrowWhite.png);
        background-position: 0 3px;
        background-repeat: no-repeat;
        padding-left: 20px;
        display: block
    }

        .quickLinks ul li a:hover {
            text-decoration: underline
        }

li.ico_frame {
    background-image: url(../../images/framework/icons/ico_frame.png);
    padding-left: 60px;
    background-position: 0 10px;
    min-height: 45px
}

li.ico_interruptions {
    background-image: url(../../images/framework/icons/ico_interruptions.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_damnLevel {
    background-image: url(../../images/framework/icons/ico_damnLevel.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_webcam {
    background-image: url(../../images/framework/icons/ico_webcam.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_weather {
    background-image: url(../../images/framework/icons/ico_weather.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_restrictions {
    background-image: url(../../images/framework/icons/ico_restrictions.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_rLevel1 {
    background-image: url(../../images/framework/icons/ico_rLevel1.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_rLevel2 {
    background-image: url(../../images/framework/icons/ico_rLevel2.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_rLevel3 {
    background-image: url(../../images/framework/icons/ico_rLevel3.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_rLevel4 {
    background-image: url(../../images/framework/icons/ico_rLevel4.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_wRestict_0 {
    background-image: url(../../images/framework/icons/ico_wRestict_0.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_energy {
    background-image: url(../../images/framework/icons/ico_energy.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_leaf {
    background-image: url(../../images/framework/icons/ico_leaf.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_fault {
    background-image: url(../../images/framework/icons/ico_fault.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_water {
    background-image: url(../../images/framework/icons/ico_water.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

li.ico_gas {
    background-image: url(../../images/framework/icons/ico_gas.png);
    padding-left: 60px;
    background-position: 0 12px;
    min-height: 45px
}

.newsDate {
    display: block;
    font-style: italic
}

.eventList {
    width: 220px;
    border-left: 1px solid #e2e7eb;
    margin-right: 0;
    float: left;
    padding-left: 18px
}

    .eventList:first-child {
        padding-left: 0;
        margin-left: 0;
        border-left: 0
    }

    .eventList ul li {
        background-image: url(../../images/framework/bg_arrowBlue.png);
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 20px;
        list-style-type: none;
        font-size: 1.2em;
        margin-bottom: 0;
        padding-top: .75em;
        padding-bottom: .76em;
        border-top: 1px solid #f0f2f5;
        line-height: 1.3em;
        border-bottom: 1px solid #c0cbd5;
        margin-left: 0
    }

    .eventList li:first-child {
        border-top: 0
    }

    .eventList li:last-child {
        border-bottom: 0
    }

    .eventList li a {
        text-decoration: none;
        color: #005dab;
        font-weight: 700
    }

        .eventList li a:hover {
            text-decoration: underline
        }

    .eventList li span {
        font-size: .9em;
        margin-top: .5em;
        color: #717f92;
        display: block;
        line-height: 1.3em
    }

.right > .eventList {
    margin-left: 20px
}

.news .eventList h2 {
    color: #717f92;
    margin-bottom: .25em
}

.pageContent + .eventList {
    border-left: none
}

    .newsContent + .eventList li, .pageContent + .eventList li {
        list-style-type: none;
        line-height: 1.3em;
        margin-left: 0
    }

.spotsContainer {
    clear: both;
    width: 948px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 30px
}

.spotsPanel {
    float: left;
    background-repeat: no-repeat;
    width: 222px;
    height: 180px;
    padding: 0;
    margin-left: 20px;
    position: relative
}

    .spotsPanel:first-child {
        margin-left: 0
    }

.workPanel a img {
    position: absolute;
    top: 0 left:0
}

.bundlePanel {
    top: -13px
}

.spotsPanel a img {
    position: absolute;
    top: 0 left:0
}

.spotsPanel p {
    font-size: 1.1em
}

p.spotsIntro {
    font-size: 1.4em;
    margin-bottom: .3em;
    font-weight: 700
}

.spotsPanel .panelContent {
    position: absolute;
    top: 96px;
    left: 20px;
    z-index: 1;
    width: 190px
}

.workPanel p.spotsIntro {
    font-size: 1.4em;
    margin-bottom: .5em;
    font-weight: 700;
    color: #00b1ae
}

.bundlePanel p.spotsIntro {
    font-size: 1.4em;
    margin-bottom: .5em;
    font-weight: 700;
    color: #005dab
}

.facebookPanel p.spotsIntro {
    color: #717f92
}

.energyPanel p.spotsIntro {
    color: #f58026
}

.bundlePanel .panelContent {
    top: 109px
}

.feedBackPanel p.spotsIntro, .spotsPanel p, .submitPanel p.spotsIntro {
    color: #717f92
}

.spotsContainer .actionList {
    border-left: none;
    width: 464px;
    overflow: auto;
    padding-right: 0;
    margin-right: 0
}

    .spotsContainer .actionList ul {
        overflow: auto;
        margin-bottom: 0;
        border-top: 1px solid #f0f2f5
    }

        .spotsContainer .actionList ul:first-child {
            border-bottom: 1px solid #c0cbd5;
            border-top: none
        }

    .spotsContainer .actionList li {
        float: right;
        width: 138px;
        border-bottom: none;
        padding-right: 25px
    }

        .spotsContainer .actionList li:first-child {
            float: left
        }

.spotsContainer .eventList {
    width: 214px
}

    .spotsContainer .eventList li {
        float: none
    }

.addCufon {
    color: #717f92
}

.spotsContainer .addCufon {
    margin-left: 20px;
    overflow: hidden;
    position: relative;
    left: 16px;
    margin-bottom: 10px
}

.aside .spotsPanel {
    float: none;
    margin: 20px 0 0
}

.socialMediaPanel {
    width: auto;
    float: right;
    padding-left: 50px
}

    .socialMediaPanel h2 {
        font-size: 1.2em;
        color: #005dab;
        margin-bottom: 1em
    }

.followUsSocially li {
    float: left;
    width: 43px;
    height: 43px;
    margin-left: 5px;
    margin-right: 0 !important
}

    .followUsSocially li:first-child {
        margin-left: 0
    }

    .followUsSocially li a {
        display: block
    }

.imgFrame img {
    border: 1px solid #e2e2e2;
    padding: 7px
}

.imgFrame {
    margin: 0
}

    .imgFrame.left {
        float: left;
        margin-right: 20px
    }

    .imgFrame.right: {
        float: right;
        margin-left: 20px
    }

.itemFrame {
    margin-bottom: 50px
}

.imgCaptionA {
    overflow: auto;
    margin: 5px 0 0;
    clear: both;
    background-image: url(../../images/framework/sidenav/bg_greyUpArrow.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 17px
}

.imgCaptionB {
    overflow: auto;
    margin: 5px 0 0;
    clear: both;
    width: 96%;
    background-image: url(../../images/framework/sidenav/bg_greyUpArrow.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 17px
}

.imgCaptionA p {
    margin: 0;
    font-size: 1.1em;
    line-height: 1.2em
}

.imgCaptionB h3 {
    margin: 0;
    font-size: 1.1em;
    width: 45%;
    float: left
}

.imgCaptionB p {
    margin: 0;
    font-size: 1.1em;
    overflow: hidden;
    line-height: 1.2em;
    float: right;
    width: 52%
}

.twtr-timeline {
    height: 90px !important
}

.newsContent, .pageContent {
    width: 460px;
    float: left
}

    .newsContent h1 + p, .pageContent h1 + p, p.intro {
        font-size: 1.4em;
        line-height: 1.6em
    }

p.intro {
    line-height: 1.6em
}

.newsContent + .eventList {
    float: right;
    width: 220px;
    border-left: none
}

.newsContent h1, .pageContent h1 {
    margin-bottom: .5em
}

    .newsContent h1 + p.date {
        font-style: italic;
        font-size: 1.1em
    }

.newsContent p.date + p {
    font-size: 1.3em;
    line-height: 1.5em
}

.newsContent .itemFrame.left {
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 0
}

.newsHighlightsMain div:first-child {
    border-top: 1px solid #d0d8df;
    border-bottom: 1px solid #d0d8df
}

.newsHighlightsMain div {
    border-top: none;
    border-bottom: 1px solid #d0d8df
}

.newsHighlightsMain .item .itemHightlight {
    border: none;
    float: right;
    width: 680px
}
/*710px 210px*/
.newsHighlightsMain .item {
    overflow: auto;
    padding-top: 20px;
    min-height: 166px
}

.newsHighlightsMain h2 {
    font-size: 1.5em;
    color: #005dab;
    margin-bottom: .8em
}

.newsHighlightsMain .itemFrame {
    width: 226px;
    height: 147px;
    border-bottom: none
}

    .newsHighlightsMain .itemFrame img {
        margin: 6px 0 0 8px;
        border: 1px solid #e2e2e2;
        padding: 7px;
        max-width: 200px;
        max-height: 150px;
    }

.newsHighlightsMain p {
    font-size: 1.3em;
    line-height: 1.5em
}

    .newsHighlightsMain p.date {
        font-style: italic;
        font-size: 1.1em !important
    }

    .newsHighlightsMain p a.readMore {
        font-size: .9em;
        font-weight: 700;
        text-decoration: none;
        background-image: url(../../images/framework/bg_arrowBlue.png);
        background-position: 0 2px;
        background-repeat: no-repeat;
        display: inline;
        padding-left: 18px;
        margin-bottom: 0
    }

.newsHightlightsMinor {
    margin-bottom: 30px
}

    .newsHightlightsMinor .item {
        overflow: auto;
        min-height: 110px;
        padding-top: 20px;
        background-image: url(../../images/framework/bg_newsHightlightsMinor.png);
        background-repeat: no-repeat;
        background-position: 0 100%;
        padding-bottom: 20px
    }

        .newsHightlightsMinor .item .itemHightlight {
            border: none;
            float: right;
            width: 680px
        }
    /*710px 295px*/

    .newsHightlightsMinor .itemFrame {
        width: 200px;
        height: 150px;
        float: left
    }
        /*width:140px;height:92px*/
        .newsHightlightsMinor .itemFrame img {
            margin: 7px 0 0 7px;
            max-width: 200px;
            max-height: 150px;
        }

    .newsHightlightsMinor h2 {
        font-size: 1.3em;
        color: #005dab;
        margin-bottom: .8em
    }

    .newsHightlightsMinor p {
        font-size: 1.2em;
        line-height: 1.4em
    }

        .newsHightlightsMinor p.date {
            font-style: italic;
            font-size: 1.1em !important
        }

        .newsHightlightsMinor p a.readMore {
            font-size: .9em;
            font-weight: 700;
            text-decoration: none;
            background-image: url(../../images/framework/bg_arrowBlueDown.png);
            background-position: 0 5px;
            background-repeat: no-repeat;
            display: block;
            padding-left: 18px;
            margin-bottom: 0;
            overflow: hidden;
            outline: 0
        }

        .newsHightlightsMinor p a.readFull {
            font-size: .9em;
            font-weight: 700;
            text-decoration: none;
            background-image: url(../../images/framework/bg_arrowBlueDown.png);
            background-position: 0 5px;
            background-repeat: no-repeat;
            display: block;
            padding-left: 18px;
            margin-bottom: 0;
            overflow: hidden;
            outline: 0;
            float: right
        }

        .newsHightlightsMinor p a.collapse {
            background-image: url(../../images/framework/bg_arrowGreyUp.png);
            color: #717f92
        }

.itemExpand {
    display: block;
    min-height: 80px
}

.itemFrame {
    border-bottom: none
}

    .itemFrame img {
        padding: 7px;
        border: 1px solid #e2e2e2
    }

div.itemFrame img {
    padding: 7px;
    border: 1px solid #e2e2e2;
    margin-left: 15px;
    max-width: 400px;
    max-height: 300px;
}

.caption {
    max-width: 400px;
    padding-left: 20px;
}

.paging {
    font-size: 1.2em;
    margin-bottom: 16px;
    overflow: auto;
    color: #ced6de
}

    .paging a {
        text-decoration: none;
        font-weight: 700
    }

    .paging .previous {
        background-image: url(../../images/framework/bg_pagingPrevious.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 20px;
        float: left
    }

    .paging .next {
        background-image: url(../../images/framework/bg_pagingNext.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
        float: right
    }

    .paging ul {
        margin: 0;
        padding: 0
    }

        .paging ul li {
            list-style-type: none;
            margin: 0
        }

    .paging .next.disable {
        background-image: url(../../images/framework/bg_pagingNextDisabled.png)
    }

    .paging .previous.disable {
        background-image: url(../../images/framework/bg_pagingPreviousDisabled.png)
    }

.siteMapContainer {
    overflow: auto;
    position: relative
}

.siteMapList {
    width: 175px;
    float: left;
    margin-left: 16px
}

    .siteMapList:first-child {
        margin-left: 0
    }

    .siteMapList ul {
        margin: 0px !important
    }

        .siteMapList ul li {
            list-style-type: none;
            font-size: 11px !important;
        }

            .siteMapList ul li a {
                background-image: url(../../images/framework/bg_arrowBlue.png);
                background-position: 0 2px;
                background-repeat: no-repeat;
                padding-left: 25px;
                margin-bottom: .5em;
                padding-bottom: .5em;
                display: block;
                font-weight: 700;
                text-decoration: none;
                font-size: 1.1em
            }

            .siteMapList ul li ul li a {
                background-image: url(../../images/framework/bg_smallGreyArrow.png);
                background-position: 0 4px;
                background-repeat: no-repeat;
                padding-left: 15px;
                margin-left: 25px;
                font-weight: 400;
                color: #4e5765
            }

            .siteMapList ul li ul li ul li a {
                background-image: url(../../images/framework/bg_smallBlueArrow.png);
                background-position: 0 4px;
                background-repeat: no-repeat;
                padding-left: 15px;
                margin-left: 40px;
                color: #005dab
            }

            .siteMapList ul li ul li ul li ul li a {
                background-image: url(../../images/framework/bg_smallBlueArrow.png);
                background-position: 0 4px;
                background-repeat: no-repeat;
                padding-left: 15px;
                margin-left: 50px;
                margin-bottom: .3em;
                padding-bottom: .3em
            }

    .siteMapList h2 {
        border-bottom: 1px solid #d0d8df;
        margin-bottom: .5em;
        padding-bottom: .5em;
        font-size: 1.4em; /*1.8em;*/
    }

        .siteMapList h2 a {
            color: #005dab;
            text-decoration: none;
            background-image: url(../../images/framework/bg_blueArrowFirst.png);
            background-position: 100% 87%;
            background-repeat: no-repeat;
            padding-right: 20px
        }

.extraList {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden
}

    .extraList ul {
        float: left
    }

    .extraList .siteMapList {
        width: auto
    }

        .extraList .siteMapList ul {
            width: 210px
        }

.callcentre {
    width: 180px;
    background: url(../../images/framework/bg_contactCallcentre.png) no-repeat;
    padding: 15px 20px;
    margin: 30px 0 0
}

.callcentreBtm {
    width: 220px;
    height: 24px;
    background-image: url(../../images/framework/bg_contactCallcentreBtm.png);
    background-repeat: no-reoeat
}

.callcentre h1 {
    margin-bottom: 10px;
    font-size: 2em
}

.callcentre ul li {
    padding: 0;
    background: 0 0;
    border: none;
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 10px;
    color: #717F92;
    position: relative
}

    .callcentre ul li span {
        display: inline;
        font-size: 1.2em;
        float: right;
        margin-top: 0;
        line-height: 1em;
        position: absolute;
        top: 0;
        right: 0
    }

.callcentre p {
    font-size: 1.2em;
    line-height: 1.4em
}

.locations {
    width: 180px;
    background: url(../../images/framework/bg_contactLocation.png) no-repeat;
    padding: 15px 20px
}

.contactLocationBtm {
    background-image: url(../../images/framework/bg_contactLocationBtm.png);
    background-repeat: no-reopeat;
    height: 26px;
    width: 221px
}

.locations h2, .news .locations h2 {
    color: #fff;
    margin-bottom: 2px
}

    .locations h2.address {
        margin-top: 18px
    }

.locations p {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #fff
}

.contactResponse {
    padding: 20px;
    height: 376px
}

    .contactResponse p {
        font-size: 1.2em
    }

.tableBackground {
    width: 680px;
    margin-bottom: 40px;
    margin-top: 40px;
    clear: both;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    padding: 5px
}

    .tableBackground table {
        color: #fff;
        font-size: 1.1em;
        width: 100%;
        margin-bottom: 0;
        background-position: 88% 48%;
        background-repeat: no-repeat
    }

        .tableBackground table tr th {
            border-bottom: 1px solid #fff;
            font-weight: 700;
            padding: 10px 0
        }

        .tableBackground table tr.sub td {
            border-bottom: 1px solid #fff;
            padding: 10px 0
        }

        .tableBackground table tr td {
            padding: 5px 0
        }

    .tableBackground .tableHeading {
        font-size: 1.5em;
        font-weight: 400
    }

.gasTable table.service {
    background-color: #00b1b0;
    background-image: url(/images/framework/gasFeatureBx.gif)
}

.elecTable table.service {
    background-color: #f58026;
    background-image: url(/images/framework/elecFeatureBx.gif)
}

.waterTable table.service {
    background-color: #005dab;
    background-image: url(/images/framework/waterFeatureBx.gif)
}

table.service td.info {
    padding: 10px 210px 10px 20px
}

.featureCanberra {
    width: 322px;
    height: 172px;
    padding: 20px 370px 0 20px;
    background: url(../../images/framework/bg_canberra.png) no-repeat;
    margin-top: 40px
}

    .featureCanberra h2 {
        color: #717f92;
        font-size: 2em
    }

ul.downloads li {
    background: url(../../images/framework/ico_pdf.png) no-repeat;
    padding: 0 0 10px 20px;
    font-size: 1.1em;
    color: #4e5765
}

    ul.downloads li a {
        font-weight: 700
    }

.community li.addCufon {
    font-weight: 100
}

.actionList li .climate {
    overflow: auto
}

    .actionList li .climate ul {
        float: left;
        border: none;
        width: 100px
    }

        .actionList li .climate ul:first-child {
            border: none
        }

    .actionList li .climate li {
        background-image: none;
        padding: 0;
        margin: 0;
        font-size: 1em;
        border: none;
        width: auto;
        float: none;
        clear: left
    }

        .actionList li .climate li strong {
            display: block;
            float: left;
            width: 52px;
            margin-right: 10px
        }

    .actionList li .climate ul.smallTemp {
        width: 70px
    }

        .actionList li .climate ul.smallTemp li strong {
            width: 35px;
            margin-right: 0
        }

.actionList li.ico_weather {
    padding-right: 0;
    width: 170px
}

.mediaSearchBox h2 {
    font-size: 1.6em;
    color: #717f92;
    margin: 0 10px 15px 0
}

.mediaSearchBox {
    width: 222px;
    background-image: url(../../images/framework/searchBox/bg_searchTop.png);
    position: relative;
    margin-top: 20px;
    padding-top: 15px
}

.mediaSearchBoxBtm {
    width: 222px;
    background-image: url(../../images/framework/searchBox/bg_searchBtm.png);
    height: 11px
}

.mediaSearchBox input.searchBoxInput {
    border: 1px solid #d0d0d0;
    width: 100px;
    margin: 5px 10px 0 0;
    float: left;
    color: #717f92;
    font-size: 1.3em;
    padding: 5px
}

.mediaSearchBox #search {
    float: left
}

.innerTop {
    overflow: auto;
    border-bottom: 1px solid #c8d2db;
    width: 180px;
    margin-left: 20px;
    padding-bottom: 12px
}

.innerBtm {
    overflow: auto;
    border-top: 1px solid #f8f9fb;
    width: 180px;
    margin-left: 20px;
    padding-top: 12px
}

.mediaSearchBox label {
    color: #4e5765;
    font-size: 1.1em
}

.mediaSearchBox .checkBox {
    position: relative;
    top: 2px;
    margin-left: 0
}

.fromTo {
    width: 86px;
    float: left;
    margin: 10px 0
}

.innerBtm label + .fromTo {
    margin-right: 8px
}

.fromTo label {
    display: block;
    color: #717f92;
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 5px
}

.fromTo input {
    width: 60px;
    color: #717f92;
    font-size: 1em;
    text-align: center;
    padding: 3px 1px;
    border: 1px solid #d0d0d0
}

.fromTo a {
    outline: 0;
    position: relative;
    top: 1px
}

.ui-datepicker-trigger {
    position: relative;
    top: 3px;
    left: 4px;
    cursor: pointer
}

.imgFltLeft {
    float: left;
    padding: 3px;
    border: 1px solid #e2e2e2;
    margin: 0 10px 10px 0
}

.imgFltRight {
    float: right;
    padding: 3px;
    border: 1px solid #e2e2e2;
    margin: 0 0 10px 10px
}

.xBg {
    background-image: url(../../images/framework/sidenav/bg_onBtm.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

li.on + .xBg {
    background-image: none
}

.twtr-widget-profile img.twtr-profile-img {
    display: none !important
}

html .twtr-widget-profile h3, html .twtr-widget-profile h4 {
    margin-left: 0 !important
}

html .twtr-widget-profile h3 {
    font-size: 15px !important;
    font-weight: 700 !important
}

html .twtr-widget-profile h4 {
    display: none !important
}

#main_0_pnlAlerts {
    width: 940px;
    margin: 0 auto 20px;
    height: 61px
}

    #main_0_pnlAlerts p {
        color: #fff;
        margin-left: 90px;
        line-height: 1.3em;
        padding: 10px 20px;
        font-weight: 700
    }

#main_0_pnlAlerts {
    background-image: url(../../images/framework/alert/bg_alertExclaim.png);
    background-repeat: no-repeat
}

.alert {
    background-image: url(../../images/framework/alert/bg_alert.png);
    background-repeat: no-repeat
}

.alertExclaim {
    background-image: url(../../images/framework/alert/bg_alertExclaim.png);
    background-repeat: no-repeat
}

.viewMapBtn {
    cursor: pointer;
    background-image: url(../../images/framework/btns/btn_viewMap.png);
    display: block;
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-color: pink;
    width: 104px;
    height: 37px;
    margin-bottom: 10px;
    position: relative;
    left: 80px
}

#overlay {
    display: none;
    z-index: 10000;
    background-color: #fff;
    width: auto !important;
    height: auto !important;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    position: relative
}

    #overlay .b-close {
        background-image: url(/images/framework/icons/close.png);
        position: absolute;
        right: -25px;
        top: -25px;
        cursor: pointer;
        text-indent: -9999em;
        display: block;
        height: 35px;
        width: 35px;
        z-index: 9999999
    }

    #overlay h2 {
        font-size: 2.3em;
        text-align: left;
        padding: 10px 0
    }

    #overlay h3 {
        font-weight: 400;
        text-align: left;
        font-size: 1.4em;
        padding: 14px 0 8px
    }

.ie6notice {
    margin: 0 auto
}

.awardLogo {
    float: right;
    margin-left: 20px;
    width: 120px
}

.award {
    overflow: auto;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 1em;
    margin-bottom: 2em
}

.sideTabs {
    overflow: hidden;
    background: url(/css/ActewAGL/images/bg_tabbedNav.gif) repeat-y;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 40px
}

    .sideTabs .tabPanes {
        padding: 22px 0 22px 24px
    }

.section .sideTabs .tabs {
    width: 236px;
    float: right;
    margin: 0;
    clear: right
}

.sideTabs .tabPanes ul {
    margin-bottom: 0
}

.sideTabs .tabs li {
    list-style-type: none;
    margin: 0;
    line-height: 1.4em
}

.sideTabs .tabs a:link, .sideTabs .tabs a:visited {
    display: block;
    min-height: 32px;
    padding-left: 16px;
    width: 220px;
    outline: 0;
    text-decoration: none
}

.sideTabs .tabs a:hover {
    color: #fff
}

.sideTabs .tabs a span:hover {
    background-image: url(/css/ActewAGL/images/tabbedBtnHover.png);
    background-repeat: repeat-x;
    background-color: #0b56ad
}

.sideTabs .tabs a.current span:hover {
    background-image: url(/css/ActewAGL/images/btnGreyRpt.png);
    background-repeat: repeat-x;
    background-color: #636f84
}

.sideTabs .tabs .current {
    background-image: url(/css/ActewAGL/images/btnGrey.png);
    background-repeat: no-repeat;
    background-position: 2px 0;
    color: #fff
}

    .sideTabs .tabs .current span {
        background-image: url(/css/ActewAGL/images/btnGreyRpt.png);
        background-repeat: repeat-x;
        background-color: #636f84
    }

.sideTabs .tabs li a span {
    min-height: 32px;
    display: block;
    padding: 8px 20px
}

.tabs {
    float: right;
    margin-right: 0px;
}

.sideTabs .paneContainer {
    width: 656px
}
/*456px*/

.sideTabs h2.tabTitle {
    font-size: 2em;
    margin-bottom: 1em;
    padding: 20px 0 0
}

.pnlTabTitle {
    float: right;
    width: 1px
}
/*200px*/

.topTabs {
    margin-top: 40px;
    overflow: hidden
}

    .topTabs .tabs {
        margin: 0;
        overflow: hidden;
        position: relative;
        bottom: -1px
    }

        .topTabs .tabs li {
            float: left;
            height: 39px;
            margin: 0;
            padding: 7px 0 0;
            list-style-type: none
        }

            .topTabs .tabs li a {
                display: block;
                width: auto;
                padding: 10px;
                height: 19px;
                background: url(/images/framework/bg_tabs.png) repeat-x;
                color: #fff;
                font-size: 1.2em;
                text-decoration: none;
                font-weight: 700;
                text-align: center;
                border-right: 1px solid #166fb3
            }

                .topTabs .tabs li a:hover {
                    background-position: 0 -84px
                }

                .topTabs .tabs li a.current {
                    background-position: 0 -39px;
                    color: #717f92;
                    outline: 0;
                    margin-top: -7px;
                    padding-top: 16px;
                    border: 1px solid #e2e2e2;
                    border-bottom: none;
                    overflow: hidden
                }

    .topTabs p {
        font-size: 1.2em;
        line-height: 1.4em
    }

    .topTabs .tabPanes {
        clear: both;
        padding: 20px 20px 0;
        border: 1px solid #E2E2E2
    }

    .topTabs.hung {
        width: 66%;
        float: right;
        margin-left: 1em;
        display: inline
    }

#flashContainer {
    width: 950px;
    height: 580px
}

.noFlashBlock {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    margin: 20px auto auto;
    width: 500px
}

#cse .gs-promotion {
    padding: 5px !important
}

.hightlite1 {
    border: 1px solid #CCC;
    margin: 20px 0 20px 1px
}

.reskin.mobile .footer .siteInfo .social a.facebook, .reskin.mobile .footer .siteInfo .social a.twitter, .reskin.mobile .footer .viewDesktop a span.desktop, .reskin.mobile .header .branding, .reskin.mobile .header .mobile-nav {
    background-image: url(/images/reskin/mobile/spritex2.png);
    background-size: 200px 250px;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px
}

.oldie .reskin.mobile .footer .siteInfo .social a.facebook, .oldie .reskin.mobile .footer .siteInfo .social a.twitter, .oldie .reskin.mobile .footer .viewDesktop a span.desktop, .oldie .reskin.mobile .header .branding, .oldie .reskin.mobile .header .mobile-nav, .reskin.mobile .footer .siteInfo .social .oldie a.facebook, .reskin.mobile .footer .siteInfo .social .oldie a.twitter, .reskin.mobile .footer .viewDesktop a .oldie span.desktop, .reskin.mobile .header .oldie .branding, .reskin.mobile .header .oldie .mobile-nav {
    background-image: url(/images/reskin/mobile/sprite.png)
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block
}

    [hidden], audio:not([controls]) {
        display: none
    }

html {
    font-size: 12px;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    padding: 0
}

body {
    background: #fff;
    line-height: 1.6em;
    margin: 0
}

body, button, input, select, textarea {
    font-family: robotoregular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #495666
}

h1 {
    font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 35px;
    line-height: 35px;
    font-weight: 300;
    margin: 10px 0
}

h2 {
    font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 28px;
    line-height: 28px;
    margin: 0;
    font-weight: 300
}

h3 {
    font-family: robotoregular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    margin: 0;
    font-weight: 300
}

h4 {
    font-family: robotoregular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0;
    line-height: 18px
}

h5 {
    font-family: robotoregular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin: 10px 0;
    line-height: 20px
}

a {
    color: #005dac;
    text-decoration: none
}

    a:visited {
        color: #005dac
    }

    a:hover {
        color: #005dac;
        text-decoration: underline
    }

    a:focus {
        outline: dotted thin
    }

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

blockquote {
    margin: 1em 30px
}

dfn {
    font-style: italic
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: 700
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

    q:after, q:before {
        content: "";
        content: none
    }

small {
    font-size: 85%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

ol, ul {
    margin: 1em 1.5em;
    padding: 0;
    font-size: 12px;
    line-height: 1.6em
}

.inner ul, .inner ol {
    font-size: 14px;
}

.paneContainer ul, .paneContainer p {
    font-size: 14px;
}

dd {
    margin: 0 0 0 40px
}

nav ol, nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

.visuallyHidden {
    visibility: hidden
}

.printLogo {
    display: none
}

form {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    cursor: pointer
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    margin: 0;
    vertical-align: baseline
}

button, input {
    line-height: normal
}

    button, input[type=button], input[type=reset], input[type=submit] {
        cursor: pointer;
        -webkit-appearance: button
    }

    /*input[type=checkbox],input[type=radio]{box-sizing:border-box}*/
    input[type=checkbox], input[type=radio] {
        margin-right: 5px;
    }

.reskin .heroPanel .bannerSpot input[type=checkbox] {
    display: none;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

    input:invalid, textarea:invalid {
        background-color: #f0dddd
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

td {
    vertical-align: top
}

.skipLinks {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0
}

@font-face {
    font-family: robotobold;
    src: url(/fonts/roboto/Roboto-Bold-webfont.eot);
    src: url(/fonts/roboto/Roboto-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/roboto/Roboto-Bold-webfont.woff) format("woff"),url(/fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype"),url(/fonts/roboto/Roboto-Bold-webfont.svg#robotobold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotobold_italic;
    src: url(/fonts/roboto/Roboto-BoldItalic-webfont.eot);
    src: url(/fonts/roboto/Roboto-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/roboto/Roboto-BoldItalic-webfont.woff) format("woff"),url(/fonts/roboto/Roboto-BoldItalic-webfont.ttf) format("truetype"),url(/fonts/roboto/Roboto-BoldItalic-webfont.svg#robotobold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotolight;
    src: url(/fonts/roboto/Roboto-Light-webfont.eot);
    src: url(/fonts/roboto/Roboto-Light-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/roboto/Roboto-Light-webfont.woff) format("woff"),url(/fonts/roboto/Roboto-Light-webfont.ttf) format("truetype"),url(/fonts/roboto/Roboto-Light-webfont.svg#robotolight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotolight_italic;
    src: url(/fonts/roboto/Roboto-LightItalic-webfont.eot);
    src: url(/fonts/roboto/Roboto-LightItalic-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/roboto/Roboto-LightItalic-webfont.woff) format("woff"),url(/fonts/roboto/Roboto-LightItalic-webfont.ttf) format("truetype"),url(/fonts/roboto/Roboto-LightItalic-webfont.svg#robotolight_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotoregular;
    src: url(/fonts/roboto/Roboto-Regular-webfont.eot);
    src: url(/fonts/roboto/Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/roboto/Roboto-Regular-webfont.woff) format("woff"),url(/fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype"),url(/fonts/roboto/Roboto-Regular-webfont.svg#robotoregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotothin;
    src: url(/fonts/roboto/Roboto-Thin-webfont.eot);
    src: url(/fonts/roboto/Roboto-Thin-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/roboto/Roboto-Thin-webfont.woff) format("woff"),url(/fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype"),url(/fonts/roboto/Roboto-Thin-webfont.svg#robotothin) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotothin_italic;
    src: url(/fonts/roboto/Roboto-ThinItalic-webfont.eot);
    src: url(/fonts/roboto/Roboto-ThinItalic-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/roboto/Roboto-ThinItalic-webfont.woff) format("woff"),url(/fonts/roboto/Roboto-ThinItalic-webfont.ttf) format("truetype"),url(/fonts/roboto/Roboto-ThinItalic-webfont.svg#robotothin_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: daxbold;
    src: url(/fonts/dax/dax-bold-webfont.eot);
    src: url(/fonts/dax/dax-bold-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/dax/dax-bold-webfont.woff) format("woff"),url(/fonts/dax/dax-bold-webfont.ttf) format("truetype"),url(/fonts/dax/dax-bold-webfont.svg#daxbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: weather;
    src: url(/fonts/weather/artill_clean_icons-webfont.eot);
    src: url(/fonts/weather/artill_clean_icons-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/weather/artill_clean_icons-webfont.woff) format("woff"),url(/fonts/weather/artill_clean_icons-webfont.ttf) format("truetype"),url(/fonts/weather/artill_clean_icons-webfont.svg#weather) format("svg");
    font-weight: 400;
    font-style: normal
}

/*.reskin input{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #E5E5E5;background-color:#fff;padding:10px 15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:0;margin:5px 1px 3px 0;line-height:20px}
.reskin input:hover{box-shadow:0 0 5px #51cbee;padding:10px 15px;margin:5px 1px 3px 0;border:1px solid #51cbee}*/

.reskin .heroPanel .bannerSpot input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    background- color:#fff;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    outline: 0;
    margin: 5px 1px 3px 0;
    line-height: 20px
}

    .reskin .heroPanel .bannerSpot input:hover {
        box-shadow: 0 0 5px #51cbee;
        padding: 10px 15px;
        margin: 5px 1px 3px 0;
        border: 1px solid #51cbee
    }


/*.reskin input[type=checkbox]{display:none}*/

.reskin input[type=checkbox] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(/images/reskin/checkbox.png) no-repeat;
    cursor: pointer
}

.reskin input[type=checkbox]:focus + label span, .reskin input[type=checkbox]:hover + label span {
    background-position: 0 -20px
}

.reskin input[type=checkbox]:checked + label span {
    background-position: 0 -40px
}

.reskin ::-webkit-input-placeholder {
    color: #444444;
    font-size: 16px
}
/*#E5E5E5*/
.reskin :-moz-placeholder {
    color: #444444;
    font-size: 16px
}

.reskin ::-moz-placeholder {
    color: #444444;
    font-size: 16px
}

.reskin :-ms-input-placeholder {
    color: #444444;
    font-size: 16px
}

.reskin .btn {
    border: none;
    text-indent: 0;
    font-weight: 400;
    width: auto;
    display: block;
    padding: 15px 75px 17px 30px;
    margin: 10px 0;
    text-decoration: none;
    text-transform: inherit;
    cursor: pointer;
    font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-background-origin: padding-box;
    -webkit-background-clip: border-box;
    -webkit-background-size: auto auto;
    color: #fff;
    background: -webkit-linear-gradient(-73deg,#0ba0db 0,#00569e 100%);
    background: -moz-linear-gradient(173deg,#0ba0db 0,#00569e 100%);
    background: linear-gradient(173deg,#0ba0db 0,#00569e 100%)
}

    .reskin .btn.aqua {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: auto;
        display: block;
        padding: 15px 75px 17px 30px;
        margin: 10px 0;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        background: -webkit-linear-gradient(-73deg,#059edd 0,#037cd1 100%);
        background: -moz-linear-gradient(173deg,#059edd 0,#037cd1 100%);
        background: linear-gradient(173deg,#059edd 0,#037cd1 100%)
    }

        .reskin .btn.aqua i {
            position: absolute;
            right: -22px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn.aqua i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn.aqua:hover {
            padding: 15px 65px 17px 40px;
            background-color: #059edd
        }

            .reskin .btn.aqua:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -22px
            }

                .reskin .btn.aqua:hover i.coolness {
                    left: 28px
                }

    .reskin .btn.teal {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: auto;
        display: block;
        padding: 15px 75px 17px 30px;
        margin: 10px 0;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        background: -webkit-linear-gradient(-73deg,#00aead 0,#009795 100%);
        background: -moz-linear-gradient(173deg,#00aead 0,#009795 100%);
        background: linear-gradient(173deg,#00aead 0,#009795 100%)
    }

        .reskin .btn.teal i {
            position: absolute;
            right: -22px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn.teal i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn.teal:hover {
            padding: 15px 65px 17px 40px;
            background-color: #00aead
        }

            .reskin .btn.teal:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -22px
            }

                .reskin .btn.teal:hover i.coolness {
                    left: 28px
                }

    .reskin .btn.lime {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: auto;
        display: block;
        padding: 15px 75px 17px 30px;
        margin: 10px 0;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        background: -webkit-linear-gradient(-73deg,#82c039 0,#57ab21 100%);
        background: -moz-linear-gradient(173deg,#82c039 0,#57ab21 100%);
        background: linear-gradient(173deg,#82c039 0,#57ab21 100%)
    }

        .reskin .btn.lime i {
            position: absolute;
            right: -22px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn.lime i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn.lime:hover {
            padding: 15px 65px 17px 40px;
            background-color: #82c039
        }

            .reskin .btn.lime:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -22px
            }

                .reskin .btn.lime:hover i.coolness {
                    left: 28px
                }

    .reskin .btn.orange {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: auto;
        display: block;
        padding: 15px 75px 17px 30px;
        margin: 10px 0;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        background: -webkit-linear-gradient(-73deg,#f5851d 0,#f47318 100%);
        background: -moz-linear-gradient(173deg,#f5851d 0,#f47318 100%);
        background: linear-gradient(173deg,#f5851d 0,#f47318 100%)
    }

        .reskin .btn.orange i {
            position: absolute;
            right: -22px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn.orange i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn.orange:hover {
            padding: 15px 65px 17px 40px;
            background-color: #f5851d
        }

            .reskin .btn.orange:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -22px
            }

                .reskin .btn.orange:hover i.coolness {
                    left: 28px
                }

    .reskin .btn.transparent {
        text-indent: 0;
        font-weight: 400;
        width: auto;
        display: block;
        padding: 15px 75px 17px 30px;
        margin: 10px 0;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        border: 1px solid #fff;
        background: -webkit-linear-gradient(-73deg,transparent 0,transparent 100%);
        background: -moz-linear-gradient(173deg,transparent 0,transparent 100%);
        background: linear-gradient(173deg,transparent 0,transparent 100%)
    }

        .reskin .btn.transparent i {
            position: absolute;
            right: -22px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn.transparent i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn.transparent:hover {
            padding: 15px 65px 17px 40px;
            background: -webkit-linear-gradient(-73deg,transparent 0,transparent 100%);
            background: -moz-linear-gradient(173deg,transparent 0,transparent 100%);
            background: linear-gradient(173deg,transparent 0,transparent 100%)
        }

            .reskin .btn.transparent:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -22px
            }

                .reskin .btn.transparent:hover i.coolness {
                    left: 28px
                }

    .reskin .btn.transparent_borderbottom {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: auto;
        display: block;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #005dac;
        margin: 0;
        background: -webkit-linear-gradient(-73deg,transparent 0,transparent 100%);
        background: -moz-linear-gradient(173deg,transparent 0,transparent 100%);
        background: linear-gradient(173deg,transparent 0,transparent 100%);
        padding: 15px 5px 0 10px;
        height: 35px;
        border-bottom: 1px solid #c6c6c6;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .reskin .btn.transparent_borderbottom i {
            position: absolute;
            right: -22px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn.transparent_borderbottom i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn.transparent_borderbottom:hover {
            color: #fff;
            background: -webkit-linear-gradient(-73deg,#0ba0db 0,#00569e 100%);
            background: -moz-linear-gradient(173deg,#0ba0db 0,#00569e 100%);
            background: linear-gradient(173deg,#0ba0db 0,#00569e 100%)
        }

            .reskin .btn.transparent_borderbottom:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -20px
            }

                .reskin .btn.transparent_borderbottom:hover i.coolness {
                    left: 18px
                }

        .reskin .btn.transparent_borderbottom:hover {
            padding: 15px 5px 0 30px
        }

    .reskin .btn i {
        position: absolute;
        right: -22px;
        top: 16px;
        width: 10px;
        -webkit-transform: translate3d(-40px,2.5em,0);
        transform: translate3d(-40px,0,0);
        -webkit-transition: -webkit-transform .2s;
        transition: transform .3s;
        -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
        transition-timing-function: cubic-bezier(0.75,0,.125,1)
    }

        .reskin .btn i.coolness {
            position: absolute;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1);
            left: -20px
        }

    .reskin .btn:hover {
        padding: 15px 65px 17px 40px;
        background-color: #06a6e0
    }

        .reskin .btn:hover i {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            top: 16px;
            right: -22px
        }

            .reskin .btn:hover i.coolness {
                left: 28px
            }

.reskin .btn-small {
    border: none;
    text-indent: 0;
    font-weight: 400;
    width: 80px;
    display: inline-block;
    margin: 0 10px;
    padding: 15px 15px 17px 10px;
    text-decoration: none;
    text-transform: inherit;
    cursor: pointer;
    font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-background-origin: padding-box;
    -webkit-background-clip: border-box;
    -webkit-background-size: auto auto;
    color: #fff;
    background: -webkit-linear-gradient(-73deg,#0ba0db 0,#00569e 100%);
    background: -moz-linear-gradient(173deg,#0ba0db 0,#00569e 100%);
    background: linear-gradient(173deg,#0ba0db 0,#00569e 100%)
}

    .reskin .btn-small.aqua {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: 80px;
        display: inline-block;
        margin: 0 10px;
        padding: 15px 15px 17px 10px;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        background: -webkit-linear-gradient(-73deg,#059edd 0,#037cd1 100%);
        background: -moz-linear-gradient(173deg,#059edd 0,#037cd1 100%);
        background: linear-gradient(173deg,#059edd 0,#037cd1 100%)
    }

        .reskin .btn-small.aqua i {
            position: absolute;
            right: -30px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn-small.aqua i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn-small.aqua:hover {
            padding: 15px 0 17px 25px;
            background-color: #059edd
        }

            .reskin .btn-small.aqua:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -30px
            }

                .reskin .btn-small.aqua:hover i.coolness {
                    left: 15px
                }

    .reskin .btn-small.teal {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: 80px;
        display: inline-block;
        margin: 0 10px;
        padding: 15px 15px 17px 10px;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        background: -webkit-linear-gradient(-73deg,#00aead 0,#009795 100%);
        background: -moz-linear-gradient(173deg,#00aead 0,#009795 100%);
        background: linear-gradient(173deg,#00aead 0,#009795 100%)
    }

        .reskin .btn-small.teal i {
            position: absolute;
            right: -30px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn-small.teal i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn-small.teal:hover {
            padding: 15px 0 17px 25px;
            background-color: #00aead
        }

            .reskin .btn-small.teal:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -30px
            }

                .reskin .btn-small.teal:hover i.coolness {
                    left: 15px
                }

    .reskin .btn-small.lime {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: 80px;
        display: inline-block;
        margin: 0 10px;
        padding: 15px 15px 17px 10px;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        background: -webkit-linear-gradient(-73deg,#82c039 0,#57ab21 100%);
        background: -moz-linear-gradient(173deg,#82c039 0,#57ab21 100%);
        background: linear-gradient(173deg,#82c039 0,#57ab21 100%)
    }

        .reskin .btn-small.lime i {
            position: absolute;
            right: -30px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn-small.lime i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn-small.lime:hover {
            padding: 15px 0 17px 25px;
            background-color: #82c039
        }

            .reskin .btn-small.lime:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -30px
            }

                .reskin .btn-small.lime:hover i.coolness {
                    left: 15px
                }

    .reskin .btn-small.orange {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: 80px;
        display: inline-block;
        margin: 0 10px;
        padding: 15px 15px 17px 10px;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        background: -webkit-linear-gradient(-73deg,#f5851d 0,#f47318 100%);
        background: -moz-linear-gradient(173deg,#f5851d 0,#f47318 100%);
        background: linear-gradient(173deg,#f5851d 0,#f47318 100%)
    }

        .reskin .btn-small.orange i {
            position: absolute;
            right: -30px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn-small.orange i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn-small.orange:hover {
            padding: 15px 0 17px 25px;
            background-color: #f5851d
        }

            .reskin .btn-small.orange:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -30px
            }

                .reskin .btn-small.orange:hover i.coolness {
                    left: 15px
                }

    .reskin .btn-small.transparent {
        text-indent: 0;
        font-weight: 400;
        width: 80px;
        display: inline-block;
        margin: 0 10px;
        padding: 15px 15px 17px 10px;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #fff;
        border: 1px solid #fff;
        background: -webkit-linear-gradient(-73deg,transparent 0,transparent 100%);
        background: -moz-linear-gradient(173deg,transparent 0,transparent 100%);
        background: linear-gradient(173deg,transparent 0,transparent 100%)
    }

        .reskin .btn-small.transparent i {
            position: absolute;
            right: -30px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn-small.transparent i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn-small.transparent:hover {
            padding: 15px 0 17px 25px;
            background: -webkit-linear-gradient(-73deg,transparent 0,transparent 100%);
            background: -moz-linear-gradient(173deg,transparent 0,transparent 100%);
            background: linear-gradient(173deg,transparent 0,transparent 100%)
        }

            .reskin .btn-small.transparent:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -30px
            }

                .reskin .btn-small.transparent:hover i.coolness {
                    left: 15px
                }

    .reskin .btn-small.transparent_borderbottom {
        border: none;
        text-indent: 0;
        font-weight: 400;
        width: 80px;
        display: inline-block;
        text-decoration: none;
        text-transform: inherit;
        cursor: pointer;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 16px;
        line-height: 16px;
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        overflow: hidden;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-background-origin: padding-box;
        -webkit-background-clip: border-box;
        -webkit-background-size: auto auto;
        color: #005dac;
        margin: 0;
        background: -webkit-linear-gradient(-73deg,transparent 0,transparent 100%);
        background: -moz-linear-gradient(173deg,transparent 0,transparent 100%);
        background: linear-gradient(173deg,transparent 0,transparent 100%);
        padding: 15px 5px 0 10px;
        height: 35px;
        border-bottom: 1px solid #c6c6c6;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .reskin .btn-small.transparent_borderbottom i {
            position: absolute;
            right: -30px;
            top: 16px;
            width: 10px;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1)
        }

            .reskin .btn-small.transparent_borderbottom i.coolness {
                position: absolute;
                -webkit-transform: translate3d(-40px,2.5em,0);
                transform: translate3d(-40px,0,0);
                -webkit-transition: -webkit-transform .2s;
                transition: transform .3s;
                -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
                transition-timing-function: cubic-bezier(0.75,0,.125,1);
                left: -20px
            }

        .reskin .btn-small.transparent_borderbottom:hover {
            color: #fff;
            background: -webkit-linear-gradient(-73deg,#0ba0db 0,#00569e 100%);
            background: -moz-linear-gradient(173deg,#0ba0db 0,#00569e 100%);
            background: linear-gradient(173deg,#0ba0db 0,#00569e 100%)
        }

            .reskin .btn-small.transparent_borderbottom:hover i {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                top: 16px;
                right: -30px
            }

                .reskin .btn-small.transparent_borderbottom:hover i.coolness {
                    left: 15px
                }

        .reskin .btn-small.transparent_borderbottom:hover {
            padding: 15px 5px 0 30px
        }

    .reskin .btn-small i {
        position: absolute;
        right: -30px;
        top: 16px;
        width: 10px;
        -webkit-transform: translate3d(-40px,2.5em,0);
        transform: translate3d(-40px,0,0);
        -webkit-transition: -webkit-transform .2s;
        transition: transform .3s;
        -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
        transition-timing-function: cubic-bezier(0.75,0,.125,1)
    }

        .reskin .btn-small i.coolness {
            position: absolute;
            -webkit-transform: translate3d(-40px,2.5em,0);
            transform: translate3d(-40px,0,0);
            -webkit-transition: -webkit-transform .2s;
            transition: transform .3s;
            -webkit-transition-timing-function: cubic-bezier(0.75,0,.125,1);
            transition-timing-function: cubic-bezier(0.75,0,.125,1);
            left: -20px
        }

    .reskin .btn-small:hover {
        padding: 15px 0 17px 25px;
        background-color: #06a6e0
    }

        .reskin .btn-small:hover i {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            top: 16px;
            right: -30px
        }

            .reskin .btn-small:hover i.coolness {
                left: 15px
            }

.reskin .corset {
    width: 100%;
    margin: 0 auto;
    width: 1200px;
    position: relative
}
    /*max-width:1200px*/
    .reskin .corset:after, .reskin .corset:before {
        content: "";
        display: table
    }

    .reskin .corset:after {
        clear: both
    }

    .reskin .corset.side-menu .mainContent {
        width: 940px;
        margin: 0 auto 20px 20px
    }

.reskin .top-section {
    background-color: #fff
}

.reskin .top-content {
    background-color: #fff;
    padding-bottom: 20px
}

    .reskin .top-content h1 {
        color: #6c7783
    }

    .reskin .top-content p {
        font-size: 18px;
        color: #495666
    }

    .reskin .top-content a {
        text-decoration: underline
    }

        .reskin .top-content a:hover {
            text-decoration: none
        }

.reskin .header {
    height: 135px
}

    .reskin .header .branding {
        width: 200px;
        height: 83px;
        background-image: url(/images/reskin/actewagl_logo.png);
        top: 30px;
        position: relative;
        text-indent: -99999px
    }

.branding a {
    display: block;
    height: 100%;
    outline: 0 none;
    text-indent: -9999em;
    width: 100%;
}


.reskin .header .years {
    background-repeat: no-repeat;
    position: absolute;
    top: 26px;
    left: 250px;
    border-left: 1px solid #c6c6c6;
    width: 110px;
    height: 83px;
    background-image: url(/images/reskin/100_years.png);
    background-position: 30px 0
}

.reskin .header .searchAgl {
    background-image: url(/images/reskin/top-search.png);
    width: 260px;
    height: 60px;
    top: 36px;
    right: 0;
    position: absolute;
    background-repeat: no-repeat
}

    .reskin .header .searchAgl input[type=text] {
        position: absolute;
        top: 10px;
        left: 17px;
        border: none;
        background-color: transparent;
        width: 185px;
        color: #6b6b6b;
        padding: 8px 2px 8px 5px;
        margin: 0;
        border-width: 0
    }

    .reskin .header .searchAgl input[type=image] {
        position: absolute;
        top: 12px;
        right: 15px;
        padding: 0
    }

.reskin .nav-main {
    background-image: url(/images/reskin/bg_mainNav.png);
    background-repeat: no-repeat;
    height: 80px;
    width: 1200px;
    margin: 0 auto 20px;
    background-position: center bottom
}

    .reskin .nav-main ul {
        margin: 0
    }

        .reskin .nav-main ul li {
            float: left;
            list-style-type: none;
            position: relative;
            height: 71px;
            border-top: 1px solid transparent;
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
            margin-top: 4px;
            z-index: 100;
            padding: 5px 12px 0 22px
        }

            .reskin .nav-main ul li.onTab {
                border: 1px solid #c6c6c6;
                margin-top: -3px;
                height: 66px;
                background-color: #fff;
                padding: 12px 27px 0;
                border-bottom: 5px solid #FFF
            }

                .reskin .nav-main ul li.onTab a {
                    padding-top: 20px
                }

                    .reskin .nav-main ul li.onTab a:hover {
                        color: #005dac;
                        border-bottom: 0
                    }

                .reskin .nav-main ul li.onTab i {
                    display: none
                }

                .reskin .nav-main ul li.onTab:first-child {
                    margin-left: 20px
                }

                .reskin .nav-main ul li.onTab:hover {
                    border-bottom: 5px solid #FFF
                }

                    .reskin .nav-main ul li.onTab:hover a {
                        border-bottom: 2px solid #fff;
                        color: #005dac
                    }

                .reskin .nav-main ul li.onTab ul li:hover {
                    border: 1px solid #fff;
                    height: inherit
                }

                    .reskin .nav-main ul li.onTab ul li:hover a {
                        color: #06a6e0;
                        border-bottom: 2px solid #06a6e0
                    }

            .reskin .nav-main ul li i {
                color: #fff
            }

            .reskin .nav-main ul li:hover {
                z-index: 101;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #c6c6c6;
                border-bottom: 0
            }

                .reskin .nav-main ul li:hover ul {
                    top: 73px;
                    left: -1px
                }

                .reskin .nav-main ul li:hover a {
                    border-bottom: 2px solid #06a6e0;
                    color: #06a6e0
                }

                .reskin .nav-main ul li:hover i {
                    color: #06a6e0
                }

            .reskin .nav-main ul li a {
                display: block;
                text-align: center;
                overflow: hidden;
                text-decoration: none;
                font-size: 170%;
                height: 30px;
                padding-top: 15px;
                color: #005dac
            }

                .reskin .nav-main ul li a i {
                    font-size: 24px;
                    font-weight: 100;
                    padding-left: 5px;
                    position: relative;
                    top: 2px
                }

            .reskin .nav-main ul li ul {
                position: absolute;
                top: 49px;
                left: -3000px;
                background-color: #fff;
                border: 1px solid #c6c6c6;
                border-top: 0;
                width: 435px;
                z-index: 99;
                min-height: 240px;
                padding: 0 0 20px 20px
            }

                .reskin .nav-main ul li ul li {
                    padding: 0;
                    height: auto;
                    margin: 0;
                    border-bottom: 2px solid #fff;
                    width: inherit;
                    left: -2px
                }

                    .reskin .nav-main ul li ul li:hover {
                        border: 1px solid #fff;
                        height: inherit
                    }

                        .reskin .nav-main ul li ul li:hover a {
                            border-bottom: 2px solid #06a6e0 !important;
                            color: #06a6e0 !important
                        }

                            .reskin .nav-main ul li ul li:hover a i {
                                display: inline-block;
                                padding-left: 5px;
                                font-size: 20px
                            }

                    .reskin .nav-main ul li ul li a {
                        color: #005dac !important;
                        font-size: 160%;
                        float: left;
                        border-bottom: 0 !important
                    }

                        .reskin .nav-main ul li ul li a i {
                            display: none
                        }

            .reskin .nav-main ul li.home {
                padding-left: 26px;
                margin-left: 15px;
                height: 66px
            }

            .reskin .nav-main ul li.environment:hover ul {
                left: -292px
            }

            .reskin .nav-main ul li.help:hover ul {
                left: -278px
            }

.reskin .breadcrumb {
    background-image: url(/images/reskin/bg_breadcrumb.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 50px;
    width: 1200px;
    margin: -19px auto 20px;
    position: relative;
    top: 0;
    left: 0
}

    .reskin .breadcrumb p {
        padding: 1.5em 0;
        font-size: 1.2em;
        line-height: 1em;
        position: absolute;
        top: -17px
    }

        .reskin .breadcrumb p a {
            background-image: url(/images/reskin/breadcrumb_arrow.png);
            background-repeat: no-repeat;
            background-position: right center;
            display: inline-block;
            padding: 0 2em 0 1em;
            margin-right: 0;
            text-decoration: none;
            font-weight: 700;
            overflow: visible
        }

            .reskin .breadcrumb p a:first-child {
                padding-left: 2em
            }

            .reskin .breadcrumb p a:hover {
                text-decoration: underline
            }

        .reskin .breadcrumb p span {
            display: inline-block;
            padding-left: 1em;
            padding-bottom: 0;
            position: relative;
            top: 0
        }

.reskin .heroPanel {
    margin: 0 auto 20px;
    width: 1200px;
    height: 352px;
    position: relative
}

    .reskin .heroPanel .bannerSpot {
        width: 282px;
        height: 310px;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 3;
        background-color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #E5E5E5
    }

        .reskin .heroPanel .bannerSpot h2 {
            font-size: 2.5em;
            color: #005dac;
            margin: 25px auto 15px;
            font-family: robotobold;
            text-transform: uppercase;
            text-align: center
        }

        .reskin .heroPanel .bannerSpot input[type=text] {
            margin: 20px auto 0;
            text-align: center;
            display: block;
            width: 208px
        }

        .reskin .heroPanel .bannerSpot input[type=checkbox] + label {
            display: block;
            padding: 10px 0 0 22px;
            font-size: 14px
        }

        .reskin .heroPanel .bannerSpot input[type=submit] {
            background-image: url(/images/reskin/view_btn.png);
            border: none;
            width: 240px;
            height: 53px;
            text-indent: -99999px;
            color: #fff;
            background-color: #fff;
            margin: 20px auto 0;
            text-align: center;
            display: block
        }

        .reskin .heroPanel .bannerSpot .checkbox {
            padding-top: 10px
        }
/*20px*/

.reskin .latestnewsContainer {
    background-color: #f1f1f1;
    margin-top: 20px
}

    .reskin .latestnewsContainer .panel {
        width: 100%;
        margin: 0 auto;
        max-width: 1200px;
        min-height: 150px
    }

        .reskin .latestnewsContainer .panel .heading {
            padding: 20px 0;
            width: 300px;
            float: left
        }

            .reskin .latestnewsContainer .panel .heading h3 {
                font-size: 2em;
                line-height: 1.4em;
                margin: 10px 0;
                color: #6c7783
            }

            .reskin .latestnewsContainer .panel .heading a {
                font-size: 130%
            }

        .reskin .latestnewsContainer .panel .content {
            padding: 20px 0;
            width: 820px;
            float: left
        }

            .reskin .latestnewsContainer .panel .content .date {
                color: #6c7783
            }

            .reskin .latestnewsContainer .panel .content .link {
                font-size: 24px;
                line-height: 30px;
                font-family: robotolight
            }

                .reskin .latestnewsContainer .panel .content .link i {
                    font-size: 20px
                }

.reskin .networkUpdatesContainer {
    background: url(/images/reskin/network-updates-bg.jpg) top center no-repeat #07a2e0;
    background-size: 100% 100%;
    display: inline-block;
    width: 100%
}

    .reskin .networkUpdatesContainer .panel {
        width: 100%;
        margin: 0 auto;
        max-width: 1200px;
        min-height: 439px
    }

        .reskin .networkUpdatesContainer .panel .network-updates {
            padding: 65px 0 0;
            float: left;
            position: relative
        }

            .reskin .networkUpdatesContainer .panel .network-updates h3 {
                font-family: robotolight;
                color: #fff;
                font-size: 32px;
                padding-bottom: 40px
            }

            .reskin .networkUpdatesContainer .panel .network-updates .twitter {
                background: url(/images/reskin/twitter.png) top center no-repeat;
                width: 716px;
                height: 199px
            }

                .reskin .networkUpdatesContainer .panel .network-updates .twitter .twitter-timeline {
                    padding: 20px 0 0 20px !important;
                    height: 140px !important
                }

            .reskin .networkUpdatesContainer .panel .network-updates .logo {
                display: block;
                padding: 10px 0 0 33px
            }

        .reskin .networkUpdatesContainer .panel .network-list {
            padding: 112px 0 0 60px;
            float: left;
            position: relative
        }

            .reskin .networkUpdatesContainer .panel .network-list a.btn {
                width: 315px
            }

.reskin .actionPanel {
    background-color: #fff;
    clear: both
}

    .reskin .actionPanel .actionList {
        clear: both;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        overflow: auto;
        padding-bottom: 20px
    }

        .reskin .actionPanel .actionList:after, .reskin .actionPanel .actionList:before {
            content: "";
            display: table
        }

        .reskin .actionPanel .actionList:after {
            clear: both
        }

        .reskin .actionPanel .actionList .panel {
            padding: 40px 0 20px;
            float: left;
            min-width: 300px
        }

            .reskin .actionPanel .actionList .panel h2 {
                color: #6c7783;
                font-family: robotolight
            }

            .reskin .actionPanel .actionList .panel ul {
                list-style: none;
                margin: 20px 0;
                padding: 0
            }

                .reskin .actionPanel .actionList .panel ul li {
                    list-style: none;
                    margin: 0 20px 0 0;
                    padding-left: 0
                }

.reskin .mainContent {
    width: 100%;
    margin: 0 auto 20px;
    float: left;
    position: relative;
    background-color: #fff
}

    .reskin .mainContent:after, .reskin .mainContent:before {
        content: "";
        display: table
    }

    .reskin .mainContent:after {
        clear: both
    }

    .reskin .mainContent .section {
        width: 100%;
        margin-bottom: 20px
    }

        .reskin .mainContent .section:after, .reskin .mainContent .section:before {
            content: "";
            display: table
        }

        .reskin .mainContent .section:after {
            clear: both
        }

        .reskin .mainContent .section .cols {
            width: 100%;
            float: left
        }

            .reskin .mainContent .section .cols .inner {
                margin: 0 40px 0 0
            }

                .reskin .mainContent .section .cols .inner.last, .reskin .mainContent .section.one-cols .cols .inner {
                    margin: 0
                }

        .reskin .mainContent .section.one-cols[class*=bg__] .cols .inner, .reskin .mainContent .section.one-cols[class*=borders__] .cols .inner {
            margin: 15px 20px
        }

        .reskin .mainContent .section.two-cols .cols {
            width: 50%;
            float: left
        }

        .reskin .mainContent .section.two-cols[class*=bg__] .cols .inner, .reskin .mainContent .section.two-cols[class*=borders__] .cols .inner {
            margin: 15px 20px
        }

        .reskin .mainContent .section.three-cols .cols {
            width: 33.33333%;
            float: left
        }

            .reskin .mainContent .section.three-cols .cols .inner {
                margin: 15px 20px 15px 0
            }

                .reskin .mainContent .section.three-cols .cols .inner.last {
                    margin: 15px 0 15px 20px
                }

        .reskin .mainContent .section.three-cols[class*=bg__] .cols .inner, .reskin .mainContent .section.three-cols[class*=borders__] .cols .inner {
            margin: 15px 20px
        }

        .reskin .mainContent .section.four-cols .cols {
            width: 24.9%;
            float: left
        }

            .reskin .mainContent .section.four-cols .cols .inner, .reskin .mainContent .section.four-cols .cols .inner.last {
                margin: 15px 20px 15px 0
            }

        .reskin .mainContent .section.four-cols[class*=bg__] .cols .inner, .reskin .mainContent .section.four-cols[class*=borders__] .cols .inner {
            margin: 15px 20px
        }

        .reskin .mainContent .section h1 {
            font-family: robotolight;
            color: #6c7783;
            font-size: 40px;
            line-height: 40px;
            font-weight: 300;
            padding-bottom: 20px;
            margin: 0
        }

        .reskin .mainContent .section h2 {
            font-family: robotolight;
            color: #6c7783;
            font-size: 24px;
            line-height: 35px;
            font-weight: 300;
            padding-bottom: 10px
        }
        /*font-size:35px;padding-bottom:20px*/
        .reskin .mainContent .section h3 {
            font-family: robotolight;
            color: #6c7783;
            font-size: 19px;
            line-height: 40px;
            font-weight: 300
        }
        /*font-size:32px;*/
        .reskin .mainContent .section h4 {
            font-family: robotolight;
            color: #6c7783;
            font-size: 16px;
            line-height: 35px;
            font-weight: 300
        }
        /*font-size:30px;*/
        .reskin .mainContent .section h5 {
            font-size: 13px;
            line-height: 25px;
            font-weight: 700;
            padding-bottom: 10px
        }
        /*font-size:25px;*/
        .reskin .mainContent .section p {
            font-size: 16px;
            line-height: 25px
        }

        .reskin .mainContent .section .inner h3 {
            font-family: robotolight;
            color: #6c7783;
            font-size: 32px;
            line-height: 40px;
            font-weight: 300
        }

        .reskin .mainContent .section .inner h4 {
            font-family: robotolight;
            color: #6c7783;
            font-size: 30px;
            line-height: 35px;
            font-weight: 300
        }

        .reskin .mainContent .section .inner h5 {
            font-family: robotolight;
            color: #6c7783;
            font-size: 24px;
            line-height: 40px;
            font-weight: 300;
        }

        .reskin .mainContent .section img {
            margin-bottom: 10px
        }

        .reskin .mainContent .section a {
            text-decoration: underline
        }

            .reskin .mainContent .section a:hover {
                text-decoration: none;
                color: #06a6e0
            }

            .reskin .mainContent .section a.btn, .reskin .mainContent .section a.btn-small {
                text-decoration: none
            }

                .reskin .mainContent .section a.btn-small:hover, .reskin .mainContent .section a.btn:hover {
                    color: #fff
                }

        .reskin .mainContent .section.accordion {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            margin-bottom: 30px
        }

            .reskin .mainContent .section.accordion h2 {
                position: relative;
                overflow: hidden;
                border-bottom: 1px solid #E5E5E5;
                -webkit-box-shadow: 0 10px 16px -8px #E5E5E5;
                -moz-box-shadow: 0 10px 16px -8px #E5E5E5;
                box-shadow: 0 10px 16px -8px #E5E5E5;
                margin-bottom: 40px;
                cursor: pointer;
                padding-bottom: 20px;
                font-size: 20px;
                color: #005dac
            }
    /*font-size:32px*/

    .reskin .mainContent p {
        font-size: 16px;
        line-height: 25px;
    }

    .reskin .mainContent .section.accordion h2:before {
        content: "";
        position: absolute;
        width: 21px;
        height: 20px;
        top: 10px;
        right: 0;
        z-index: -1;
        background-image: url(/images/reskin/icon-cross.png);
        background-repeat: no-repeat
    }

    .reskin .mainContent .section.accordion.hidden__elem h2 {
        cursor: pointer;
        color: #005dac;
        -webkit-box-shadow: 0 0 #fff;
        -moz-box-shadow: 0 0 #fff;
        box-shadow: 0 0 #fff;
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 5px
    }

        .reskin .mainContent .section.accordion.hidden__elem h2:before {
            background-image: url(/images/reskin/icon-plus.png);
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            -moz-perspective: 1000;
            -ms-perspective: 1000;
            perspective: 1000;
            -webkit-transition-duration: 1s;
            -moz-transition-duration: 1s;
            -o-transition-duration: 1s;
            transition-duration: 1s;
            -webkit-transition-property: -webkit-transform;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            transition-property: transform;
            transform: rotate(45deg)
        }

    .reskin .mainContent .section.accordion.hidden__elem div.content {
        display: none
    }

    .reskin .mainContent .section.accordion.hidden__elem:hover {
        box-shadow: 0 15px 30px -18px #06a6e0 !important;
        border: 1px solid #06a6e0 !important
    }

        .reskin .mainContent .section.accordion.hidden__elem:hover h2 {
            color: #06a6e0
        }

    .reskin .mainContent .section.accordion.visible__elem h2 {
        border-bottom: 1px solid #E5E5E5;
        -webkit-box-shadow: 0 10px 16px -8px #E5E5E5;
        -moz-box-shadow: 0 10px 16px -8px #E5E5E5;
        box-shadow: 0 10px 16px -8px #E5E5E5;
        margin-bottom: 40px;
        cursor: pointer;
        padding-bottom: 20px;
        color: #495666
    }

        .reskin .mainContent .section.accordion.visible__elem h2:before {
            background-image: url(/images/reskin/icon-cross.png);
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            -moz-perspective: 1000;
            -ms-perspective: 1000;
            perspective: 1000;
            -webkit-transition-duration: 1s;
            -moz-transition-duration: 1s;
            -o-transition-duration: 1s;
            transition-duration: 1s;
            -webkit-transition-property: -webkit-transform;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            transition-property: transform;
            transform: rotate(-90deg)
        }

    .reskin .mainContent .section.accordion.visible__elem div.content {
        display: block
    }

.reskin .spotlights .mainContent .section .cols {
    min-height: 160px
}

    .reskin .spotlights .mainContent .section .cols:nth-child(4) {
        border-right: 0 !important
    }

.reskin .aside {
    float: left;
    width: 240px
}

    .reskin .aside ul {
        list-style: none;
        padding: 0;
        margin: 0;
        font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif
    }

        .reskin .aside ul li {
            list-style: none;
            font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif
        }

        .reskin .aside ul .levelTwo {
            background-color: transparent;
            border-left: 1px solid #e3e8ee;
            padding: 0;
            margin: 0
        }

    .reskin .aside .sideNav {
        background-image: url(../../images/framework/sidenav/bg_navBottom.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 220px;
        padding-bottom: 7px;
        margin-bottom: 20px;
    }

        .reskin .aside .sideNav span {
            display: block
        }

.reskin .levelOne > li {
    background-color: #fff
}

    .reskin .levelOne > li a:link, .reskin .levelOne > li a:visited {
        text-decoration: none;
        font-size: 1.2em;
        display: block;
        font-weight: 700;
        padding: 1em 0 1em 2em;
        border: 1px solid #e3e8ee;
        border-bottom: none;
        background-color: #f9fafb
    }

    .reskin .levelOne > li a:hover {
        background: -webkit-linear-gradient(-73deg,#0ba0db 0,#00569e 100%);
        background: -moz-linear-gradient(173deg,#0ba0db 0,#00569e 100%);
        background: linear-gradient(173deg,#0ba0db 0,#00569e 100%)
    }

        .reskin .levelOne > li a:hover span {
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            background-repeat: no-repeat;
            background-position: 93% 50%
        }

    .reskin .levelOne > li a span {
        background-image: url(../../images/framework/sidenav/bg_blueArrow.png);
        background-repeat: no-repeat;
        background-position: 93% 50%;
        padding-right: 35px
    }

    .reskin .levelOne > li:hover a {
        color: #fff;
        border: 1px solid #1384d4;
        border-bottom: none
    }

    .reskin .levelOne > li:first-child {
        background-color: transparent;
        border: none;
        border-bottom: none;
        background-image: url(../../images/framework/sidenav/bg_navFirstChild.png);
        padding-top: 2px
    }

        .reskin .levelOne > li:first-child:hover {
            background-image: url(../../images/framework/sidenav/bg_navFirstChildHover.png)
        }

        .reskin .levelOne > li:first-child a:link, .reskin .levelOne > li:first-child a:visited {
            color: #005dac;
            font-weight: 400;
            font-size: 1.8em;
            border: none;
            padding: .5em .5em .7em 1em;
            margin: 0 2px;
            background-image: url(../../images/framework/sidenav/bg_blueArrowFirst.png);
            background-repeat: no-repeat;
            background-position: 95% 55%
        }

        .reskin .levelOne > li:first-child a:hover {
            color: #fff;
            background-color: transparent;
            background-image: url(../../images/framework/sidenav/bg_whiteArrow.png)
        }

        .reskin .levelOne > li:first-child a span {
            background-image: none
        }

    .reskin .levelOne > li.on {
        background-image: none;
        background-repeat: no-repeat;
        background-color: transparent
    }

        .reskin .levelOne > li.on > a:link, .reskin .levelOne > li.on > a:visited {
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            color: #fff;
            font-size: 1.2em;
            font-weight: 700;
            margin-left: 0;
            padding: .5em;
            position: relative;
            left: 0;
            width: 220px;
            top: 1px;
            border: 1px solid #e3e8ee
        }

        .reskin .levelOne > li.on > a:hover {
            background-image: none;
            background-color: transparent
        }

        .reskin .levelOne > li.on > a span {
            background-color: #717f92;
            display: block;
            padding: .5em 1em .5em 1.5em;
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            background-position: 96% 50%;
            background-repeat: no-repeat
        }

    .reskin .levelOne > li > a.parent:link, .reskin .levelOne > li > a.parent:visited {
        color: #005dab;
        background-color: transparent;
        background-image: none;
        border: 1px solid #e3e8ee;
        border-bottom: none
    }

    .reskin .levelOne > li > a.parent:hover {
        background-color: transaprent
    }

    .reskin .levelOne > li > a.parent span {
        background-image: url(../../images/framework/sidenav/bg_greyDownArrow.png);
        background-repeat: no-repeat
    }

.reskin .levelTwo {
    background-color: transparent;
    border-left: 1px solid #e3e8ee
}

    .reskin .levelTwo > li a:link, .reskin .levelTwo > li a:visited {
        color: #4e5765;
        text-decoration: none;
        font-size: 1.1em;
        display: block;
        font-weight: 700;
        padding: .5em 1em .5em 1.5em;
        border: none;
        border-right: 1px solid #e3e8ee;
        background-color: transparent;
        margin-left: 20px
    }

    .reskin .levelTwo > li a:hover {
        color: #fff;
        background-color: #0a5ebe
    }

        .reskin .levelTwo > li a span, .reskin .levelTwo > li a:hover span {
            background-image: none;
            background-position: 99% 50%;
            padding-right: 15px
        }

    .reskin .levelTwo > li.on {
        background-image: none;
        background-repeat: no-repeat;
        background-color: transparent
    }

        .reskin .levelTwo > li.on > a:link, .reskin .levelTwo > li.on > a:visited {
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            color: #fff;
            font-size: 1.1em;
            font-weight: 700;
            margin-left: 20px;
            padding: .5em;
            left: 0;
            width: 200px;
            top: 1px;
            border: 1px solid #e3e8ee
        }

        .reskin .levelTwo > li.on > a:hover {
            background-image: none;
            background-color: transparent
        }

        .reskin .levelTwo > li.on > a span {
            background-color: #717f92;
            display: block;
            padding: .5em 1em .5em 1.5em;
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            background-position: 96% 50%;
            background-repeat: no-repeat
        }

.reskin .levelThree {
    background-color: transparent
}

    .reskin .levelThree > li a:link, .reskin .levelThree > li a:visited {
        color: #717f92;
        text-decoration: none;
        font-size: 1.1em;
        display: block;
        font-weight: 400;
        padding: .5em 1em .5em 1.5em;
        border: none;
        border-right: 1px solid #e3e8ee;
        background-color: transparent;
        margin-left: 40px
    }

    .reskin .levelThree > li a:hover {
        color: #fff
    }

        .reskin .levelThree > li a span, .reskin .levelThree > li a:hover span {
            background-position: 99% 50%
        }

    .reskin .levelThree > li.on a span {
        background-position: 96% 50%
    }

    .reskin .levelThree > li.on {
        background-image: none;
        background-repeat: no-repeat;
        background-color: transparent
    }

        .reskin .levelThree > li.on > a:link, .reskin .levelThree > li.on > a:visited {
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            color: #fff;
            font-size: 1.1em;
            font-weight: 700;
            margin-left: 33px;
            padding: .5em;
            left: 0;
            width: 187px;
            border: 1px solid #e3e8ee
        }

        .reskin .levelThree > li.on > a:hover {
            background-image: none;
            background-color: transparent
        }

        .reskin .levelThree > li.on > a span {
            background-color: #717f92;
            display: block;
            padding: .5em 1em .5em 1.5em;
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            background-position: 96% 50%;
            background-repeat: no-repeat
        }

.reskin .levelFour {
    background-color: transparent
}

    .reskin .levelFour > li a:link, .reskin .levelFour > li a:visited {
        color: #717f92;
        text-decoration: none;
        font-size: 1em;
        display: block;
        font-weight: 400;
        padding: .5em 1em .5em 1.5em;
        border: none;
        border-right: 1px solid #e3e8ee;
        background-color: transparent;
        margin-left: 60px
    }

    .reskin .levelFour > li a:hover {
        color: #fff
    }

    .reskin .levelFour > li a span, .reskin .levelFour > li.on a span, .reskin .levelThree > li a:hover span {
        background-position: 96% 50%
    }

    .reskin .levelFour > li.on {
        background-image: none;
        background-repeat: no-repeat;
        background-color: transparent
    }

        .reskin .levelFour > li.on > a:link, .reskin .levelFour > li.on > a:visited {
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            color: #fff;
            font-size: 1em;
            font-weight: 700;
            margin-left: 54px;
            padding: .5em;
            left: 0;
            width: 165px;
            border: 1px solid #e3e8ee
        }

        .reskin .levelFour > li.on > a:hover {
            background-image: none;
            background-color: transparent
        }

        .reskin .levelFour > li.on > a span {
            background-color: #717f92;
            display: block;
            padding: .5em 2em .5em 1.5em;
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            background-position: 96% 50%;
            background-repeat: no-repeat
        }

.reskin .levelFive {
    background-color: transparent
}

    .reskin .levelFive > li a:link, .reskin .levelFive > li a:visited {
        color: #717f92;
        text-decoration: none;
        font-size: 1em;
        display: block;
        font-weight: 400;
        padding: .5em 1em .5em 1.5em;
        border: none;
        border-right: 1px solid #e3e8ee;
        background-color: transparent;
        margin-left: 70px
    }

    .reskin .levelFive > li a:hover {
        color: #fff
    }

    .reskin .levelFive > li a span, .reskin .levelFive > li.on a span, .reskin .levelFour > li a:hover span {
        background-position: 96% 50%
    }

    .reskin .levelFive > li.on {
        background-image: none;
        background-repeat: no-repeat;
        background-color: red
    }

        .reskin .levelFive > li.on > a:link, .reskin .levelFive > li.on > a:visited {
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            color: #fff;
            font-size: 1em;
            font-weight: 700;
            margin-left: 64px;
            padding: .5em;
            left: 0;
            width: 155px;
            border: 1px solid #e3e8ee
        }

        .reskin .levelFive > li.on > a:hover {
            background-image: none;
            background-color: transparent
        }

        .reskin .levelFive > li.on > a span {
            background-color: #717f92;
            display: block;
            padding: .5em 2.5em .5em 1.5em;
            background-image: url(../../images/framework/sidenav/bg_onArrow.png);
            background-position: 96% 50%;
            background-repeat: no-repeat
        }

.reskin.mobile .corset {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    max-width: inherit;
    overflow: hidden
}

.reskin.mobile a.btn {
    padding: 15px 65px 17px 30px
}

    .reskin.mobile a.btn:hover {
        padding: 15px 55px 17px 40px
    }

    .reskin.mobile a.btn.transparent_borderbottom {
        padding: 15px 65px 15px 30px
    }

        .reskin.mobile a.btn.transparent_borderbottom:hover {
            padding: 15px 55px 15px 40px
        }

.reskin.mobile .breadcrumb {
    width: 100%;
    border-top: 1px solid #E5E5E5
}

    .reskin.mobile .breadcrumb .rcrumbs > ul {
        padding: 0;
        margin: 17px 0;
        list-style: none
    }

        .reskin.mobile .breadcrumb .rcrumbs > ul > li {
            overflow: hidden;
            display: none;
            width: auto !important
        }

            .reskin.mobile .breadcrumb .rcrumbs > ul > li:first-child {
                display: inline-block !important
            }

                .reskin.mobile .breadcrumb .rcrumbs > ul > li:first-child a {
                    padding-left: 15px
                }

            .reskin.mobile .breadcrumb .rcrumbs > ul > li.show {
                display: inline-block
            }

            .reskin.mobile .breadcrumb .rcrumbs > ul > li.ellipsis {
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                overflow: hidden
            }

    .reskin.mobile .breadcrumb ul {
        padding: 1.5em 0;
        font-size: 1.2em;
        line-height: 1em
    }

        .reskin.mobile .breadcrumb ul a {
            background-image: url(/images/reskin/breadcrumb_arrow.png);
            background-repeat: no-repeat;
            background-position: right center;
            display: inline-block;
            padding: 0 2em 0 1em;
            margin-right: 0;
            text-decoration: none;
            font-weight: 700;
            overflow: visible
        }

            .reskin.mobile .breadcrumb ul a:hover {
                text-decoration: underline
            }

        .reskin.mobile .breadcrumb ul span {
            display: inline-block;
            padding-left: 1em;
            padding-bottom: 0;
            position: relative;
            top: 0;
            height: 15px
        }

.reskin.mobile .heroPanel {
    margin: 0 auto 10px;
    height: auto;
    width: 130%
}

    .reskin.mobile .heroPanel img {
        width: 100%
    }

.reskin.mobile .header {
    height: 95px
}

    .reskin.mobile .header .branding {
        width: 175px;
        height: 42px;
        top: 20px;
        left: 10px;
        position: relative;
        text-indent: -99999px
    }

    .reskin.mobile .header .mobile-nav {
        position: absolute;
        right: 10px;
        top: 25px;
        width: 45px;
        height: 32px;
        background-position: 0 -46px
    }

.reskin.mobile .mainContent {
    margin: 0 auto 10px
}

    .reskin.mobile .mainContent .section h2 {
        font-size: 30px;
        line-height: 30px;
        padding: 20px 0 0
    }

    .reskin.mobile .mainContent .section h3 {
        font-size: 26px;
        line-height: 26px
    }

    .reskin.mobile .mainContent .section h4 {
        font-size: 23px;
        line-height: 23px
    }

    .reskin.mobile .mainContent .section h5 {
        font-size: 18px;
        line-height: 18px
    }

    .reskin.mobile .mainContent .section .inner {
        margin: 0 20px
    }

        .reskin.mobile .mainContent .section .inner img {
            width: 100%
        }

    .reskin.mobile .mainContent .section.one-cols .cols .inner {
        margin: 10px 20px
    }

.reskin.mobile .spotlights .mainContent .inner {
    margin: 0 10px
}

.reskin.mobile .mm-menu .mm-listview > li > a.mm-next:before, .reskin.mobile .mm-menu .mm-listview > li > a.mm-prev:after {
    border: none
}

.reskin.mobile .footer hr {
    margin: 1em auto;
    width: 90%
}

.reskin.mobile .footer .viewDesktop {
    font-size: 20px;
    padding: 30px 0 20px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

    .reskin.mobile .footer .viewDesktop a {
        margin: 0 auto
    }

        .reskin.mobile .footer .viewDesktop a span.desktop {
            background-position: 0 -105px;
            width: 32px;
            height: 22px;
            display: inline-block;
            position: relative;
            top: 3px
        }

        .reskin.mobile .footer .viewDesktop a .fa {
            padding-left: 10px
        }

.reskin.mobile .footer .siteInfo {
    max-width: inherit;
    padding-top: 0
}

    .reskin.mobile .footer .siteInfo .social {
        font-size: 16px
    }

    .reskin.mobile .footer .siteInfo .copyright, .reskin.mobile .footer .siteInfo .social {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

        .reskin.mobile .footer .siteInfo .social a.facebook {
            text-indent: 0;
            display: inline-block;
            background-position: -45px -105px;
            margin-left: 0;
            width: auto;
            padding-left: 45px;
            line-height: 40px;
            height: 45px
        }

        .reskin.mobile .footer .siteInfo .social a.twitter {
            text-indent: 0;
            display: inline-block;
            background-position: -45px -155px;
            margin-left: 20px;
            width: auto;
            padding-left: 45px;
            line-height: 40px;
            height: 45px
        }

.reskin.mobile .home-CTA {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    opacity: .9;
    filter: alpha(opacity=90)
}

    .reskin.mobile .home-CTA .inner {
        padding: 20px
    }

        .reskin.mobile .home-CTA .inner a {
            font-size: 20px;
            color: #005dac
        }

        .reskin.mobile .home-CTA .inner.left {
            width: 35%;
            border-right: 2px solid #E5E5E5 !important;
            padding: 20px 0 20px 20px;
            text-align: center;
            position: relative;
            left: -10px
        }

        .reskin.mobile .home-CTA .inner.right {
            padding: 20px 20px 20px 0
        }

.reskin.mobile .home .footer {
    padding-bottom: 65px
}

.footer {
    background-color: #f1f1f1;
    padding-bottom: 10px;
    border-top: 1px solid #c6c6c6
}

    .footer .footerLinks {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto
    }

        .footer .footerLinks:after, .footer .footerLinks:before {
            content: "";
            display: table
        }

        .footer .footerLinks:after {
            clear: both
        }

        .footer .footerLinks .panel {
            padding: 40px 0 20px;
            float: left;
            width: 200px;
            text-align: left
        }

            .footer .footerLinks .panel a {
                font-family: robotoregular;
                font-size: 17px;
                color: #495666
            }

            .footer .footerLinks .panel:nth-child(1) {
                width: 250px
            }

            .footer .footerLinks .panel:nth-child(2) {
                width: 180px
            }

            .footer .footerLinks .panel:nth-child(3) {
                width: 230px
            }

            .footer .footerLinks .panel:nth-child(4) {
                width: 260px
            }

            .footer .footerLinks .panel:nth-child(5) {
                width: 180px
            }

            .footer .footerLinks .panel:nth-child(6) {
                width: 100px;
                text-align: right
            }

    .footer .siteInfo {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 20px
    }

        .footer .siteInfo:after, .footer .siteInfo:before {
            content: "";
            display: table
        }

        .footer .siteInfo:after {
            clear: both
        }

        .footer .siteInfo .social {
            float: left;
            line-height: 32px;
            font-size: 15px;
            font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif
        }

            .footer .siteInfo .social a {
                width: 35px;
                height: 33px;
                display: inline-block;
                text-indent: -99999px;
                background-image: url(/images/reskin/social.png);
                -webkit-transition: 300ms ease-in-out all;
                -moz-transition: 300ms ease-in-out all;
                -ms-transition: 300ms ease-in-out all;
                -o-transition: 300ms ease-in-out all;
                transition: 300ms ease-in-out all
            }

                .footer .siteInfo .social a.facebook {
                    margin-left: 15px;
                    background-position: 0 0;
                    background-repeat: no-repeat
                }

                    .footer .siteInfo .social a.facebook:hover {
                        background-position: 0 -34px
                    }

                .footer .siteInfo .social a.twitter {
                    background-position: -39px 0;
                    background-repeat: no-repeat
                }

                    .footer .siteInfo .social a.twitter:hover {
                        background-position: -39px -34px
                    }

                .footer .siteInfo .social a.youtube {
                    background-position: -78px 0;
                    background-repeat: no-repeat
                }

                    .footer .siteInfo .social a.youtube:hover {
                        background-position: -78px -34px
                    }

        .footer .siteInfo .copyright {
            float: right;
            text-align: right;
            font-size: 15px;
            font-family: robotolight,Arial,"Helvetica Neue",Helvetica,sans-serif
        }

#sliderWrap {
    position: absolute;
    width: 1200px;
    height: 352px;
    overflow: hidden;
    left: 0;
    top: 0;
    display: inline-block
}

#slider {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

    #slider li {
        display: block;
        width: 1200px;
        height: 352px;
        float: left;
        background-color: transparent;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0
    }

#paging {
    position: absolute;
    left: 15px;
    bottom: 15px;
    list-style: none;
    z-index: 200
}

    #paging li {
        width: 14px;
        height: 13px;
        background-image: url(/images/reskin/sliderNav.png);
        background-repeat: no-repeat;
        text-indent: -9000em;
        margin-right: 3px;
        float: left;
        cursor: pointer
    }

        #paging li.active, #paging li:hover {
            background-image: url(/images/reskin/sliderNavActive.png);
            background-repeat: no-repeat
        }



.landingVersion #sliderWrap {
    height: 259px
}

    .landingVersion #sliderWrap #paging {
        position: absolute;
        left: 15px;
        bottom: 35px
    }

#newsTicker {
    height: 1%;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 20px;
    border-left: 1px solid #c6c6c6
}

    #newsTicker .viewport {
        height: 125px;
        overflow: hidden;
        position: relative
    }

    #newsTicker .disable {
        visibility: hidden
    }

    #newsTicker .overview {
        list-style: none;
        position: absolute;
        padding: 0;
        margin: 0;
        width: 780px;
        left: 0;
        top: 0
    }

        #newsTicker .overview li {
            float: left;
            margin: 0 20px 0 0;
            padding: 1px;
            height: 121px;
            width: 780px
        }

#weather {
    width: 380px;
    position: absolute;
    right: 430px;
    top: 25px;
    font-family: robotolight
}

    #weather .loading {
        margin: 15px 0 2px 150px
    }

    #weather span {
        margin: 0;
        color: #7e8892;
        font-family: weather;
        font-size: 60px;
        font-weight: 400;
        line-height: 20px;
        position: relative;
        top: 10px
    }

    #weather .currently {
        font-size: 23px;
        line-height: 20px;
        color: #495666;
        width: 120px;
        text-align: left;
        font-family: robotolight;
        padding-right: 5px
    }

    #weather h2 {
        font-family: robotothin;
        font-size: 50px;
        color: #495666;
        margin: 0;
        padding: 28px 15px 0 0
    }

    #weather .icons {
        border-left: 1px solid #c6c6c6;
        padding-left: 15px;
        text-align: center;
        font-family: robotoregular;
        height: 60px;
        position: relative;
        top: 12px
    }

        #weather .icons p.text {
            font-weight: 700;
            color: #7e8892;
            width: 110px;
            text-align: center
        }

    #weather span.icon-0:before {
        content: ":"
    }

    #weather span.icon-1:before {
        content: "p"
    }

    #weather span.icon-2:before {
        content: "S"
    }

    #weather span.icon-3:before {
        content: "Q"
    }

    #weather span.icon-4:before {
        content: "S"
    }

    #weather span.icon-5:before, #weather span.icon-6:before, #weather span.icon-7:before, #weather span.icon-8:before {
        content: "W"
    }

    #weather span.icon-9:before {
        content: "I"
    }

    #weather span.icon-10:before {
        content: "W"
    }

    #weather span.icon-11:before, #weather span.icon-12:before, #weather span.icon-13:before, #weather span.icon-14:before {
        content: "I"
    }

    #weather span.icon-15:before {
        content: "W"
    }

    #weather span.icon-16:before {
        content: "I"
    }

    #weather span.icon-17:before {
        content: "W"
    }

    #weather span.icon-18:before {
        content: "U"
    }

    #weather span.icon-19:before, #weather span.icon-20:before, #weather span.icon-21:before, #weather span.icon-22:before, #weather span.icon-23:before {
        content: "Z"
    }

    #weather span.icon-24:before, #weather span.icon-25:before {
        content: "E"
    }

    #weather span.icon-26:before {
        content: "3"
    }

    #weather span.icon-27:before {
        content: "a"
    }

    #weather span.icon-28:before {
        content: "A"
    }

    #weather span.icon-29:before {
        content: "a"
    }

    #weather span.icon-30:before {
        content: "A"
    }

    #weather span.icon-31:before {
        content: "6"
    }

    #weather span.icon-32:before {
        content: "1"
    }

    #weather span.icon-33:before {
        content: "6"
    }

    #weather span.icon-34:before {
        content: "1"
    }

    #weather span.icon-35:before {
        content: "W"
    }

    #weather span.icon-36:before {
        content: "1"
    }

    #weather span.icon-37:before, #weather span.icon-38:before, #weather span.icon-39:before {
        content: "S"
    }

    #weather span.icon-40:before {
        content: "M"
    }

    #weather span.icon-41:before {
        content: "W"
    }

    #weather span.icon-42:before {
        content: "I"
    }

    #weather span.icon-43:before {
        content: "W"
    }

    #weather span.icon-44:before {
        content: "a"
    }

    #weather span.icon-45:before {
        content: "S"
    }

    #weather span.icon-46:before {
        content: "U"
    }

    #weather span.icon-47:before {
        content: "S"
    }

#twitter-widget-0 {
    width: 660px !important
}

.left {
    float: left
}

.right {
    float: right
}

.overflow {
    overflow: hidden
}

.hidden {
    display: none
}

.borders__grey {
    border: 1px solid #495666 !important
}

.borders__light-grey {
    border: 1px solid #E5E5E5 !important
}

.borders__lighter-grey {
    border: 1px solid #f1f1f1 !important
}

.borders__lightest-grey {
    border: 1px solid #fafafa !important
}

.borders__blue {
    border: 1px solid #005dac !important
}

.borders__light-blue {
    border: 1px solid #06a6e0 !important
}

.borders-right__grey {
    border-right: 1px solid #495666 !important
}

.borders-left__grey {
    border-left: 1px solid #495666 !important
}

.borders-right__light-grey {
    border-right: 1px solid #E5E5E5 !important
}

.borders-left__light-grey {
    border-left: 1px solid #E5E5E5 !important
}

.noborder--right {
    border-right: 0 !important
}

.noborder--left {
    border-left: 0 !important
}

.noborder--bottom {
    border-bottom: 0 !important
}

.noborder--top {
    border-top: 0 !important
}

.no-border {
    border: 0 !important
}

.borders__radius {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.border__shadow {
    -webkit-box-shadow: 0 5px 10px #E5E5E5 !important;
    -moz-box-shadow: 0 5px 10px #E5E5E5 !important;
    box-shadow: 0 5px 10px #E5E5E5 !important
}

.bg__grey {
    background-color: #495666 !important
}

.bg__dark-grey {
    background-color: #6c7783 !important
}

.bg__medium-grey {
    background-color: #c6c6c6 !important
}

.bg__light-grey {
    background-color: #E5E5E5 !important
}

.bg__lighter-grey {
    background-color: #f1f1f1 !important
}

.bg__lightest-grey {
    background-color: #fafafa !important
}

.bg__blue {
    background-color: #005dac !important
}

.bg__light-blue {
    background-color: #06a6e0 !important
}

.bg__lighter-blue {
    background-color: #009fbf !important
}

.bg__aqua {
    background-color: #059edd !important
}

.bg__lime {
    background-color: #82c039 !important
}

.bg__teal {
    background-color: #00aead !important
}

.bg__orange {
    background-color: #f5851d !important
}

.bg__white {
    background-color: #fff !important
}

.text__white {
    color: #fff !important
}

.text__blue {
    color: #005dac !important
}

.text__light-blue {
    color: #06a6e0 !important
}

.text__lighter-blue {
    color: #009fbf !important
}

.text__aqua {
    color: #059edd !important
}

.text__lime {
    color: #82c039 !important
}

.text__teal {
    color: #00aead !important
}

.text__orange {
    color: #f5851d !important
}

.text__center {
    text-align: center !important
}

.text__uppercase {
    text-transform: uppercase !important
}

.text__bold {
    font-weight: 700 !important
}

.padding__space {
    padding: 20px !important
}

.no-margin__space {
    margin: 0 !important
}

.pdf__icon {
    background-image: url(/images/reskin/icon-downloads.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0 0 10px 25px;
    font-size: 16px;
    display: inline-block;
    text-decoration: underline
}

    .pdf__icon:hover {
        text-decoration: none;
        color: #06a6e0
    }

.html__icon {
    background-image: url(/images/reskin/icon-downloads.png);
    background-repeat: no-repeat;
    background-position: 1px -53px;
    padding: 0 0 10px 25px;
    font-size: 16px;
    display: inline-block;
    text-decoration: underline
}

    .html__icon:hover {
        text-decoration: none;
        color: #06a6e0
    }

.word__icon {
    background-image: url(/images/reskin/icon-downloads.png);
    background-repeat: no-repeat;
    background-position: 1px -110px;
    padding: 0 0 10px 25px;
    font-size: 16px;
    display: inline-block;
    text-decoration: underline
}

    .word__icon:hover {
        text-decoration: none;
        color: #06a6e0
    }

.error404 .tiles.banner {
    margin: 0 0 0 30px
}

.error404 .tiles {
    margin: 30px 0 10px 30px
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}