/*

    1. STYLE.CSS FILE SPECIFICATIONS:

        1.1 MARC, CAHC and ORC groups (sites) should have an identical copy of this CSS file

    2. TODO notes:

        2.1 Refactoring
        The above mentioned sites that use this css file went through re-skinning in
        two sprints, so this CSS file needs refactoring. Also this part or at least a big
        part of it was created with CSS but we did not have access to the original
        file when we first started re-skinning.

*/

/* ==========================================================================
   TEMP FORM STYLES - TO BE ADDED INTO layout.css
   ==========================================================================

version 0.1

*/



iframe {
    margin-top: 15px;
}

.rd-available-table .rd-times table {
    width: 100%;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(89, 184, 93, 0.8);
    outline: 0;
    outline: thin dotted 9;
   /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(208, 233, 210, 0.61);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(201, 221, 190, .6);*/
}


/* aside[role="complementary"] { margin-bottom:1.5em; } */

input[type="submit"] {
    background: #717171;
    text-transform: uppercase;
    color: #ffffff;
    border: 0px;
}

aside .add-to-calendar input[type="submit"] {
    width: 100%
}

textarea {
    border: 1px solid #dfe0e1;
    resize: none;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: white;
    text-decoration: none;
    outline: 0;
    background-color: #00853E;
    background-image: -moz-linear-gradient(top, #00853e, #00853e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00853E), to(#00853E));
    background-image: -webkit-linear-gradient(top, #00853E, #00853E);
    background-image: -o-linear-gradient(top, #00853E, #00853E);
    background-image: linear-gradient(to bottom, #00853E, #00853E);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.button-container {
    margin-top: 30px;
    padding-top: 34px;
    border-top: 1px solid #DDD;
}

.existing-users {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #DDD;
    padding: 20px;
    border-radius: 5px;
}

@media (max-width: 767px) {
    label,
    input,
    button,
    select,
    textarea {
        font-size: 16px;
    }
    .existing-users {
        padding: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.existing-users span {
    float: right;
    margin-top: -4px;
}

.edit-link {
    color: #00853e;
    text-decoration: underline;
}

.seForm_rows,
.seForm_rows li {
    list-style: none;
}

.se-form-container h2 {}

.se-form-container h2 + p.note {
    margin-bottom: 2em
}

.se-form-container h2 + .field-row {
    padding-top: 1.5em
}

.se-form-container p.note,
.no-js div.date-format-label {
    font-size: 1.2em;
    color: #726c68;
    margin-bottom: 0.5em
}

.se-form-container .email-sent-text {
    font-weight: bold
}


/*button */

button,
.button,
.ps-button,
.btn,
.final-submit input[type="submit"],
.se-form-container input[type="submit"],
.se-form-container input[type="button"],
.rf-footer-controls input[type="submit"] {
    /*font: 700 1.5em/2.5 'Lato', Arial, sans-serif;*/
    font-size: 1.5rem;
    display: inline-block;
    margin: 0 0 0.5em;
    padding: 0 1.5em;
    height: 2.5em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    border-width: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    background-color: #009fd9;
}

button.small,
.button.small {
    /*font: 400 1.2em/2 'Lato', Arial, sans-serif;*/
    font-size: 1.2rem;
    height: 2.5em;
    padding: 0 0.75em;
    letter-spacing: 1px;
    line-height: 2.5em;
}

button:hover,
.button:hover,
.ps-button:hover,
.btn:hover,
.final-submit input[type="submit"]:hover,
.se-form-container input[type="submit"]:hover,
.se-form-container input[type="button"]:hover,
.rf-footer-controls input[type="submit"]:hover {
    background-color: #008cbf;
    color: #FFF;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

button:focus,
.button:focus,
.ps-button:focus,
.btn:focus,
.final-submit input[type="submit"]:focus,
.se-form-container input[type="submit"]:focus,
.se-form-container input[type="button"]:focus,
.rf-footer-controls input[type="submit"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

button:active,
.button:active,
.ps-button:active,
.btn:active,
.final-submit input[type="submit"]:active,
.se-form-container input[type="submit"]:active,
.se-form-container input[type="button"]:active {
    background-image: none;
    outline: 0;
}

button.secondary,
.button.secondary,
.se-form-container input[type="submit"].secondary {
    background-color: #6f6f6f
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus,
.se-form-container input[type="submit"].secondary:hover,
.se-form-container input[type="submit"].secondary:focus {
    background-color: #494949
}

.btn-cancel,
.se-form-container .final-submit input[value="Cancel"],
input.unsubscribe-button[value="Cancel"] {
    background-color: #eaeaea;
    color: #424242;
    font-family: "Helvetica", Arial;
}

input.unsubscribe-button[value="Cancel"]:hover,
input.unsubscribe-button[value="Cancel"]:focus,
.btn-cancel:hover,
.btn-cancel:focus,
.final-submit input[value="Cancel"]:hover,
.final-submit input[value="Cancel"]:focus {
    color: #222
}

.button.secondary:last-child {
    margin-right: 0
}


/*text input */

.se-form-container input[type="text"],
.se-form-container input[type="password"],
.se-form-container input[type="date"],
.se-form-container input[type="datetime"],
.se-form-container input[type="datetime-local"],
.se-form-container input[type="month"],
.se-form-container input[type="week"],
.se-form-container input[type="email"],
.se-form-container input[type="number"],
.se-form-container input[type="search"],
.se-form-container input[type="tel"],
.se-form-container input[type="time"],
.se-form-container input[type="url"],
.se-form-container textarea,
.search-container input[type="text"],
aside .add-link input[type="text"],
.staff-detail-container textarea,
.add-to-calendar-body textarea,
input[type="text"].ps-input {
    display: block;
    width: 100%;
    margin: 0 0 2.5em 0;
    padding: 0.8em 0.5em;
    font-family: inherit;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 2px;
   /* -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    -webkit-appearance: none;*/
}

.se-form-container label input,
.se-form-container label input[type="text"],
.se-form-container label input [type="password"],
.se-form-container label input [type="date"],
.se-form-container label input [type="datetime"],
.se-form-container label input [type="datetime-local"],
.se-form-container label input [type="month"],
.se-form-container label input [type="week"],
.se-form-container label input [type="email"],
.se-form-container label input [type="number"],
.se-form-container label input [type="search"],
.se-form-container label input [type="tel"],
.se-form-container label input [type="time"],
.se-form-container label input[type="url"],
.se-form-container label textarea {
    font-size: 1em
}

.se-form-container input[type=text]:focus,
.se-form-container input[type=password]:focus,
.se-form-container input[type=date]:focus,
.se-form-container input[type=datetime]:focus,
.se-form-container input[type=datetime-local]:focus,
.se-form-container input[type=month]:focus,
.se-form-container input[type=week]:focus,
.se-form-container input[type=email]:focus,
.se-form-container input[type=number]:focus,
.se-form-container input[type=search]:focus,
.se-form-container input[type=tel]:focus,
.se-form-container input[type=time]:focus,
.se-form-container input[type=url]:focus,
.se-form-container textarea:focus,
aside .add-link input[type="text"]:focus {
    border-color: rgb(0, 110, 167);
    border-color: rgba(0, 110, 167, 0.8);
    outline: 0;
}

.se-form-container input[type=text][disabled],
.se-form-container input[type=password][disabled],
.se-form-container input[type=date][disabled],
.se-form-container input[type=datetime][disabled],
.se-form-container input[type=datetime-local][disabled],
.se-form-container input[type=month][disabled],
.se-form-container input[type=week][disabled],
.se-form-container input[type=email][disabled],
.se-form-container input[type=number][disabled],
.se-form-container input[type=search][disabled],
.se-form-container input[type=tel][disabled],
.se-form-container input[type=time][disabled],
.se-form-container input[type=url][disabled],
.se-form-container textarea[disabled] {
    background-color: #F1F1F1
}

.se-form-container input[type=checkbox]:focus,
.se-form-container input[type=radio]:focus {
    outline: 1px dotted #999
}

.se-form-container input[type="submit"].button-delete-file {
    position: absolute;
    right: 0;
    top: 0
}

.se-form-container input[type="submit"].button-delete-file:hover,
.se-form-container input[type="submit"].button-delete-file:focus {
    background-image: url(ui-icons_888888_256x240.png)
}

.se-form-container .upload-row ul {
    margin-bottom: 1.75em;
    position: relative
}

.se-form-container .upload-row .label-filename {
    display: block;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    padding-left: 18px;
}


/* Adjust margin for form elements below */

.se-form-container input[type=file],
.se-form-container input[type=checkbox],
.se-form-container input[type=radio],
.se-form-container select {
    font-weight: 400;
    font-family: Arial, sans-serif
}

.se-form-container .upload-row .upload input[type=file] {
    width: 100%;
    font-size: 15px;
    z-index: 100;
    height: 30px
}

.se-form-container input[type=checkbox] + label,
.se-form-container input[type=radio] + label,
.se-form-container .rank-row label {
    display: inline-block;
    margin: 0 .89em 0.75em.44444em;
    vertical-align: top
}

.checkbox-row,
.upload-row,
.matrix-row {
    margin-bottom: 2.5em
}

.se-form-container textarea {
    min-height: 75px
}

.se-form-container .field_input_half input {
    width: 80%
}

.se-form-container .label-row {
    margin-bottom: 2em;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: Arial, sans-serif
}

.se-form-container .label-row h2 {
    margin-bottom: 0;
    font-size: 1.15em;
    font-size: 1.6rem
}

.se-form-container .rf-uploaded-files {
    width: 70%
}

.se-form-container .ruUploadProgress {
    font-family: Arial, sans-serif
}

.RadChart {
    margin-bottom: 1em
}


/* RadPicker overwrites */

.RadPicker input {
    margin-bottom: 0
}

html body .field .riSingle .riTextBox,
html body .field .riSingle .riTextBox[type=text],
html body .field .riSingle .riTextBox,
html body .field .riSingle .riTextBox[type=text] {
    font-size: 1em;
    border: 1px solid #CCC;
    font: 1em Arial;
    color: #5b5b5b;
    margin: 0;
    padding: .5em
}

html body .field .RadInput_Default .riError,
html body .field .RadInput_Error_Default {
    background-position: 100% -295px;
    border-color: #DF0000
}


/*calendar*/

.se-form-container .RadPicker.RadPicker_Default {
    width: 100px !important
}

.se-form-container .RadPicker table.rcTable {
    position: relative;
    width: 126px !important
}

.se-form-container .RadPicker_Default .rcCalPopup,
.se-form-container .RadPicker_Default a.rcCalPopup:hover,
.se-form-container .RadPicker_Default a.rcCalPopup:focus {
    background: transparent url('icon-calendar.png') no-repeat left top;
    width: 29px;
    height: 28px;
    margin-left: 5px;
}


/*RadEditor overwrites*/

.se-form-container .RadEditor {
    height: 160px!important;
    min-height: 160px!important;
    overflow: hidden
}

.se-form-container .RadEditor > table {
    height: 163px!important;
    min-height: 163px!important
}

.se-form-container .RadEditor .reContentCell {
    height: 128px!important
}

.se-form-container .Default.reWrapper {
    border: 1px solid #CCC;
    margin-bottom: 2.5em
}

.se-form-container .RadEditor.reWrapper .reToolCell {
    border-bottom: 1px solid #CCC;
    padding: 2px 0 2px 2px
}

.se-form-container .Default.RadEditor .reContentCell {
    border-width: 0
}

.se-form-container .reWrapper_corner,
.se-form-container .reWrapper_center,
.se-form-container .reLeftVerticalSide,
.se-form-container .reRightVerticalSide {
    display: none
}

.se-form-container .custom-df-hyperlink-container input[type=text] {
    margin-bottom: 1em
}

.se-form-container .hyperlink-button-add {
    margin-top: 0
}

.se-form-container .final-submit input[value=Cancel] {
    margin-left: 1em
}

.se-form-container .final-submit {
    margin-top: 2em;
    clear: both
}

.se-form-container .field table {
    table-layout: fixed;
    width: 100%
}

.se-form-container .field th {
    word-wrap: break-word
}

.se-form-container .field td {
    word-wrap: break-word
}

.se-form-container .field th label,
.se-form-container .field td label {
    word-wrap: break-word;
    word-break: break-all;
}

.se-form-container .matrix-row table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed
}

.se-form-container .matrix-row th {
    text-align: left;
    padding: 5px 5px 5px 0;
    font-weight: normal;
    word-wrap: break-word
}

.se-form-container .matrix-row td {
    vertical-align: top;
    padding: 5px 5px 5px 0;
    word-wrap: break-word
}

.se-form-container .matrix-row input[type=checkbox],
.se-form-container .matrix-row input[type=radio] {
    margin-bottom: 0
}

.se-form-container .matrix-row .field {
    margin-top: 0.5em;
    font-size: 14px;
    font-size: 1.4rem
}

.se-form-container .matrix-input-label {
    position: absolute;
    left: -999em;
}

.se-form-container label,
.se-form-container .span-label,
.se-form-container .link-label {
    display: block;
    margin-bottom: 0.5em;
    font-size: 14px;
    font-size: 1.4rem
}

.se-form-container .label-box {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 2.5em 0;
    padding: 10px;
    background: #F1F1F1;
}

.se-form-container .field-row {
    position: relative
}

.se-form-container .field-row h3 + .field td label {
    font-weight: 400;
    line-height: 1;
    width: 90%
}

.se-form-container .rank-row span span {
    font-size: 1em
}

.se-form-container .rank-row table {
    width: 100%
}

.se-form-container .rank-row input {
    width: 25%;
    display: inline-block;
    margin-bottom: 0.5em
}

.se-form-container .rank-row td label {
    vertical-align: middle;
    width: auto!important
}

.se-form-container .rank-row .field {
    margin-top: 0.5em;
    font-size: 1.4rem
}

.se-form-container hr {
    display: block;
    clear: both;
    height: 0;
    border-top: 2px solid #e8e8e8;
    border-width: 2px 0 0 0;
    margin: 2.5em 0;
    overflow: hidden;
}

.se-form-container .textarea-row > span {
    font-size: 14px;
    font-size: 1.4rem
}

.se-form-container .content-captcha input {
    width: 180px
}

.se-form-container .fa {
    padding-right: 5px;
    color: #4B0017
}

.js .se-form-container .custom-df-cms-date-container {
    margin-left: 41%;
    font-size: 14px;
    font-size: 1.4rem
}

.js .se-form-container .custom-df-cms-date-container p {
    display: none
}

.se-form-container .custom-df-cms-date-container .field-title {
    font-weight: bold
}

.se-form-container .custom-df-cms-date-container .date-list {
    list-style-type: none;
    margin-left: 0;
    font-size: 1em
}

.se-form-container .custom-df-hyperlink-container {
    clear: both;
    overflow: hidden;
}

.se-form-container .date-row {
    overflow: hidden
}

.se-form-container .date-row .field-title {
    display: block
}

.se-form-container .date-row .field-input {
    display: block;
    margin-bottom: 1em
}

.se-form-container .date-row .no-js-element br {
    display: none
}

.ui-dialog .sc-cal-row .ui-spinner {
    border: 1px solid #cccccc
}

.se-form-container .upload-row ul {
    margin: 0 0 1em
}

.se-form-container .upload-row li {
    list-style-type: none;
    display: block;
    padding: 0 0 15px;
    position: relative
}

.se-form-container .rf-uploaded-files li {
    background: transparent url(upload-icons.png) no-repeat 0 -1em;
    position: relative;
}


/* only move if not resized ... this CSS should not be replicated */

.x-small .rcRefreshImage,
.x-small .rcCaptchaAudioLink,
.small .rcRefreshImage,
.small .rcCaptchaAudioLink,
.standard .rcRefreshImage,
.standard .rcCaptchaAudioLink {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2
}

.x-small .rcRefreshImage,
.small .rcRefreshImage,
.standard .rcRefreshImage {
    top: 0
}

.x-small .rcCaptchaAudioLink,
.small .rcCaptchaAudioLink,
.standard .rcCaptchaAudioLink {
    top: 2.25em
}

.rcRefreshImage {
    display: block
}

.rcCaptchaAudioLink {
    display: none
}

.no-js .rcRefreshImage {
    display: none !important;
}

@media only screen and (min-width:992px) {
    .rcCaptchaAudioLink {
        display: block
    }
}

.final-submit {
    overflow: hidden;
    text-align: left;
    border-top: 1px solid #DDD;
    padding-top: 30px;
}

.final-submit.stype {
    border-width: 0;
    padding-top: 20px
}

aside .final-submit {
    border-top-width: 0;
    padding-top: 15px
}

@media only screen and (min-width:768px) {
    .x-small .rcRefreshImage,
    .x-small .rcCaptchaAudioLink,
    .small .rcRefreshImage,
    .small .rcCaptchaAudioLink,
    .standard .rcRefreshImage,
    .standard .rcCaptchaAudioLink {
        position: absolute;
        left: 190px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.2
    }
    .x-small .rcRefreshImage,
    .small .rcRefreshImage,
    .standard .rcRefreshImage {
        top: .5em;
    }
}

.se-form-required-asterisk {
    display: none
}

.se-form-required-text,
.se-required-text {
    text-transform: capitalize;
    color: #b23200;
}

.field-row h3 {
    font-size: 14px;
    font-size: 1.4rem
}


/* file upload overwrites */

.RadUpload,
.RadUploadProgressArea {
    height: auto!important;
    width: 100%!important;
    padding: 0 0 5px;
}

@media (min-width: 768px) {
    .RadUpload,
    .RadUploadProgressArea {
        width: 70%!important
    }
}

.RadUpload .ruFakeInput {
    width: 60%! important;
    line-height: auto!important;
    height: auto!important
}

@media (min-width: 768px) {
    .RadUpload .ruFakeInput {
        width: 70%! important
    }
}

.se-form-container .upload-row .upload input[type=file] {
    z-index: 100;
    height: 34px
}

.RadUpload .ruFileWrap {
    width: 100%!important;
    height: auto!important
}

.lt-ie9 .se-form-container .upload-row .upload input[type=file] {
    z-index: 100;
    height: 60px
}

.lt-ie9 .RadUpload .ruFileWrap {
    width: 100%!important;
    height: 60px!important
}

.RadUpload .ruButton,
.RadUpload_Default .ruButton {
    width: auto!important;
    background-image: none!important
}

.ruButton.ruRemove,
.button-remove-file,
.ruButton.ruBrowse {
    font-size: 1em!important;
    font-size: 1.4rem!important;
    position: absolute;
    right: 0;
    top: 0
}

.RadUpload .ruInputs li {
    margin-bottom: 0!important
}

.lt-ie9 .RadUpload .ruInputs li {
    height: 50px!important;
    overflow: hidden
}

.lt-ie9 .ruButton.ruBrowse {
    z-index: 1
}

.lt-ie9 .ruButton.ruRemove {
    z-index: 999
}

.lt-ie9 .RadUpload .ruFileWrap,
.lt-ie9 .RadUpload .ruObject,
.lt-ie9 .RadUpload_Default .ruFileWrap,
.lt-ie9 .RadUpload_Default .ruObject {
    height: 60px!important;
    z-index: 100!important;
    position: absolute;
}

.RadUpload .ruStyled .ruFileInput,
.RadUpload_Default .ruStyled .ruFileInput {
    z-index: 100!important
}

.lt-ie9 .RadUpload .ruInputs li {
    height: 25px;
    margin-bottom: 15px
}

.RadUpload .ruFileWrap {}

.RadUpload .ruUploadSuccess {
    width: 55%;
    white-space: normal;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

@media (min-width: 768px) {
    .RadUpload .ruUploadSuccess {
        width: 76%
    }
}


/* inline select list */

.inline-select .field_label,
.inline-select .field_input {
    display: inline
}

.inline-select label {
    float: left;
    width: 22%
}

.inline-select select {
    width: 80%
}


/* UGC-form related links */

input[type="text"].custom-df-hyperlink-item-name,
input[type="text"].custom-df-hyperlink-item-link,
span.url-title,
span.url-link {
    width: 38%;
    margin-right: 12px;
    float: left
}

span.url-title,
span.url-link {
    font-size: 1.3em;
    font-size: 1.3rem;
    padding-bottom: 5px
}

span.url-link {
    width: 80%
}

span.url-title,
input[type="text"].custom-df-hyperlink-item-name {
    width: 33%
}

.hyperlink-button-remove {
    float: left;
    padding: 8px 14px;
    line-height: 18px
}

.custom-df-hyperlink-item.hyperlink-button-add {
    clear: both;
    display: both
}

.hyperlink-button-add input {
    width: auto;
    padding: 8px 14px;
    line-height: 18px;
    float: left;
}

.custom-df-hyperlink-container input[type="button"] {
    padding: 8px 14px;
    line-height: 18px;
    height: auto;
}


/* Search results */

.dlv-result-list {
    overflow: hidden;
    margin-bottom: 1em
}

@media (min-width: 992px) {
    .dlv-result-list {
        padding: 0 0 20px
    }
}

.dlv-result-list label,
.dlv-result-list input {
    display: inline-block;
    margin: 0 0 0 1em;
}

.dlv-result-list input[type="text"] {
    width: 100%;
    margin: 0.5em 0 0 0
}

.dlv-result-list label {
    padding: 0.6em 0;
    margin: 0;
    width: 100%;
}

.dlv-result-list input[type="submit"] {
    margin: 0
}

.dlv-result-list .field-row {
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 0
}


/*.se-form-container.messages .search-list-button input[type="submit"], .se-form-container.searchs .search-list-button input[type="submit"], .se-form-container.news .search-list-button input[type="submit"], .se-form-container.formsandpubs .search-list-button input[type="submit"] {padding:0 1.5em;line-height:30px; height:32px}*/

.searchs .se-form-container input[type="text"].inputBox {
    margin: .5em 0
}

.searchs .se-form-container .search-list-button input[type="submit"] {
    width: 100%
}


/* ========================================================================== FORMS ==========================================================================

version 0.2b
starting BEM addition
(includes older style CSS classes to cover code not yet updated)

- stripping out ie8 fixes from here

*/

ul.seForm_rows li.seForm_rows--labels {
    margin-bottom: 8px;
}

.seForm--panel,
.seForm .postComment {
    padding: 10px 10px 30px;
    background-color: #f8f8f8;
}

@media (min-width: 768px) {
    .seForm--panel {
        width: 80%
    }
    aside .seForm--panel {
        width: 100%
    }
}

.seForm .postComment,
.comments-panel .seForm .postComment {
    width: 100%;
    padding: 0;
}


/*.postComment .seForm_rows .field_input textarea, .postComment .seForm_rows .field_input select, .postComment .seForm_rows .field_input input[type="text"] { width:100%; } M:1612 */

.postComment div ul li {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .seForm .postComment {
        width: 80%;
    }
}

@media (min-width: 768px) {
    .seForm--panel {
        padding: 30px 30px 50px;
    }
}

.seForm li {
    font-size: 1.6rem;
}


/* Errors ========================================================================== */

.seForm_errors {
    color: #ce3f13;
    margin-bottom: 2em;
}

.seForm_errors a {
    color: #ce3f13;
    text-decoration: none;
}

.seForm_errors a:hover,
.seForm_errors a:focus {
    color: #ce3f13;
    text-decoration: underline;
}


/* Rows ========================================================================== */

.seForm_rows {
    margin: 0 0 2em;
}

.seForm_rows ul {
    margin: 0;
}

.seForm_rows li {
    position: relative;
    list-style: none;
    margin-bottom: 2em;
    width: 100%;
}

.seForm_rows ul li {
    margin: 0;
}

.seForm_rows .field_label {
    padding-bottom: 0.5em;    
}


/* Labels ========================================================================== */

.seForm label,
.seForm_label--fake {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Helvetica", Arial;
    font-weight: normal;
    text-transform: none;
}

.seForm_rows--checkbox input + label,
.seForm_rows--radio input + label {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    margin-bottom: 0.5em;
}

label.seForm_label--inline,
.seForm .field_label label {
    display: inline-block;
}

.freeEvent-container .seForm_label--inline {
    display: inline;
    margin-right: 1em;
    text-transform: uppercase;
}

.seForm input + label.seForm_label--inline {
    margin: 0 0 1em .3em;
}

.seForm_required--asterisk,
.se-form-required-asterisk {
    display: none;
}

.seForm_required--text,
.se-form-required-text {
    text-transform: capitalize;
}

.add-to-calendar label {
    font-weight: bold;
}


/* Buttons ========================================================================== */


/*    Buttons need to be tidied up - classes referenced reduced   */

button,
.button,
.seForm_button,
.seForm_button--secondary,
.seForm_button--tertiary,
.seForm_submit input[type="submit"],
.se-form-container input[type="submit"],
.se-form-container input[type="button"] {
    /*font: 700 1.5em/2.5 'Lato', Arial, sans-serif;*/
    font-size: 1.5rem;
    display: inline-block;
    width: 100%;
    /*margin: 0 0 0.5em;
    padding: 0 1.5em;*/
    height: 2.5em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    border-width: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: white;
    background-color: #009fd9;
}

input[type="submit"].seForm_button--tertiary,
input[type="submit"].seForm_button {
    /* removed M:1136
    background-color:#0070aa;font-family:"Helvetica", Arial, sans-serif;text-transform:uppercase;
    */
}

@media (min-width: 768px) {
    /* target the generic forms */
    button,
    .button,
    .seForm_button,
    .seForm_button--secondary,
    .seForm_button--tertiary,
    .seForm_submit input[type="submit"],
    .se-form-container input[type="submit"],
    .se-form-container input[type="button"] {
        width: auto;
    }
}

button.small,
.button.small {
    /*font: 400 1.2em/2 'Lato', Arial, sans-serif;*/
    font-size: 1.2rem;
    height: 2em;
    padding: 0 0.75em;
    letter-spacing: 1px;
}

button:hover,
.button:hover,
.seForm_button:hover,
.seForm_submit input[type="submit"]:hover,
.se-form-container input[type="submit"]:hover,
.se-form-container input[type="button"]:hover {
    background-color: #008cbf;
    color: white;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

button:focus,
.button:focus,
.seForm_button:focus,
.seForm_submit input[type="submit"]:focus,
.se-form-container input[type="submit"]:focus,
.se-form-container input[type="button"]:focus {
    outline: thin dotted #2f2f2f;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

button:active,
.button:active,
.seForm_button:active,
.seForm_submit input[type="submit"]:active,
.se-form-container input[type="submit"]:active,
.se-form-container input[type="button"]:active {
    background-image: none;
    outline: 0;
}

button.secondary,
.button.secondary,
.seForm_button--secondary,
.se-form-container input[type="submit"].secondary {
    background-color: #707070;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.seForm_button--secondary:hover,
.seForm_button--secondary:focus,
.button.secondary:focus,
.se-form-container input[type="submit"].secondary:hover,
.se-form-container input[type="submit"].secondary:focus {
    background-color: #575757;
}

input[type="submit"].seForm_button--tertiary,
.btn-cancel,
.se-form-container .seForm_submit input[value="Cancel"],
input.unsubscribe-button[value="Cancel"] {
    background-color: #dadada;
    color: #717171;
}

.seForm_button--tertiary:hover,
.seForm_button--tertiary:focus,
input.unsubscribe-button[value="Cancel"]:hover,
input.unsubscribe-button[value="Cancel"]:focus,
.btn-cancel:hover,
.btn-cancel:focus,
.seForm_submit input[value="Cancel"]:hover,
.seForm_submit input[value="Cancel"]:focus {
    color: #2f2f2f;
}

.button.secondary:last-child {
    margin-right: 0;
}

.seForm_rows--submit input[value=Cancel] {
    margin-left: 1em;
}

.seForm_rows--submit {
    margin-top: 2em;
    clear: both;
    overflow: hidden;
    text-align: left;
}


/* Input ========================================================================== */

.seForm select,
.seForm input[type="text"],
.seForm input[type="password"],
.seForm textarea,
input[type="text"].ps-input {
    display: block;
    width: 100%;
    margin: 0 0 2.5em 0;
    padding: 0.8em 0.5em;
    font-family: inherit;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    border: 1px solid #8a8a8d;
    background-color: white;
    border-radius: 2px;
   /* -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    -webkit-appearance: none;*/
}


/* cover all inputs + textboxes - not updated yet */

.seForm input[type="text"]:focus,
.seForm input[type="password"]:focus,
.seForm textarea:focus,
html body .seForm .riSingle .riTextBox[type=text]:focus {
    border-color: rgba(4, 92, 137, 0.8);
    outline: 0;
    outline: thin dotted 9;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);*/
}

.secured-container .seForm_rows .field_label {
    padding-bottom: 0;
}

.main-column .toggleContainer .seForm input[type="text"],
.main-column .toggleContainer .seForm textarea,
.main-column .toggleContainer .seForm_rows--textbox,
.main-column .toggleContainer .seForm_rows--textarea,
.main-column .toggleContainer .seForm .chosen-container {
    width: 100% !important;
}



@media (min-width: 768px) {
    /* target the generic forms */
    .seForm input[type="text"],
    .seForm textarea,
    .seForm_rows--textbox,
    .seForm_rows--textarea {
        width: 80%;
    }

    

    .seForm select {
        width: 80%;
    }

    .secured-container .seForm input[type="password"],
    .secured-container .seForm input[type="text"] {
        width:45%;
    }

    .seForm_forgotPassword {
        margin-left: 20px;
        margin-top: 9px;
        float: left;
    }

    /* M:1136 - changed from auto */
}

.se-form-container input[type="submit"].button-delete-file {
    position: absolute;
    right: 0;
    top: 0;
}

.se-form-container input[type="submit"].button-delete-file:hover,
.se-form-container input[type="submit"].button-delete-file:focus {
    background-image: url(ui-icons_888888_256x240.png);
}

.se-form-container .upload-row ul {
    margin-bottom: 1.75em;
    position: relative;
}

.se-form-container .upload-row .label-filename {
    display: block;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    padding-left: 18px;
}




/* Textarea ========================================================================== */

.seForm textarea {
    min-height: 125px;
}


/* Select ========================================================================== */

.seForm_select {
    display: block;
    clear: both;
    margin: 0 0 1em;
    font-weight: 400;
    font-family: 'Helvetica', Arial, sans-serif;
    width: 100%;
}

@media (min-width: 768px) {
    /* target the generic forms */
    .seForm_select {
        width: 80%;
    }
}



/* Checkbox/radio ========================================================================== */

.seForm_rows--checkbox input:focus,
.seForm_rows--radio input:focus {
    outline: 1px dotted #999;
}

.seForm_rows--checkbox table,
.seForm_rows--radio table {
    table-layout: fixed;
    width: 100%;
    background: none;
}

.seForm_rows--checkbox th,
.seForm_rows--radio th {
    word-wrap: break-word;
}

.seForm_rows--checkbox td,
.seForm_rows--radio td {
    word-wrap: break-word;
}

.seForm_rows--checkbox th label,
.seForm_rows--checkbox td label,
.seForm_rows--radio th label,
.seForm_rows--radio td label {
    word-wrap: break-word;
    word-break: break-all;
}


/* File upload ========================================================================== */

.seForm_input--file {
    margin: 0 0 1em;
    font-weight: 400;
    font-family: "Helvetica", Arial, sans-serif;
}

.fileinput .seForm_input-fileUploadWarning {
    display: none;
}


/* Date ========================================================================== */

ul.seForm_rows li.seForm_rows--date {
    overflow: hidden;
    margin-bottom: 30px;
}

.seForm_rows--date .field-title {
    display: block;
}

.seForm_rows--date .field-input {
    display: block;
    margin-bottom: 1em;
}

.seForm_rows--date .no-js-element br {
    display: none;
}

.ui-dialog .sc-cal-row .ui-spinner {
    border: 1px solid #cccccc;
}


/* Calendar ========================================================================== */

.seForm .RadPicker.RadPicker_Default {
    width: 100% !important;
}

.seForm .RadPicker table.rcTable {
    position: relative;
    width: 100% !important;
}

@media (min-width:768px) {
    .seForm .RadPicker.RadPicker_Default {
        width: 130px !important;
    }
    .seForm .RadPicker table.rcTable {
        position: relative;
        width: 176px !important;
    }
}

.seForm .RadPicker_Default .rcCalPopup,
.seForm .RadPicker_Default a.rcCalPopup:hover,
.seForm .RadPicker_Default a.rcCalPopup:focus {
    background: transparent url("icon-calendar.png") no-repeat left top;
    width: 29px;
    height: 28px;
    margin-left: 15px;
}


/* calendar RadPicker overwrites */

.RadPicker input {
    margin-bottom: 0;
}

html body .seForm .riSingle {
    width: 100%;
}

html body .seForm .riSingle .riTextBox[type=text] {
    border: 1px solid #8a8a8d;
    font: 1.3em 'Helvetica', Arial;
    font-size: 1.3rem;
    color: #424242;
    margin: 0;
    padding: .5em;
    width: 100%;
    height: 40px;
}

@media (min-width:768px) {
    html body .seForm .riSingle {
        width: 176px;
    }
    html body .seForm .riSingle .riTextBox[type=text] {
        width: 130px;
    }
}

html body .seForm .RadInput_Default .riError,
html body .seForm .RadInput_Error_Default {
    background-position: 100% -295px;
    border-color: #ce3f13;
}


/* Matrix row ========================================================================== */

.seForm_rows--matrix th {
    text-align: left;
    padding: 5px 5px 5px 0;
    font-weight: normal;
    word-wrap: break-word;
    vertical-align: bottom;
    font-size: 0.85em;
    font-size: 1.4rem;
}

.seForm_rows--matrix td {
    vertical-align: top;
    padding: 5px 5px 5px 0;
    word-wrap: break-word;
    font-size: 0.85em;
    font-size: 1.4rem;
}

.seForm_rows--matrix input[type="checkbox"],
.seForm_rows--matrix input[type="radio"] {
    margin-bottom: 0;
}

.seForm_rows--matrix .matrix-input-label {
    position: absolute;
    left: -999em;
}


/* Rank row ========================================================================== */

.seForm_rows--rank table {
    width: 100%;
}

.seForm_rows li.seForm_rows--rank {
    width: 100%;
}

@media (min-width: 768px) {
    .seForm_rows li.seForm_rows--rank {
        width: 80%;
    }
}

.seForm_rows--rank input[type="text"] {
    width: 25%;
    display: inline-block;
    margin: 0 1em .5em 0;
}

.seForm_rows--rank td label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1em .5em;
    width: auto !important;
    font-size: 14px;
    font-size: 1.4rem;
}


/* Captcha ========================================================================== */


/* show/hide Captcha links for mobile */

.rcRefreshImage {
    display: block;
}

.rcCaptchaAudioLink {
    display: none;
}

.standard.large .rcRefreshImage,
.standard.large .rcCaptchaAudioLink,
.standard.x-large .rcRefreshImage,
.standard.x-large .rcCaptchaAudioLink,
.large .rcRefreshImage,
.large .rcCaptchaAudioLink,
.x-large .rcRefreshImage,
.x-large .rcCaptchaAudioLink {
    position: inherit;
    margin-bottom: 0.5em;
}

@media only screen and (min-width: 992px) {
    .rcCaptchaAudioLink {
        display: block;
    }
}


/* Captcha - handling test resize */

.rcRefreshImage {
    position: relative;
    margin-bottom: 1em;
}

@media (min-width: 768px) {
    /*.rcRefreshImage, .rcCaptchaAudioLink { position: absolute; margin-bottom: 0; }*/
}

.x-small .rcRefreshImage,
.x-small .rcCaptchaAudioLink,
.small .rcRefreshImage,
.small .rcCaptchaAudioLink,
.standard .rcRefreshImage,
.standard .rcCaptchaAudioLink {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
    display: inline-block;
    width: 150px;
}

@media (min-width: 768px) {
    .x-small .rcRefreshImage,
    .x-small .rcCaptchaAudioLink,
    .small .rcRefreshImage,
    .small .rcCaptchaAudioLink,
    .standard .rcRefreshImage,
    .standard .rcCaptchaAudioLink {
        left: 205px;
    }
}

.x-small .rcRefreshImage,
.small .rcRefreshImage,
.standard .rcRefreshImage {
    top: 0;
}

.x-small .rcCaptchaAudioLink,
.small .rcCaptchaAudioLink,
.standard .rcCaptchaAudioLink {
    top: 2.0em;
}

@media only screen and (min-width: 768px) {
    .x-small .rcRefreshImage,
    .small .rcRefreshImage,
    .standard .rcRefreshImage {
        top: .25em;
    }
}


/* Mixed - used on Rating ========================================================================== */

.seForm_rows--mixed input[type="radio"] + label {
    display: inline-block;
    margin: 0 0 1em .3em;
}


/* Custom Controls ========================================================================== */


/*     Below to be sorted!  Need to decide what is usable and what is junk  */

.se-form-container .ruUploadProgress {
    font-family: 'Helvetica', Arial, sans-serif;
}

.RadChart {
    margin-bottom: 1em;
}


/*RadEditor overwrites*/

.se-form-container .RadEditor {
    height: 160px !important;
    min-height: 160px !important;
    overflow: hidden;
}

.se-form-container .RadEditor > table {
    height: 163px !important;
    min-height: 163px !important;
}

.se-form-container .RadEditor .reContentCell {
    height: 128px !important;
}

.se-form-container .Default.reWrapper {
    border: 1px solid #CCC;
    margin-bottom: 2.5em;
}

.se-form-container .RadEditor.reWrapper .reToolCell {
    border-bottom: 1px solid #CCC;
    padding: 2px 0 2px 2px;
}

.se-form-container .Default.RadEditor .reContentCell {
    border-width: 0;
}

.se-form-container .reWrapper_corner,
.se-form-container .reWrapper_center,
.se-form-container .reLeftVerticalSide,
.se-form-container .reRightVerticalSide {
    display: none;
}

.se-form-container .custom-df-hyperlink-container input[type=text] {
    margin-bottom: 1em;
}

.se-form-container .hyperlink-button-add {
    margin-top: 0;
}


/*.se-form-container .label-box {display:block;font-size:1.4em;font-size:1.4rem;margin: 0 0 2.5em 0;padding:10px;background:#F1F1F1;}
.se-form-container .formField_row {position:relative}
.se-form-container .formField_row h3 + .field td label {font-weight:400; line-height:1; width:90%;font-size: 1em;
font-size: 1.4rem;}
*/


/*.se-form-container .textarea-row > span {font-size:1.4em; font-size:1.4rem}
*/

.se-form-container .fa {
    padding-right: 5px;
    color: #4B0017;
}

.js .se-form-container .custom-df-cms-date-container {
    margin-left: 41%;
    font-size: 14px;
    font-size: 1.4rem;
}

.js .se-form-container .custom-df-cms-date-container p {
    display: none;
}

.se-form-container .custom-df-cms-date-container .field-title {
    font-weight: bold;
}

.se-form-container .custom-df-cms-date-container .date-list {
    list-style-type: none;
    margin-left: 0;
    font-size: 1em;
}

.se-form-container .custom-df-hyperlink-container {
    clear: both;
    overflow: hidden;
}


/*.se-form-container .upload-row ul {margin:0 0 1em}
.se-form-container .upload-row li {list-style-type:none;display: block;padding: 0 0 15px;position:relative}
 */


/*.formField_row h3 { font-size:1.6em;font-size:1.6rem}*/


/* file upload overwrites */

.RadUpload,
.RadUploadProgressArea {
    height: auto !important;
    width: 100% !important;
    padding: 0 0 5px;
}

@media (min-width: 768px) {
    .RadUpload,
    .RadUploadProgressArea {
        width: 70% !important;
    }
}

.RadUpload .ruFakeInput {
    width: 60% !important;
    line-height: auto !important;
    height: auto !important;
}

@media (min-width: 768px) {
    .RadUpload .ruFakeInput {
        width: 70% !important;
    }
}

.se-form-container .upload-row .upload input[type=file] {
    z-index: 100;
    height: 34px;
}

.RadUpload .ruFileWrap {
    width: 100% !important;
    height: auto !important;
}

.lt-ie9 .se-form-container .upload-row .upload input[type=file] {
    z-index: 100;
    height: 60px;
}

.lt-ie9 .RadUpload .ruFileWrap {
    width: 100% !important;
    height: 60px !important;
}

.RadUpload .ruButton,
.RadUpload_Default .ruButton {
    width: auto !important;
    background-image: none !important;
}

.ruButton.ruRemove,
.button-remove-file,
.ruButton.ruBrowse {
    font-size: 1em !important;
    font-size: 1.4rem !important;
    position: absolute;
    right: 0;
    top: 0;
}

.RadUpload .ruInputs li {
    margin-bottom: 0 !important;
}

.lt-ie9 .RadUpload .ruInputs li {
    height: 50px !important;
    overflow: hidden;
}

.lt-ie9 .ruButton.ruBrowse {
    z-index: 1;
}

.lt-ie9 .ruButton.ruRemove {
    z-index: 999;
}

.lt-ie9 .RadUpload .ruFileWrap,
.lt-ie9 .RadUpload .ruObject,
.lt-ie9 .RadUpload_Default .ruFileWrap,
.lt-ie9 .RadUpload_Default .ruObject {
    height: 60px !important;
    z-index: 100 !important;
    position: absolute;
}

.RadUpload .ruStyled .ruFileInput,
.RadUpload_Default .ruStyled .ruFileInput {
    z-index: 100 !important;
}

.lt-ie9 .RadUpload .ruInputs li {
    height: 25px;
    margin-bottom: 15px;
}

.RadUpload .ruUploadSuccess {
    width: 55%;
    white-space: normal;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

@media (min-width: 768px) {
    .RadUpload .ruUploadSuccess {
        width: 76%;
    }
}


/* inline select list */

.inline-select .field_label,
.inline-select .field_input {
    display: inline;
}

.inline-select label {
    float: left;
    width: 22%;
}

.inline-select select {
    width: 80%;
}


/* UGC-form related links */

input[type="text"].custom-df-hyperlink-item-name,
input[type="text"].custom-df-hyperlink-item-link,
span.url-title,
span.url-link {
    width: 38%;
    margin-right: 12px;
    float: left;
}

span.url-title,
span.url-link {
    font-size: 1.3em;
    font-size: 1.3rem;
    padding-bottom: 5px;
}

span.url-link {
    width: 80%;
}

span.url-title,
input[type="text"].custom-df-hyperlink-item-name {
    width: 33%;
}

.hyperlink-button-remove {
    float: left;
    padding: 8px 14px;
    line-height: 18px;
}

.custom-df-hyperlink-item.hyperlink-button-add {
    clear: both;
    display: both;
}

.hyperlink-button-add input {
    width: auto;
    padding: 8px 14px;
    line-height: 18px;
    float: left;
}

.custom-df-hyperlink-container input[type="button"] {
    padding: 8px 14px;
    line-height: 18px;
    height: auto;
}


/* Seamless Forms */


/* ========================================================================== FORMS ==========================================================================

version 0.2b
starting BEM addition
(includes older style CSS classes to cover code not yet updated)

- stripping out ie8 fixes from here

*/

.seForm {
    padding-bottom: 80px;
}

.pageFeedback .seForm,
.pageSubscribe .seForm {
    padding-bottom: 20px
}

.seForm--panel,
.comments-panel .seForm {
    padding: 10px 10px 30px;
    background-color: #f8f8f8;
}

/*
    This is a reset style because the this is a custom control
    of which the markup was not accessible at the time of this writing.
    TODO: The best would be to be able to access the custom control
    for e-news subscribe and make the form markup consistant with the
    default form styles.
*/
.grey-form .seForm--panel {
    background-color: transparent;
    padding: 0;
}

aside h2.toggleMobileContainer_toggler {
border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0.5em;
    background-color: #009fd9;
    color: #fff;
    text-transform: none;
    font-size: 2rem;
    padding: 0;
    line-height: 1;
    padding: 14px 20px;
}

@media (min-width: 768px) {
    .seForm--panel,
    .comments-panel .seForm {
        padding: 30px 30px 50px;
    }
    aside .seForm--panel {
        padding: 20px 20px 30px;
        margin-bottom: 2em
    }
}

.seForm li {
    font-size: 1.6rem;
}


/* Errors ========================================================================== */

.seForm_errors {
    color: #ce3f13;
    margin-bottom: 2em;
}

.seForm_errors a {
    color: #ce3f13;
    text-decoration: none;
}

.seForm_errors a:hover,
.seForm_errors a:focus {
    color: #ce3f13;
    text-decoration: underline;
}


/* Notes ========================================================================== */

.comment-form-usage-details {
    font-size: 16px;
    font-size: 1.6rem;
}


/* Rows ========================================================================== */

.seForm_rows {
    margin: 0 0 2em;
}

aside .seForm_rows {
    margin: 0;
}

.seForm_rows ul {
    margin: 0;
}

.seForm_rows li {
    position: relative;
    list-style: none;
    margin-bottom: 2em;
}

.seForm--panel .seForm_rows li {
    margin-bottom: 1.5em;
}

.seForm_rows ul li {
    margin: 0;
}

aside .seForm_rows li.seForm_submit {
    margin-bottom: 0;
}


/*.seForm_rows .field_label {padding-bottom:1em}*/


/* Labels ========================================================================== */

.seForm label,
.seForm_label--fake {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: bold;
}

.seForm--panel.seForm_label--fake,
.seForm.seForm--panel label {
    margin-bottom: 0.5em;
}

.seForm_rows--checkbox input + label,
.seForm_rows--radio input + label,
.field_input input[type="checkbox"] + label,
.field_input input[type="radio"] + label {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    margin-bottom: 0.5em;
    width: auto;
}

.seForm_rows .field_label {
    position: relative;
}

@media (min-width: 768px) {
    .seForm_rows .field_label {
        width: 80%;
    }
}

.label-box {
    background-color: #f8f8f8;
    padding: 15px 20px;
}

@media (min-width: 768px) {
    .label-box {
        width: 80%;
    }
    .seForm--panel .label-box {
        width: 100%;
        background-color: #ebebeb
    }
}

.label-box.share-url {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

label.seForm_label--inline,
.seForm .field_label label {
    display: inline-block;
}

.seForm input + label.seForm_label--inline {
    margin: 0 0 1em .3em;
}


/* Required */

.seForm_required--asterisk,
.se-form-required-asterisk {
    display: none;
}

.seForm_required--text,
.se-form-required-text {
    text-transform: capitalize;
}


/* Joiners ... ie: blah 'to' blah where 'to' is the joiner */

.seForm_label--joiner {
    margin-top: 10px;
}

/* overwriting the default table styles */

table.table-rank-container,
table.table-rank-container tbody tr:nth-child(2n+1),

table.rcTable,
table.rcTable tbody tr:nth-child(2n+1),

table.rcSingle,
table.rcSingle tbody tr:nth-child(2n+1),

table.rcSingle.rcTable,
table.rcSingle.rcTable tbody tr:nth-child(2n+1),

table.table-matrix-container,
table.table-matrix-container tbody tr:nth-child(2n+1),

table.generic-form-checkbox,
table.generic-form-checkbox tbody tr:nth-child(2n+1),

table.seForm_rows--checkbox,
table.seForm_rows--checkbox tbody tr:nth-child(2n+1),

table.generic-form-radiobutton,
table.generic-form-radiobutton tbody tr:nth-child(2n+1),

.seForm_rows--radio table,
.seForm_rows--checkbox table tr,
.seForm_rows--radio table tr{
    background: none;
    background-color: transparent !important;
}

.generic-form-checkbox td,
.generic-form-radiobutton td {
    position: relative;
}

.generic-form-radiobutton td input[type="radio"]  {
    position: absolute;
    top: 3px;
    left:0;
}

.generic-form-checkbox td input[type="checkbox"]  {
    position: absolute;
    top: 3px;
    left:0;
}

table.generic-form-checkbox td input[type="checkbox"] + label,
table.generic-form-radiobutton td input[type="radio"] + label{
    display: inline-block;
    margin-left: 20px;
}

table.generic-form-checkbox td,
table.generic-form-radiobutton td{
    padding:0; 
}

/* Buttons ========================================================================== */


/*   Buttons need to be tidied up - classes referenced reduced  */

button,
.button,
.seForm_button,
.event-panel__link--book,
.seForm_button--secondary,
.seForm_button--tertiary,
.seForm_submit input[type="submit"],
.se-form-container input[type="submit"],
.se-form-container input[type="button"],
.postComment input[type="submit"] {
    /*font: 700 1.5em/2.75 'Lato', Arial, sans-serif;*/
    font-size: 1.5rem;
    display: inline-block;
    width: 100%;
    /*margin: 0 0 0.5em;
    padding: 0 2em;*/
    height: 2.75em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    border-width: 0;
    border-radius: 2px;
    color: white;
    background-color: #009fd9;
}


/* overwrite visited */

a.seForm_button:visited,
a.event-panel__link--book:visited,
a.seForm_button--secondary:visited,
a.seForm_button--tertiary:visited {
    color: white;
}

.event-panel__link--book {
    background-color: #717171
}

p .event-panel__link--book {
    margin: 1em 0 -1em
}

@media (min-width: 768px) {
    .event-panel__link--book {
        padding: 0 4em
    }
}

@media (min-width: 768px) {
    /* target the generic forms */
    button,
    .button,
    .seForm_button,
    .event-panel__link--book,
    .seForm_button--secondary,
    .seForm_button--tertiary,
    .seForm_submit input[type="submit"],
    .se-form-container input[type="submit"],
    .se-form-container input[type="button"],
    .postComment input[type="submit"] {
        width: auto;
    }
}

aside .seForm_submit input[type="submit"],
aside .seForm_button--secondary,
.seForm_button--fullwidth {
    width: 100%;
}

button.small,
.button.small {
    /*font: 400 1.2em/2 'Lato', Arial, sans-serif;*/
    font-size: 1.2rem;
    height: 2em;
    padding: 0 0.75em;
    letter-spacing: 1px;
}

.postComment input[type="submit"] {
    letter-spacing: 1px;
}

button:hover,
.button:hover,
.seForm_button:hover,
.event-panel__link--book:hover,
.seForm_submit input[type="submit"]:hover,
.se-form-container input[type="submit"]:hover,
.se-form-container input[type="button"]:hover,
.postComment input[type="submit"]:hover,
.postComment input[type="submit"]:focus {
    background-color: #008cbf;
    color: white;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

button:focus,
.button:focus,
.seForm_button:focus,
.event-panel__link--book:focus,
.seForm_submit input[type="submit"]:focus,
.se-form-container input[type="submit"]:focus,
.se-form-container input[type="button"]:focus {
    background-color: #008cbf;
    color: white;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

button:active,
.button:active,
.seForm_button:active,
.event-panel__link--book:active,
.seForm_submit input[type="submit"]:active,
.se-form-container input[type="submit"]:active,
.se-form-container input[type="button"]:active {
    background-image: none;
    outline: 0;
}


/* secondary */

button.secondary,
.button.secondary,
.seForm_button--secondary,
.se-form-container input[type="submit"].secondary,
aside .seForm_submit input[type="submit"] {
    background-color: #707070;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.seForm_button--secondary:hover,
.seForm_button--secondary:focus,
.button.secondary:focus,
.se-form-container input[type="submit"].secondary:hover,
.se-form-container input[type="submit"].secondary:focus,
aside .seForm_submit input[type="submit"]:hover,
aside .seForm_submit input[type="submit"]:focus {
    color: white;
    background-color: #575757;
}


/* tertiary */

.seForm_button--tertiary,
.btn-cancel,
.se-form-container .seForm_submit input[value="Cancel"],
input.unsubscribe-button[value="Cancel"] {
    background-color: #dadada;
    color: #484848;
}

.seForm_button--tertiary:hover,
.seForm_button--tertiary:focus,
input.unsubscribe-button[value="Cancel"]:hover,
input.unsubscribe-button[value="Cancel"]:focus,
.btn-cancel:hover,
.btn-cancel:focus,
.seForm_submit input[value="Cancel"]:hover,
.seForm_submit input[value="Cancel"]:focus {
    color: #2f2f2f;
    background-color: #c1c1c1;
}


/* toggle view */

.switchView {
    /* toggle button container*/
    margin-bottom: 2em;
}

.spellsuggestlabel {
    display: block;
    margin-bottom: 2em;
    font-size: 1.05em;
}


/* M:1873 */

.spellsuggest-container {
    display: none;
    /* hide all */
}

.spellsuggest-container--0 {
    display: block;
    /* show if no results */
}

a.seForm_button--tertiary.seForm_button--toggle {
    text-transform: capitalize;
    margin-right: 0.5em;
    padding: 0 1em;
    height: 2.75em;
    line-height: 2.75em;
    color: #2f2f2f;
}

a.seForm_button--tertiary.seForm_button--active {
    color: white;
    background-color: #707070;
}

a.seForm_button--tertiary.seForm_button--active i {
    color: white;
}

a.seForm_button--tertiary.seForm_button--active:focus,
.seForm_button--tertiary.seForm_button--active:hover {
    background-color: #575757;
}

.seForm_button--toggle .icon-list,
.seForm_button--toggle .icon-map {
    font-size: 20px;
    position: relative;
    left: -4px;
    top: 3px;
    margin-right: 5px
}


/* various button tweaks */

.button.secondary:last-child {
    margin-right: 0;
}

.seForm_rows--submit input[value=Cancel] {
    margin-left: 1em;
}

.seForm_rows--submit {
    margin-top: 2em;
    clear: both;
    overflow: hidden;
    text-align: left;
}

.seForm_button--fullwidth {
    margin-top: 2em;
}


/* Input ========================================================================== */

.seForm input[type="text"],
.seForm input[type="password"],
.seForm textarea,
input[type="text"].ps-input {
    display: block;
    width: 100%;
    margin: 0 0 2.5em 0;
    padding: 0.8em 0.5em;
    font-family: inherit;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    border: 1px solid #8a8a8d;
    background-color: white;
    border-radius: 2px;
   /* -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    -webkit-appearance: none;*/
}


/* cover all inputs + textboxes - not updated yet */

.seForm input[type="text"]:focus,
.seForm input[type="password"]:focus,
.seForm textarea:focus,
html body .seForm .riSingle .riTextBox[type=text]:focus {
    border-color: rgba(4, 92, 137, 0.8);
    outline: 0;
    outline: thin dotted 9;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);*/
}

.seForm_rows--textboxSearch input[type="text"] {
    display: block;
    overflow: hidden;
    background: #FFF url(sprite.png) no-repeat;
    background-position: right -40px;
    padding-right: 30px;
    background-size: 26px 120px;
}

@media (min-width: 768px) {
    /* target the generic forms */
    .seForm input[type="text"],
    .seForm textarea,
    .seForm_rows--textbox,
    .seForm_rows--textarea {
        width: 80%;
    }
    .seForm--panel.seForm input[type="text"],
    .seForm--panel.seForm textarea,
    .seForm--panel .seForm_rows--textbox,
    .seForm--panel .seForm_rows--textarea,
    .seForm--panel.seForm select {
        width: 100%;
    }
    aside .seForm input[type="text"] {
        width: 100%;
    }
}

aside .seForm input[type="text"] {
    margin-bottom: 1.5em;
}

.seForm label input[type="text"] {
    margin-top: 0.5em;
}


/*button as link */

input[type="submit"].button-as-link {
    padding: 0.25em 0;
    margin: 0;
    background-color: transparent;
    font: 1.4rem/1.1 'Helvetica', Arial, sans-serif;
    color: #045c89;
    border-width: 0;
    line-height: 1;
    height: auto;
}

.generic-content input[type="submit"].button-as-link {
    position: relative;
    top: -2px;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: underline;
}

p input[type="submit"].button-as-link {
    font: 1.6em/1.4 'Helvetica', Arial, sans-serif;
    font-size: 1.6rem;
    padding: 0;
    vertical-align: top;
    text-transform: none;
}

input[type="submit"].button-as-link:hover,
input[type="submit"].button-as-link:focus {
    text-decoration: none;
}

.se-form-container input[type="submit"].button-delete-file {
    position: absolute;
    right: 0;
    top: 0;
}

.se-form-container input[type="submit"].button-delete-file:hover,
.se-form-container input[type="submit"].button-delete-file:focus {
    background-image: url(ui-icons_888888_256x240.png);
}

.se-form-container .upload-row ul {
    margin-bottom: 1.75em;
    position: relative;
}

.se-form-container .upload-row .label-filename {
    display: block;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    padding-left: 18px;
}

a.button.custom-url-button {
    height: auto;
}


/* Textarea ========================================================================== */

.seForm textarea {
    min-height: 125px;
}


/* Select ========================================================================== */

.seForm_select {
    display: block;
    clear: both;
    margin: 0 0 1em;
    font-weight: 400;
    font-family: 'Helvetica', Arial, sans-serif;
    width: 100%;
}

@media (min-width: 768px) {
    /* target the generic forms */
    .seForm_select {
        width: 80%;
    }
    aside .seForm select {
        width: 100%;
    }
}

.seForm label select {
    margin-top: 0.5em;
}


/* Multiselect ===========================================================================*/

.seForm select[multiple="multiple"] {
    display: block;
    width: 100%;
    margin: 0 0 2.5em 0;
    padding: 0;
    font-family: inherit;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    border: 1px solid #8a8a8d;
    background-color: white;
    border-radius: 2px;
    /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    -webkit-appearance: none;*/
}

.seForm select[multiple="multiple"]:focus {
    border-color: rgba(4, 92, 137, 0.8);
    outline: 0;
    outline: thin dotted 9;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 92, 137, 0.2);*/
}

.seForm label select[multiple="multiple"] {
    margin-top: 0.5em;
}

.seForm.seForm--panel select[multiple="multiple"] {
    margin-bottom: 1em;
}


/* Checkbox/radio ========================================================================== */

.seForm_rows--checkbox input:focus,
.seForm_rows--radio input:focus {
    outline: 1px dotted #999;
}

.seForm_rows--checkbox input,
.seForm_rows--radio input {
    margin: -.05em .25em 0 0;
}

.seForm.seForm--panel .seForm_rows--checkbox input {
    margin: .25em 1em 0 0;
    vertical-align: top
}

.seForm_rows--checkbox table,
.seForm_rows--radio table {
    table-layout: fixed;
    width: 100%;
}

.seForm_rows--checkbox th,
.seForm_rows--radio th {
    word-wrap: break-word;
}

.seForm_rows--checkbox td,
.seForm_rows--radio td {
    word-wrap: break-word;
}

.seForm_rows--checkbox th label,
.seForm_rows--checkbox td label,
.seForm_rows--radio th label,
.seForm_rows--radio td label {
    word-wrap: break-word;
    word-break: break-all;
}


/* custom */

.scSearchInputOption input {
    /*float:left*/
}

.scSearchInputOption label {
    /*display:inline-block;
margin-right:10px*/
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
}


/* File upload ========================================================================== */

.seForm_input--file {
    margin: 0 0 1em;
    font-weight: 400;
    font-family: "Helvetica", Arial, sans-serif;
}

.fileinput .seForm_input-fileUploadWarning {
    display: none;
}


/* Date ========================================================================== */

.seForm_rows--date {
    overflow: hidden;
}

.seForm_rows--date .field-title {
    display: block;
}

.seForm_rows--date .field-input {
    display: block;
    margin-bottom: 1em;
}

.seForm_rows--date .no-js-element br {
    display: none;
}

.ui-dialog .sc-cal-row .ui-spinner {
    border: 1px solid #cccccc;
}

.seForm--panel .RadPicker.RadPicker_Default {
    margin-bottom: 0.5em;
}


/* Calendar ========================================================================== */

.seForm .RadPicker.RadPicker_Default {
    width: 100% !important;
}

.seForm .RadPicker table.rcTable {
    position: relative;
    width: 100% !important;
}

@media (min-width:768px) {
    .seForm .RadPicker.RadPicker_Default {
        width: 130px !important;
    }
    .seForm .RadPicker table.rcTable {
        position: relative;
        width: 176px !important;
    }
}

.seForm .RadPicker_Default .rcCalPopup,
.seForm .RadPicker_Default a.rcCalPopup:hover,
.seForm .RadPicker_Default a.rcCalPopup:focus {
    background: transparent url("icon-calendar.png") no-repeat left top;
    width: 29px;
    height: 28px;
    margin-left: 15px;
}

.seForm .RadPicker_Default a.rcCalPopup:hover,
.seForm .RadPicker_Default a.rcCalPopup:focus {
    opacity: 0.5;
}


/* calendar RadPicker overwrites */

.RadPicker input {
    margin-bottom: 0;
}

html body .seForm .riSingle {
    width: 176px;
}

html body .seForm .RadInput_Default .riError,
html body .seForm .RadInput_Error_Default {
    background-position: 100% -295px;
    border-color: #ce3f13;
}


/* Matrix row ========================================================================== */

.seForm_rows li.seForm_rows--matrix {
    width: 100%
}

.seForm_rows--matrix table {
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed
}

.seForm_rows--matrix th {
    text-align: left;
    padding: 5px 5px 5px 0;
    font-weight: normal;
    word-wrap: break-word;
    vertical-align: bottom;
    font-size: 0.85em;
    font-size: 1.4rem;
}

.seForm_rows--matrix td {
    vertical-align: top;
    padding: 5px 5px 5px 0;
    word-wrap: break-word;
    font-size: 0.85em;
    font-size: 1.4rem;
}

.seForm_rows--matrix input[type="checkbox"],
.seForm_rows--matrix input[type="radio"] {
    margin-bottom: 0;
}

.seForm_rows--matrix .matrix-input-label {
    position: absolute;
    left: -999em;
}


/* Rank row ========================================================================== */

.seForm_rows--rank table {
    width: 100%;
}

@media (min-width: 768px) {
    /* target the generic forms */
    .seForm_rows--rank {
        width: 80%;
    }
}

.seForm_rows--rank input[type="text"] {
    width: 25%;
    display: inline-block;
    margin: 0 1em .5em 0;
}

.seForm_rows--rank td label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1em .5em;
    width: auto !important;
    font-size: 14px;
    font-size: 1.4rem;
}


/* Captcha ========================================================================== */

.seForm_rows--captcha input[type="text"] {
    width: 100%;
}

@media (min-width: 768px) {
    .seForm_rows--captcha input[type="text"],
    .captcha input[type="text"],
    .seForm--panel.seForm .captcha input[type="text"] {
        width: 180px;
    }
}

.CaptchaImageDiv,
.captcha {
    position: relative;
    margin-bottom: 1em;
}

.captcha .clearfix .captcha {
    margin-bottom: 0
}

.captcha img {
    margin: .75em 0 1.25em;
}

.captcha p {
    margin-bottom: 0
}

.captcha p input[type="text"] {
    margin-bottom: 0
}


/* show/hide Captcha links for mobile */

.rcRefreshImage {
    display: block;
}

.rcCaptchaAudioLink {
    display: none;
}

@media only screen and (min-width: 992px) {
    .rcCaptchaAudioLink {
        display: block;
    }
}


/* Captcha - handling test resize */

.rcRefreshImage {
    position: relative;
    margin-bottom: 1em;
}

@media (min-width: 768px) {
    .rcRefreshImage,
    .rcCaptchaAudioLink {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .x-small .rcRefreshImage,
    .x-small .rcCaptchaAudioLink,
    .small .rcRefreshImage,
    .small .rcCaptchaAudioLink,
    .standard .rcRefreshImage,
    .standard .rcCaptchaAudioLink {
        left: 205px;
    }
}

.x-small .rcRefreshImage,
.small .rcRefreshImage,
.standard .rcRefreshImage {
    top: 0;
}

.x-small .rcCaptchaAudioLink,
.small .rcCaptchaAudioLink,
.standard .rcCaptchaAudioLink {
    top: 2.0em;
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    .x-small .rcRefreshImage,
    .small .rcRefreshImage,
    .standard .rcRefreshImage {
        top: .25em;
    }
}


/* Mixed - used on Rating ========================================================================== */

.seForm_rows--mixed input[type="radio"] + label {
    display: inline-block;
    margin: 0 0 1em .3em;
}


/*  fonts
 *************************************************************************************/

@font-face {
    font-family: 'seamless-ui';
    src: url('seamless-ui.eot');
    src: url('seamless-ui.eot?#iefix') format('embedded-opentype'), url('seamless-ui.woff') format('woff'), url('seamless-ui.ttf') format('truetype'), url('seamless-ui.svg#seamless-ui') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('Lato-Bold.eot');
    src: url('Lato-Bold.eot?#iefix') format('embedded-opentype'), url('Lato-Bold.woff') format('woff'), url('Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
a.document:before,
.related-link:before {
    font-family: 'seamless-ui';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-right: 15px;
    line-height: 1;
    font-size: 1.2em;
    color: #939393;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

.icon-fav-delivery:before {
    content: "\e637";
}

.icon-fav-planning:before {
    content: "\e619";
}

.icon-fav-book:before {
    content: "\e621";
}

.icon-fav-discount:before {
    content: "\e62c";
}

.icon-fav-events:before {
    content: "\e62d";
}

.icon-fav-join:before {
    content: "\e62e";
}

.icon-fav-location:before {
    content: "\e62f";
}

.icon-fav-music:before {
    content: "\e630";
}

.icon-fav-payment:before {
    content: "\e631";
}

.icon-fav-renew:before {
    content: "\e632";
}

.icon-fav-request:before {
    content: "\e633";
}

.icon-fav-support:before {
    content: "\e634";
}

.icon-fav-touch:before {
    content: "\e635";
}

.icon-fav-waste:before {
    content: "\e636";
}

.icon-email:before {
    content: "\e601";
    font-size: 1.3em;
    vertical-align: text-top;
}

.shareList--pageLinks .icon-email:before {
    vertical-align: top;
}

.icon-phone:before {
    content: "\e612";
}

.icon-fax:before {
    content: "\e61e";
}

.icon-marker:before {
    content: "\e613";
}

.icon-link:before {
    content: "\e615";
}

.icon-comment:before {
    content: "\e617";
}

.icon-time:before,
.icon-date:before {
    content: "\e618";
    font-size: 0.9em;
}

.icon-uniE600:before {
    content: "\e600";
}

.icon-minus:before {
    content: "\e602";
}

.icon-plus:before {
    content: "\e603";
}

.icon-pinterest:before {
    content: "\e604";
}

.icon-facebook:before {
    content: "\e61f";
}

.icon-twitter:before {
    content: "\e606";
}

.icon-arrow-right:before {
    content: "\e607";
}

.icon-angle-down:before {
    /*content: "\e608";*/
    content:'';
    display: inline-block;
}

.icon-angle-up:before {
    content: "\e609";
}

.icon-arrow-left:before {
    content: "\e60a";
}

.icon-print:before {
    content: "\e60b";
}

.icon-uniE60C:before {
    content: "\e60c";
}

.icon-arrow-right-c:before,
a.menuCustomList:before {
    content: "\e610";
}

.icon-arrow-left-c:before {
    content: "\e600";
}

.icon-flag:before {
    content: "\e614";
}

.icon-youtube:before {
    content: "\e60d";
}

.icon-instagram:before {
    content: "\e622";
}

.icon-flickr:before {
    content: "\e623";
}

.icon-tumblr:before {
    content: "\e624";
}

.icon-googleplus:before {
    content: "\e625";
}

.icon-feed:before {
    content: "\e626";
}

.icon-info:before {
    content: "\e627";
}

.icon-th-menu:before {
    /*content: "\e620";*/
}

.icon-arrow-down:before {
    content: "\e60c";
}

.icon-arrow-up:before {
    content: "\e60e";
}

.icon-ok:before,
.icon-tick:before {
    content: "\e62b";
}

.icon-fullscreen:before {
    content: "\e60f";
}

.icon-close:before {
    content: "\e638";
}

.icon-user:before {
    content: "\e61c";
}

.icon-earth:before {
    content: "\e629";
}

.icon-tag:before {
    content: "\e616";
}

.icon-map:before {
    content: "\e61a";
}

.icon-list:before {
    content: "\e61b";
}

.icon-home:before {
    /* content: "\e611"; */
    content: '';
    display: inline-block;
    float: left;
    margin: 9px 8px;
}

.icon-warning:before {
    content: "\e605";
}

.icon-location:before {
    content: "\e61d";
}

.icon-facility:before {
    content: "\e628";
}

.icon-bin:before {
    content: "\e62a";
}

.icon-fullscreen:before {
    content: "\e60f";
}

a.menuCustomList:before {
    content: " ";
    display: inline-block;
}


/*  general styles
 *************************************************************************************/

.navbar-inner {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0;
    border-radius: 0;
    box-shadow: none;
    filter: none;
}


/* min style.css - combines custom setting and tiny reset */

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

audio,
canvas,
video {
    display: inline;
    zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

html {
    font-size: 10px;
}

body {    
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    color: #424242;
    line-height: 1.4;
    margin: 0;
    font-size: 1.6px;
    font-size: 1.6rem;
    line-height:1.6;
}

a {
    color: #00678c;
    text-decoration: none;
}

a:visited {
    color: #4e009d;
}

a:focus {
    border: none;
    background: #fffce5;    
    outline: 1px dotted #424242;
}


a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin: 0 0 1em;
    padding: 0;
    font-family: 'Helvetica', Arial, sans-serif;
    color: #424242;
}

h1 {
    font-size: 3.2em;
    font-size: 3.2rem;
    border-bottom: 2px solid #f8f8f8;
    padding-bottom: 0.5em;
}

h2 {
    font-size: 2.6em;
    font-size: 2.6rem;
}

h3 {
    font-size: 2.4em;
    font-size: 2.4rem;
}

h4 {
    font-size: 2.0em;
    font-size: 2.0rem;
}

h5 {
    font-size: 1.8em;
    font-size: 1.8rem;
}

h6 {
    font-size: 16px;
    font-size: 1.6rem;
}

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

i,
em {
    font-weight: normal;
    font-style: italic
}

b,
strong {
    font-weight: bold
}

blockquote {
    border-left: 1px solid #ddd;
    margin: 0 0 1.11111em;
    padding: .5em 1.11111em 0 1.05556em;
    font-size: 16px;
    font-size: 1.6rem
}

blockquote cite {
    display: block;
    font-size: .85em
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #6f6f6f
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
    font-family: inherit;
    font-weight: normal;
    line-height:2.4rem;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dl dt {
    margin-bottom: 0.3em;
    font-weight: bold
}

dl dd {
    margin: 0 0 1em 0;
}

menu,
ol,
ul {
    padding: 0;
}

nav ul {
    list-style: none;
    list-style-image: none
}

ul,
ol,
dl {
    line-height: 1.3;
    list-style-position: outside;
    font-family: inherit;
    font-size: 16px;
    font-size: 1.6rem;
}

ul ul,
ul ol,
ul ul,
ol ol {
    font-size: 1em
}

ul,
ol {
    /*margin: 0 0 1em 1.1em*/
    margin: 0 0 25px 0;
    padding: 0;
}

ul li,
ol li {
    margin: 0.35em 0;
}

ol li {
    margin: 0.35em 22px;
}

ul li {
    list-style-type: none;
}


.wysiwyg {
    margin-bottom:50px;
}


.wysiwyg ul li:before {
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;    
    margin: 6px 10px 0 0;
    float: left;
}

.wysiwyg ol li:before {
    display: none;
}


ul.photoGallery li:before,
.wysiwyg ul.tablesaw-advance-dots li:before,
.wysiwyg ul.seForm_rows li:before {
    display: none;
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet li ul,
ul.no-bullet li ol {
    list-style: none;
    margin: 0 0 0 1.25em
}

ul li ul,
ul li ol {
    /*margin: 0 0 0 1.25em*/
}

ul.no-bullet {
    list-style: none
}

ol,
ul {
    /*margin: 0 0 1em 0.5em*/
}

ol li ul,
ol li ol {
    /*margin: 0 0 0 1.4em*/
}

img,
a img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    text-decoration: none
}

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

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

legend {
    border: 0;
    white-space: normal;
    margin-left: -7px;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    margin: 0
}

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

button[disabled],
input[disabled] {
    cursor: default
}

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-cancel-button,
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
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 2em 0;
}

img {
    vertical-align: middle
}

.hidden {
    display: none!important;
    visibility: hidden
}

.data-list-header {
    width: 100%;
    display: table;
}

.pull-right {
    float: right
}

.pull-left,
.left {
    float: left
}

.pull-left img {
    margin: 0 15px 15px 0
}

.no-js .google-map-list,
.no-js .btn_scPagingNonJS_disabled,
.no-js .btn_scPagingNonJS_disabled,
.no-js .scSearchInputBox:disabled,
.no-js .js,
.no-js .rcRefreshImage {
    display: none
}

.errors,
.errors a {
    color: #b23200 !important;
    text-decoration: none
}

.errors a:hover {
    text-decoration: underline;
}


.errors a:focus {
    text-decoration: none;
}

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

figure,
form {
    margin: 0
}

.table-styled {
    background: #FFF;
    margin-bottom: 2em;
    width: 100%;
    table-layout: fixed
}


/* hidden tweaks in layout.css */

_:-ms-input-placeholder,
:root .table-styled {
    width: auto;
}

.internal .table-styled {
    min-width: 285px;
}

@media (min-width: 768px) {
    .internal .table-styled {
        max-width: 625px;
    }
}

.table-styled thead tr th,
.table-styled thead tr td {
    background: #6d6d6d;
    border-right: 1px solid #FFF;
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
    color: #FFF;
    text-align: left;
    padding: 0.75em
}

.table-styled thead tr th p,
.table-styled thead tr td p {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem
}

.table-styled tr th,
.table-styled tr td {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1em;
    background: #F8F8F8;
    border: 1px solid #FFF;
    word-wrap: break-word;
}

.table-styled tr.odd th,
.table-styled tr.odd td {
    background: #F8F8F8
}

.table-styled tr th p,
.table-styled tr td p {
    font-size: 1.4rem;
    margin-bottom: 0
}


/* M:1185 */

a.document,
a.related-link {
    position: relative;
    padding-left: 1.4em
}

a.document:before,
a.related-link:before {
    content: "\e61c";
    position: absolute;
    left: 0em;
    top: 0.1em;
}

a.related-link:before {
    content: "\e61e"
}

a.document:before {
    content: "\e61f"
}

a.document.ext-doc:before,
a.document.ext-docx:before {
    content: "\e61c"
}

a.document.ext-pdf:before {
    content: "\e61d"
}

a.document.ext-xls:before,
a.document.ext-xlsx:before {
    content: "\e61b"
}

a.document.ext-ppt:before,
a.document.ext-pptx:before {
    content: "\e619"
}

a.document.ext-zip:before,
a.document.ext-rar:before {
    content: "\e61a"
}


/*docs*/


/*sprites created here: http://instantsprite.com/ */

a.doc,
a.docx,
a.xls,
a.xlsx,
a.ppt,
a.pptx,
a.pdf,
a.text,
a.txt,
a.rtf,
a.zip,
a.bmp,
a.jpg {
    position: relative;
    padding-left: 2em;
    text-decoration: none;
    display: inline-block;
}

.relatedLinks a {    
    position: relative;
}

.relatedLinks a:before,
a.doc:before,
a.docx:before,
a.xls:before,
a.xlsx:before,
a.ppt:before,
a.pptx:before,
a.pdf:before,
a.text:before,
a.txt:before,
a.rtf:before,
a.zip:before,
a.bmp:before,
a.jpg:before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 24px;
    height: 24px;
    background: transparent url(doc-sprite.jpg) no-repeat right -144px;
    background-size: 24px 192px;
    /* margin-left:5px; M:1207 */
}

.lt-ie9 .relatedLinks a:before,
.lt-ie9 a.doc:before,
.lt-ie9 a.docx:before,
.lt-ie9 a.xls:before,
.lt-ie9 a.xlsx:before,
.lt-ie9 a.ppt:before,
.lt-ie9 a.pptx:before,
.lt-ie9 a.pdf:before,
.lt-ie9 a.text:before,
.lt-ie9 a.txt:before,
.lt-ie9 a.rtf:before,
.lt-ie9 a.zip:before,
.lt-ie9 a.bmp:before,
.lt-ie9 a.jpg:before {
    background: transparent url(doc-sprite-ie8.jpg) no-repeat right -144px;
}

a.doc:before,
a.docx:before {
    background-position: right 0;
}

a.xls:before,
a.xlsx:before {
    background-position: right -24px;
}

a.ppt:before,
a.pptx:before {
    background-position: right -48px;
}

a.pdf:before {
    background-position: right -72px;
}

a.text:before,
a.txt:before,
a.rtf:before {
    background-position: right -96px;
}

a.zip:before {
    background-position: right -120px;
}


/*a.url { background-position: right -144px;  } DEFAULT */

a.bmp:before,
a.jpg:before {
    background-position: right -168px;
}

a.file-name {    
    padding-right: 0.25em
}

a:hover .file-name {
    text-decoration: underline;
}

a:focus .file-name {
    text-decoration: none;
}

.file-details {
    /*https://gist.github.com/unruthless/413930*/
    font-size: 65%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}


/*fake placeholder*/

.placeholder {
    color: #AAA
}


/* colour fix*/

.fp-embed-code {
    color: #FFF;
    background: #333
}


/* Zoinks! */


/* list for menu */

ul.menuCustomList {
    color: #045c89;
}

.menuCustomList li {
    list-style: none;
}

a.menuCustomList,
a.menuCustomList:link,
a.menuCustomList:visited {
    display: block;
    width: 100%;
    color: #3a3a3a;
    position: relative;
    margin-bottom: 3px;
    background-color: #ffffff;
    padding: 1em 2em 1em 1em;
    text-decoration: none;
}

a.menuCustomList:hover,
a.menuCustomList:focus {
    background-color: #13495e;
    color: #ffffff;
}

a.menuCustomList:before {
    color: #3a3a3a;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    font-family: 'seamless-ui';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.0em;
    font-size: 2.0rem;
}

a.menuCustomList:hover:before,
a.menuCustomList:focus:before {
    color: #ffffff;
    border-left-color: #ffffff;
}


/* over write the below colour in the main CSS - _navigation.scss */

.menuCustomTable {
    /*empty class for selection in WYSIWYG*/
}

.menuCustomTable tr {
    border-bottom: 2px solid #045c89;
}


/**********************************************************************/
/** BUTONS ************************************************************/
/**********************************************************************/

/* default button */

input[type="submit"],
input[type="button"],
button,
a.button {
    background: #009fd9;
    text-transform: uppercase;
    color: #ffffff;
    border: 0px;
    display: inline-block;
    float: left;
    height: 40px;
    border-radius: 2px;
    /* cursor: pointer; */
    padding: 9px 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

input[type="submit"].alternate-default-button,
input[type="button"].alternate-default-button,
button.alternate-default-button,
a.button.alternate-default-button {
    background: #5e839b;
}

input[type="submit"].alternate-default-button:hover,
input[type="button"].alternate-default-button:hover,
button.alternate-default-button:hover,
a.button.alternate-default-button:hover,
input[type="submit"].alternate-default-button:focus,
input[type="button"].alternate-default-button:focus,
button.alternate-default-button:focus,
a.button.alternate-default-button:focus {
    background: #4f6e82;
    text-decoration: none;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
a.button:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
a.button:focus {
    background-color: #008cbf;
    text-decoration: none;
    outline: none;
}

button {
    padding: auto;
}

button ~ button,
input[type="submit"] ~ input[type="submit"],
input[type="button"] ~ input[type="button"],
input[type="submit"] ~ input[type="button"],
input[type="button"] ~ input[type="submit"],
a.button ~ a.button,
button ~ input[type="submit"],
button ~ input[type="button"],
input[type="button"] ~ button,
input[type="submit"] ~ button,
a.button ~ button,
button ~ a.button,
button ~ input[type="button"] {
    margin-left: 15px;
}

input[type="submit"].clear-button,
input[type="button"].clear-button,
button.clear-button,
a.clear-button,
input[type="submit"].cancel-button,
input[type="button"].cancel-button,
button.cancel-button,
a.cancel-button,
input[type="submit"].delete-button,
input[type="button"].delete-button,
button.delete-button,
a.delete-button {
    background-color: #8a8a8d;
}

input[type="submit"].add-to-calendar-button,
input[type="button"].add-to-calendar-button,
button.add-to-calendar-button,
a.add-to-calendar-button {
    background-color: #003767;
}

input[type="submit"].add-to-calendar-button:hover,
input[type="button"].add-to-calendar-button:hover,
button.add-to-calendar-button:hover,
a.add-to-calendar-button:hover,
input[type="submit"].add-to-calendar-button:focus,
input[type="button"].add-to-calendar-button:focus,
button.add-to-calendar-button:focus,
a.add-to-calendar-button:focus {
    background-color: #00294d;
    text-decoration: none;
}

input[type="submit"].clear-button:hover,
input[type="button"].clear-button:hover,
button.clear-button:hover,
a.clear-button:hover,
input[type="submit"].cancel-button:hover,
input[type="button"].cancel-button:hover,
button.cancel-button:hover,
a.cancel-button:hover,
input[type="submit"].clear-button:focus,
input[type="button"].clear-button:focus,
button.clear-button:focus,
a.clear-button:focus,
input[type="submit"].cancel-button:focus,
input[type="button"].cancel-button:focus,
button.cancel-button:focus,
a.cancel-button:focus,
input[type="submit"].delete-button:hover,
input[type="button"].delete-button:hover,
button.delete-button:hover,
a.delete-button:hover,
input[type="submit"].delete-button:hover,
input[type="button"].delete-button:hover,
button.delete-button:hover,
a.delete-button:hover,
input[type="submit"].delete-button:focus,
input[type="button"].delete-button:focus,
button.delete-button:focus,
a.delete-button:focus,
input[type="submit"].delete-button:focus,
input[type="button"].delete-button:focus,
button.delete-button:focus,
a.delete-button:focus {
    background-color: #707073;
    text-decoration: none;
}

a.button.tag-button {
    padding: 5px 10px;
    height: auto;
    text-transform: none;
    font-weight: normal;
}

a.button.tag-button:hover,
a.button.tag-button:focus {
    outline: none;
    background-color: #003767;
    border: 1px solid #003767;
}

/**********************************************************************/
/** DEFAULT TABLE *****************************************************/
/**********************************************************************/

thead {
    background-color: #8a8a8d;
    color: #fff;
    text-align: left;
}

table {
    /*border:3px solid #fff;*/*/
    background: #f8f8f8;
    width:100%;
}

thead tr:first-child {
    padding-top: .7em;
    padding-bottom: .7em;
    font-weight: 600;
    font-size: 1.6rem;
}

tbody tr:nth-child(2n+1) {
    background-color: #e8e8e8;
}

td {
    padding: .8em .8em;
}

thead tr:first-child th {
    padding-top: .7em;
    padding-bottom: .7em;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
}

/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/** SIZE - 3 **********************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/

@media (max-width: 767px) {
    input[type="submit"],
    input[type="button"],
    button,
    a.button {
        width:100%;
        margin:0 0 15px 0;
    }

    button ~ button,
    input[type="submit"] ~ input[type="submit"],
    input[type="button"] ~ input[type="button"],
    input[type="submit"] ~ input[type="button"],
    input[type="button"] ~ input[type="submit"],
    a.button ~ a.button,
    button ~ input[type="submit"],
    button ~ input[type="button"],
    input[type="button"] ~ button,
    input[type="submit"] ~ button,
    a.button ~ button,
    button ~ a.button,
    button ~ input[type="button"] {
        
        margin:0 0 15px 0;
    }

    .seForm_forgotPassword {
        margin-left: 0;
        margin-top: 0;
        float: none;
    }

}