/* –------------- Fonts –------------- */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

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

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
    /*font-family: sans-serif;*/
    font-family: 'ETHFont', 'Open Sans';
    color: #222;
}



body {
    background-color: white;
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
    background: #fff;
    color: #777;
    text-shadow: none;
}

::selection {
    background: #0069B4;
    color: #fff;
    text-shadow: none;
}

/* =============================================================================
   Links
   ========================================================================== */
a {
    color: #0069b4;
}

    a:visited {
        color: #0069b4;
    }

    a:hover {
        color: #0069b4;
        /*color: #82be1e;*/
        /*border-bottom: none;*/
	text-decoration:none;
    }

    a:focus {
        outline: 0;
    }

    /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
    a:hover, a:active {
        outline: 0;
    }

/* =============================================================================
   Typography
   ========================================================================== */

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

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: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

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

small {
    font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    /*margin: 0.2em 0px 0px 0.2em;*/
    padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
    /*border: 1px solid lightgray;*/
    /*padding: 4px;*/
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */

/* =============================================================================
   Figures
   ========================================================================== */
figure {
    margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
    margin: 0;
}

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

/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
    font-family: 'ETHFont', 'Open Sans';
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*font-size: 1.2rem;*/
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
    line-height: normal;
}

    /*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
    button, input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
    }

    /*
 * Re-set default cursor for disabled elements
 */

    /*
 * Consistent box sizing and appearance
 */
    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }


    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none;
    }

    /*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/* Colors for form validity */
/* disabled
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
*/
/* =============================================================================
   Tables
   ========================================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

th {
    font-weight:400;
}

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
/* VARIABLES - BASE SIZES
------------------------------------------------*/
/* FUNCTIONS
-------------------------------------------------*/
/* VARIABLES - FONTS
 
------------------------------------------------*/
/* VARIABLES - GRID
------------------------------------------------*/
/* VARIABLES - COLORS
------------------------------------------------*/
/* VARIABLES - BREAKPOINTS
------------------------------------------------*/
/*only screen and  could be removed => print would use this */

@media print {

    body {
        font-size: 1em;
    }


    #pageHolder > header,
    #pageHolder > footer {
        display: none;
    }


    #main {
        padding-top: 0px !important;
    }

        #main #mainContent {
            width: 100% !important;
        }
}
/* MIXINS
-------------------------------------------------*/
/* STYLES
------------------------------------------------*/
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    /* polyfill for ie 6/7 */
    /* EMDemo mod */
    font-family: 'ETHFont', 'Open Sans';
    /*font-family: Arial, Helvetica, sans-serif;*/
    color: #000;
    /*font-family: Arial;*/
}

::selection {
    /*EMDemo-mod*/
    background: #b2d7ff;
    /*background: #48b9d2;*/
    color: #fff;
    text-shadow: none;
}

html, body, form {
    height: 100%;
}

/* ---------------------------------------------------- */

#main {
    padding: 1rem 0;
}

#mainHolder {
    padding: 2rem 0;
}
/* ---------------------------------------------------- */

#pageHolder {
    position: relative;
    min-height: 100%;
}

header {
    width: 100%;
    z-index: 100;
    /*EMDemo-mod*/
    color: #header;
}

    /*header a,
    header a:visited {
        color: #fff;
    }*/

    header a:hover {
        color: #fe6a22;
    }

    header div#headerHolder {
        /*max-width: 1260px;*/
        margin: 0 auto 0 auto;
        /*padding-bottom: 0.6em;*/
        background-color: #fff;
        box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    }
@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    header div#headerHolder {
        /*max-width: 1060px;*/
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px) {
    header div#headerHolder {
        /*max-width: 1020px;*/
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    header div#headerHolder {
        /*max-width: 780px;*/
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    header div#headerHolder {
        max-width: none;
    }
}

@media only screen and (max-width: 479px) {
    header div#headerHolder {
        max-width: none;
    }
}

header div#headerHolder .inner {
    /*margin: 0 40px;*/
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    header div#headerHolder .inner {
        /*margin: 0;*/
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    header div#headerHolder .inner {
        /*margin: 0;*/
    }
}

header h1 {
    padding-top: 0.2em;
    margin-top: 0;
    margin-bottom: 0em;
    color: #000;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-size: 2.5em;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    header h1 {
        font-size: 2.3125em;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px), only screen and (min-width: 768px) and (max-width: 1023px) {
    header h1 {
        font-size: 2.0625em;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    header h1 {
        font-size: 1.75em;
    }
}

/* #mainNav {
	min-height: 5.125rem;
	min-height: 82px;
	
}*/

header nav .mainMenu {
    color: #000;
    background-color: #fff;
    border: 0px solid grey;
    width: 100%;
    min-height: 2em;
    line-height: 2em;
}

    header nav .mainMenu,
    header nav .mainMenu a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.375rem;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 0.1rem;
        line-height: 1rem;
    }

        header nav .mainMenu a,
        header nav .mainMenu a:visited,
        header nav .mainMenu a:hover {
            color: #000;
        }

        header nav .mainMenu li:hover > a {
            /*color: #00f;*/
            font-weight: normal;
            border-bottom: 3px solid #000;
            padding: 1.7rem 0;
        }

table .wizard tbody:first-child {
    margin-bottom: 2rem;
}

header  .mainMenu a.selected,
header  .mainMenu a.selected:visited,
header .mainMenu a.selected:hover {
    text-decoration:underline !important;
}

@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
    header nav .mainMenu {
        display: none;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    header nav .mainMenu {
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px), only screen and (min-width: 768px) and (max-width: 1023px) {
    header nav .mainMenu {
        font-size: 0.875em;
    }
}

header nav .mainMenu > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    min-height: 5.125rem;
    /*min-height: 82px;
	*/
    /*position: relative;
	display: block;*/
}

    header nav .mainMenu > ul li {
        display: inline-block;
        margin-right: 0.94118em;
        zoom: 1;
        display: inline;
    }

        header nav .mainMenu > ul li:last-child {
            /*margin-right: 0;*/
        }

header div#serviceNav {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.8125em;
    /*margin-top: 1.25em;*/
}

@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
    header div#serviceNav {
        display: none;
    }
}

header div#serviceNav {
    color: #777777;
}

    header div#serviceNav a,
    header div#serviceNav a:visited {
        color: #fe6a22;
    }

        header div#serviceNav a:hover {
            color: #D6EEF7;
        }

@media only screen and (min-width: 1250px) and (max-width: 1799px), only screen and (min-width: 1024px) and (max-width: 1249px), only screen and (min-width: 768px) and (max-width: 1023px) {
    header div#serviceNav {
        font-size: 0.75em;
    }
}

header div#serviceNav .loginLink {
    /*float: left;*/
}

#searchBox fieldset > input::-webkit-input-placeholder,
#searchFieldLeft fieldset > input::-webkit-input-placeholder {
    color: #fe6a22;
}


#mainHolder {
    max-width: 1260px;
    background-color: #fff;
    margin: 0 auto 0 auto;
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    #mainHolder {
        /*max-width: 1060px;*/
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px) {
    #mainHolder {
        max-width: 1020px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #mainHolder {
        max-width: 780px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #mainHolder {
        max-width: none;
        padding: 5px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 479px) {
    #mainHolder {
        max-width: none;
        padding: 5px;
        overflow: hidden;
    }
}

#mainHolder .inner {
    position: relative;
    margin: 0 40px;
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #mainHolder .inner {
        margin: 0 33px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #mainHolder .inner {
        margin: 0;
    }
}


#main {
    width: 100%;
}

.template-contentpage #main {
    margin-bottom: 5.5em;
}

#main p, #main label, #main input, #main td, #main th, #main select {
    color: #333333;
}

@media only screen and (min-width: 1800px) {
    #main p, #main label, #main input, #main td, #main th, #main select {
        /*font-size: 0.9375em; */
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    #main p, #main label, #main input, #main td, #main th, #main select {
        /*font-size: 0.8125em; */
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px), only screen and (min-width: 768px) and (max-width: 1023px) {
    #main p, #main label, #main input, #main td, #main th, #main select {
        /*font-size: 0.8125em; */
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #main p, #main label, #main input, #main td, #main th, #main select {
        /*font-size: 0.875em;*/
    }
}
/*#mainContent a::after {
    content: "";
    width: 1rem;
    height: 1rem;
    position: absolute;
    margin-top: 0.1625rem;
    /*right: 1rem;*/
    /*background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAANElEQVQYlWNgIBc07Zfrb9on979pn9z/pr1yBYNVA1yAEN4rV0C84v1y/bidsVeuYJAqBABJ6naofX9stgAAAABJRU5ErkJggg==') no-repeat;*/
    /*outline: none;
    background-size: 75%;
    margin-left: 0.5rem;
}*/
#main td p,
#main td label,
#main td input {
    /*font-size: 1.2em;*/
    /*font-size: 1em;*/
}


/*#main a,
#main a:visited {
	color: #48b9d2;
}*/

#main a:active,
#main a:hover,
#main a:active i,
#main a:hover i {
    color: #999999;
}

#main .headerImageFullWidth {
    margin-bottom: 2.5em;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #main .headerImageFullWidth {
        margin-bottom: 1.5em;
    }
}

#main .headerImageFullWidth img {
    width: 100%;
}

#main #mainContent > :first-child {
    margin-top: 0;
}

@media only screen and (min-width: 1800px) {
    #main #mainContent {
        width: 50.84746%;
        padding: 0 0px 0 0px;
        float: left;
        min-height: 400px;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    #main #mainContent {
        width: 46.93878%;
        padding: 0 0px 0 0px;
        float: left;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px) {
    #main #mainContent {
        width: 46.80851%;
        padding: 0 0px 0 0px;
        float: left;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #main #mainContent {
        width: 62.85714%;
        padding: 0 0px 0 0px;
        float: left;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #main #mainContent {
        width: 100%;
    }
}

@media only screen and (min-width: 1800px) {
    #main #mainContent.noTeaser {
        width: 100%;
        padding: 0 0px 0 0px;
        float: left;
        min-height: 400px;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    #main #mainContent.noTeaser {
        width: 100%;
        padding: 0 0px 0 0px;
        float: left;
        min-height: 400px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px) {
    #main #mainContent.noTeaser {
        width: 100%;
        padding: 0 0px 0 0px;
        float: left;
        min-height: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #main #mainContent.noTeaser {
        width: 100%;
        padding: 0 0px 0 0px;
        float: left;
    }
}

#main #mainContent ul {
    list-style-type: square;
    /*Danysan removed on request from Laura*/
    /*padding: 0 0 0 16px;*/
}

h1 {
    font-size: 2.5em;
    font-weight: normal;
    margin-top: 0.3em;
    line-height: 1.1em;
    -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    h1 {
        font-size: 2.3125em;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px), only screen and (min-width: 768px) and (max-width: 1023px) {
    h1 {
        font-size: 2.0625em;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    h1 {
        font-size: 1.75em;
    }
}



/*** PORTLETS ***/
.portlet:before, .portlet:after {
    content: "";
    display: table;
}

.portlet:after {
    clear: both;
}

#mainContent .portlet > :first-child {
    margin-top: 0;
}

.portlet > :last-child {
    margin-bottom: 0;
}

/* for text - use negativ bottom margin as text-blocks always produce a bit of padding */

#mainContent .portlet {
    margin-top: 1.875em;
}


/*** FORMS ***/
#popupmain input[type=submit],
#main .formPortlet input[type=submit],
#main .crmDesignationPortlet input[type=submit],
#main .crmPortlet input[type=submit] {
    background-color: #fe6a22;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #d4d4d4;
    display: inline-block;
    /*padding: 5px 40px;*/
    padding: 1rem;
    text-decoration: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 0.9px;
    line-height: 0.9rem;
    padding-top: 9px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 6px;
    */
}

    #main .formPortlet input[type=submit]:hover,
    #main .crmDesignationPortlet input[type=submit]:hover,
    #main .crmPortlet input[type=submit]:hover {
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #979797), color-stop(1, #aeaeae));
		background: -moz-linear-gradient(center top, #979797 5%, #aeaeae 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#979797', endColorstr='#aeaeae');*/
        background-color: #e13614;
        /*background-color: #C2C2C2;*/
        color: white;
    }

    #main .formPortlet input[type=submit]:active,
    #main .crmDesignationPortlet input[type=submit]:active,
    #main .crmPortlet input[type=submit]:active {
        position: relative;
        top: 1px;
    }

    #popupmain input[type=submit],
    #main .formPortlet input[type=submit].reset,
    #main .crmDesignationPortlet input[type=submit].reset,
    #main .crmPortlet input[type=submit].reset {
        font-weight: lighter;
    }

#main .formPortlet .formElement:before, #main .formPortlet .formElement:after {
    content: "";
    display: table;
}

#main .formPortlet .formElement:after {
    clear: both;
}

#main .formPortlet .formElement {
    margin-bottom: 0.75em;
}

#main .formPortlet label,
#main .crmPortlet label {
    width: 35%;
    height: 100%;
    float: left;
    display: block;
    padding-right: 20px;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #main .formPortlet label,
    #main .crmPortlet label {
        width: 100%;
        display: inline;
        float: none;
    }
}

#main .formPortlet input, #main .crmPortlet input,
#main .crmPortlet select {
    float: left;
    width: 65%;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #main .formPortlet input,
    #main .crmPortlet input,
    #main .crmPortlet select,
    #main .crmPortlet .field {
        width: 100%;
        float: none;
    }
}

#main .formPortlet .formElement.file,
#main .crmPortlet .formElement.file {
    margin-top: 0.5em;
}

#main .formPortlet .formElement.submit {
    margin-top: 0.75em;
    width: auto;
}

    #main .formPortlet .formElement.submit input {
        float: right;
        width: 33%;
        margin-left: 12px;
    }

        #main .formPortlet .formElement.submit input.autoWidth {
            width: auto;
            padding-right: 10px;
            padding-left: 10px;
        }

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #main .formPortlet .formElement.submit input.autoWidth {
        margin-bottom: 5px;
    }
}
/**** POPUP *****/

.webformContact div.labeltext label {
    cursor: default;
}


.crmDesignationPortlet .options,
.crmPortlet .options {
    list-style: none;
    height: 1.5625rem;
    display: block;
    margin-top: 0;
    padding: 0px;
    padding-left: 0px;
}

    .crmDesignationPortlet .options li,
    .crmPortlet .options li {
        float: left;
        margin-top: 0;
        /*width: 60px;*/
        height: 20px;
        padding: 0px;
        display: block;
        margin-left: 0px;
    }

        .crmDesignationPortlet .options li label,
        .crmPortlet .options li label {
            float: left;
            height: 20px;
            padding: 0px;
            margin-top: -2px;
            margin-left: 10px;
            cursor: default;
            box-sizing: content-box;
        }

.crmDesignationPortlet .informationText,
.crmPortlet .informationText {
    /* font-size: 0.8125em;*/
    margin-bottom: 1em;
    color: #3B3B3B;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    .crmDesignationPortlet .informationText,
    .crmPortlet .informationText {
        padding-left: 5px;
    }
}

.crmDesignationPortlet .collapsible,
.crmPortlet .collapsible {
    margin-top: 1em;
}

    .crmDesignationPortlet .collapsible .content,
    .crmPortlet .collapsible .content {
        margin-left: 40px;
    }

    .crmDesignationPortlet .collapsible .header,
    .crmPortlet .collapsible .header {
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333;
        padding-top: 1px;
        padding-bottom: 1px;
        position: relative;
    }

        .crmDesignationPortlet .collapsible .header p,
        .crmPortlet .collapsible .header p {
            margin: 0;
            padding-top: 0.1em;
            font-weight: bold;
        }

            .crmDesignationPortlet .collapsible .header p a i,
            .crmPortlet .collapsible .header p a i {
                width: 40px;
                display: inline-block;
            }

            .crmDesignationPortlet .collapsible .header p span,
            .crmPortlet .collapsible .header p span {
                font-weight: normal;
                margin-left: 0.64em;
            }

                .crmDesignationPortlet .collapsible .header p span:before,
                .crmPortlet .collapsible .header p span:before {
                    content: " | ";
                    display: inline-block;
                    font-size: 0.9em;
                    margin-right: 0.8em;
                    position: relative;
                    top: -1px;
                }

    .crmDesignationPortlet .collapsible.open .switch .icon-plus,
    .crmPortlet .collapsible.open .switch .icon-plus {
        display: none;
    }

    .crmDesignationPortlet .collapsible.closed .switch .icon-minus,
    .crmPortlet .collapsible.closed .switch .icon-minus {
        display: none;
    }

    .crmDesignationPortlet .collapsible .content,
    .crmPortlet .collapsible .content {
        margin-top: 0.6em;
        margin-bottom: 0.6em;
    }

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    .crmPortlet .collapsible .content {
        margin-left: 14px;
    }

    .crmPortlet .collapsible .header p a i {
        width: 14px;
    }
}

.crmDesignationPortlet table,
.crmPortlet table {
    display: inline-table;
    /*display: block;*/
    overflow-x: scroll;
    table-layout: fixed;
}
    .crmDesignationPortlet table.smallTbl,
    .crmPortlet table.smallTbl {
        display: inline-table;
        overflow-x: unset;
        table-layout: fixed;
        width:100%;
    }
    .crmDesignationPortlet table th,
    .crmPortlet table th {
        text-align: left;
    }

        .crmDesignationPortlet table th.action,
        .crmPortlet table th.action {
            width: 40px;
        }

    .crmDesignationPortlet table td,.crmDesignationPortlet table, .crmPortlet table
    .crmPortlet table td {
        vertical-align: middle;
        width:100%;
    }

    .crmDesignationPortlet table th, .crmDesignationPortlet table td,
    .crmPortlet table th,
    .crmPortlet table td {
        border-bottom: 1px solid #cccccc;
    }

.crmDesignationPortlet .actions,
.crmPortlet .actions {
    margin-top: 1.5em;
    text-align: right;
    margin-bottom: 1em;
}

#main .crmDesignationPortlet .actions input, #main .crmPortlet .actions input, #main .crmPortlet .actions button {
    float: none;
    width: auto;
    margin-left: 12px;
}


#main .crmDesignationPortlet table td, #main .crmDesignationPortlet table td p, #main .crmDesignationPortlet table th, #main .crmArchivedDesignationsPortlet table td, #main .crmArchivedDesignationsPortlet table td p, #main .crmArchivedDesignationsPortlet table th, #main .crmArchivedDesignationsPortlet table th p {
    font-size: 1em;
}

@media only screen and (min-width: 1800px) {
    #main .crmDesignationPortlet table td, #main .crmDesignationPortlet table td p, #main .crmDesignationPortlet table th, #main .crmArchivedDesignationsPortlet table td, #main .crmArchivedDesignationsPortlet table td p, #main .crmArchivedDesignationsPortlet table th, #main .crmArchivedDesignationsPortlet table th p {
        font-size: 1em;
    }
}

#main .crmDesignationPortlet .eventSelection label {
    /*font-weight: bold;*/
    padding-right: 1em;
    float: none;
    width: auto;
    display: inline;
}

#main .crmDesignationPortlet .eventSelection select {
    float: none;
    width: auto;
    display: inline;
}
.crmDesignationPortlet table.designations thead {
    font-weight: bold;
    color: #333;
    border-top: 1px solid #C9CFD2;
    background-color: #EAECEE;
    padding: 5px 10px;
    vertical-align: top;
}
.crmDesignationPortlet table.designations th a,
.crmDesignationPortlet table.designations th a:hover,
.crmDesignationPortlet table.designations th a:visited,
.crmDesignationPortlet table.designations th a:focus {
    text-decoration: none;
    color: #333333;
    padding-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    .crmDesignationPortlet table.designations th a::after,
    .crmDesignationPortlet table.designations td a::after {
        background-image: none !important;
    }
.crmDesignationPortlet table.designations th, .crmDesignationPortlet table.designations td {
    padding-left:0.75rem;
    /*border: 1px solid #ccc;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.crmDesignationPortlet table tr:first-child td, .crmDesignationPortlet table tr:first-child th {
    border-top: 0;
}

.crmDesignationPortlet table tr td:first-child, .crmDesignationPortlet table tr th:first-child {
    border-left: 0;
}

.crmDesignationPortlet table tr:last-child td, .crmDesignationPortlet table tr:last-child th {
    border-bottom: 0;
}

.crmDesignationPortlet table tr td:last-child, .crmDesignationPortlet table tr th:last-child {
    border-right: 0;
}


.crmDesignationPortlet table.designations > tbody > tr:last-child td {
    border: none;
}
.crmDesignationPortlet table.designations > tbody > tr[entityid]:last-child td {
    border: none;
}
.crmDesignationPortlet table.designations tfoot tr td {
    border-bottom: none;
}
    .crmDesignationPortlet table.designations td .productItem {
        border-bottom: none;
    }

#main .crmDesignationPortlet table.designations td input {
    width: 100%;
}

    #main .crmDesignationPortlet table.designations td input[type=checkbox] {
        width: 20px;
    }

.crmDesignationPortlet table.designations th.firstName, .crmDesignationPortlet table.designations th.lastName, .crmDesignationPortlet table.designations th.email, .crmDesignationPortlet table.designations th.additionalPackage, .crmDesignationPortlet table.designations td.firstName, .crmDesignationPortlet table.designations td.lastName, .crmDesignationPortlet table.designations td.status {
    width: 20%;
}

    .crmDesignationPortlet table.designations th.additionalPackage:empty {
        width: 0px;
    }

.crmDesignationPortlet table.designations th.action, .crmDesignationPortlet table.designations th.action .crmDesignationPortlet table.designations td.action, .crmDesignationPortlet table.designations td.action {
    width: 5%;
}

.crmDesignationPortlet table.designations th.status {
    width: 15%;
}

.crmDesignationPortlet table.designations th.numberOfPersons,
.crmDesignationPortlet table.designations td.numberOfPersons,
.crmDesignationPortlet table.designations input.numberOfPersons {
    width: 10%;
    text-align: right;
}

.crmDesignationPortlet table.designations td.numberOfPersons {
    padding-right: 10px;
}

.crmDesignationPortlet table.designations input.numberOfPersons {
    width: 100% !important;
}

.crmDesignationPortlet table.designations th.firstName, .crmDesignationPortlet table.designations th.lastName, .crmDesignationPortlet table.designations th.email, .crmDesignationPortlet table.designations td.firstName, .crmDesignationPortlet table.designations td.lastName, .crmDesignationPortlet table.designations td.email, .crmDesignationPortlet table.designations td.action {
    padding-right: 0.25em;
}

.crmDesignationPortlet table.designations tr.expanded {
    /*background-image: url(/app_themes/default/styles/img/tab/bg_tabs_border_selected_1x25.png);
	background-repeat: repeat-x;*/
    background-color: gray;
    color: white;
}

    .crmDesignationPortlet table.designations tr.expanded td {
        color: white !important;
    }

    .crmDesignationPortlet table.designations tr.expanded input[type=text] {
        background: #CCC;
        color: #333;
        border: 1px solid #666;
        pointer-events: none;
    }

.crmActiveInvitationsPortlet .collapsible .content table tbody td {
    border-bottom: none;
}

.crmDesignationPortlet table.designations th.packagename {
    width: 33%;
}

.crmDesignationPortlet table.designations .quantity {
    text-align: right;
}

.crmDesignationPortlet table.designations .alignTotext {
    padding-right: 3%;
}

#mainContent .portlet.crmDesignationPortlet,
#mainContent .portlet.crmActiveInvitationsPortlet {
    margin-top: 0;
}

.crmDesignationPortlet .downloadLinks,
.crmPortlet .downloadLinks {
    margin-top: 1.3em;
    border-top: 1px solid #CCCCCC;
    /*
  		a + a {
  			display: inline;
  		}
  */
}

    .crmDesignationPortlet .downloadLinks a,
    .crmPortlet .downloadLinks a {
        display: block;
    }

    .crmDesignationPortlet .downloadLinks p,
    .crmPortlet .downloadLinks p {
        margin-top: 5px;
    }

.crmDesignationPortlet .pager,
.crmPortlet .pager {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 0.3em 0;
    overflow: hidden;
    margin-top:1em;
}

#main .crmDesignationPortlet .pager span, #main .crmDesignationPortlet .pager label, #main .crmDesignationPortlet .pager input, #main .crmDesignationPortlet .pager select, #main .crmDesignationPortlet .pager a, #main .crmPortlet .pager span, #main .crmPortlet .pager label, #main .crmPortlet .pager input, #main .crmPortlet .pager select, #main .crmPortlet .pager a {
}

@media only screen and (min-width: 1800px) {
    #main .crmDesignationPortlet .pager span, #main .crmDesignationPortlet .pager label, #main .crmDesignationPortlet .pager input, #main .crmDesignationPortlet .pager select, #main .crmDesignationPortlet .pager a, #main .crmPortlet .pager span, #main .crmPortlet .pager label, #main .crmPortlet .pager input, #main .crmPortlet .pager select, #main .crmPortlet .pager a {
    }
}

#main .crmDesignationPortlet .pager a, #main .crmDesignationPortlet .pager a i, #main .crmPortlet .pager a, #main .crmPortlet .pager a i {
    color: #999999;
}

    #main .crmDesignationPortlet .pager a:hover, #main .crmDesignationPortlet .pager a:hover i, #main .crmPortlet .pager a:hover, #main .crmPortlet .pager a:hover i {
        color: #333333;
    }

.crmDesignationPortlet .pager .statistics,
.crmPortlet .pager .statistics {
    float: left;
}

.crmDesignationPortlet .pager .navigator,
.crmPortlet .pager .navigator {
    float: right;
}

#main .crmDesignationPortlet .pager .navigator select, #main .crmPortlet .pager .navigator select {
    width: auto;
    float: none;
    margin-left: 1em;
}

#main .crmDesignationPortlet .pager .navigator input, #main .crmPortlet .pager .navigator input {
    width: 1.5em;
    float: none;
}

#main .crmDesignationPortlet .pager .navigator label, #main .crmPortlet .pager .navigator label {
    display: inline;
    float: none;
    width: auto;
    height: auto;
    padding-right: 0.3em;
    padding-left: 1em;
}

.crmDesignationPortlet .pager .navigator i,
.crmPortlet .pager .navigator i {
    padding-right: 0.3em;
}

.crmDesignationPortlet .pager .navigator span,
.crmPortlet .pager .navigator span {
    padding-right: 1.3em;
}

.passwordChangeFormPortlet span.error {
    display: block;
    margin-bottom: 2em;
}

@media only screen and (min-width: 1800px) {
    .passwordChangeFormPortlet {
        width: 50%;
    }

        .passwordChangeFormPortlet span.error {
            font-size: 0.9375em;
        }
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    .passwordChangeFormPortlet {
        width: 50%;
    }

        .passwordChangeFormPortlet span.error {
            font-size: 0.8125em;
        }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px), only screen and (min-width: 768px) and (max-width: 1023px) {
    .passwordChangeFormPortlet {
        width: 50%;
    }

        .passwordChangeFormPortlet span.error {
            font-size: 0.8125em;
        }
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    .passwordChangeFormPortlet span.error {
        font-size: 0.875em;
    }
}

.passwordChangeFormPortlet span.error, span.error {
    color: red;
}

.passwordChangeFormPortlet .formElement {
    margin-top: 2em;
}


/****************** INCLUDED FROM MERITS ARTBASEL.CSS ***************************/
.crmPortlet .labeltext {
    text-align: left;
    width: 38%;
    float: left;
    display: block;
    padding-right: 20px;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    position: relative;
}

    .crmPortlet .labeltext span.validators {
        position: absolute;
        top: 0.25rem;
        right: 0.25rem;
    }


@media only screen and (min-width: 1800px) {
    .crmPortlet .labeltext div.validators span {
        font-size: 0.9375em;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1799px) {
    .crmPortlet .labeltext div.validators span {
        font-size: 0.8125em;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1249px), only screen and (min-width: 768px) and (max-width: 1023px) {
    .crmPortlet .labeltext div.validators span {
        font-size: 0.8125em;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    .crmPortlet .labeltext div.validators span {
        font-size: 0.875em;
    }
}



#main .crmPortlet .labeltext label {
    /*padding-left: 0.2rem;*/
}

#main .crmPortlet .labeltext label {
    width: auto;
    height: auto;
    float: none;
    padding-right: 0;
    height: 2rem;
    padding: 0.5rem;
}

.crmPortlet .field {
    width: 62%;
    /* needs breakpoint */
    float: left;
    padding-top: 0.25em;
    padding-bottom: 0.25em;

}

#main .crmPortlet .field input, #main .crmPortlet .field select, .field textarea {
    width: 100%;
    float: none;
    /*EMDemo-mod*/
    height: 2rem;
    font-size: 0.9rem;
    padding: 0.5rem;
    border: 1px solid #bbb !important;
    background: white;
}

    .field textarea {
        height: 4rem;
    }

#main .crmPortlet .field .options input {
    width: auto;
    float: left;
}

    input[type="checkbox"], input[type="radio"],
    #main .crmPortlet .field .options input[type="checkbox"],
    #main .crmPortlet .field .options input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        background-color: #fff;
        width: 13px;
        height: 13px;
    }





/*#main .crmPortlet .field .options input[type=radio],
	#main .crmPortlet .field .options input[type=checkbox] {
		display: none;
	}

		#main .crmPortlet .field .options input[type=radio] + label:before,
		#main .crmPortlet .field .options input[type=checkbox] + label:before {
			height: 12px;
			width: 12px;
			margin-right: 2px;
			content: " ";
			display: inline-block;
			vertical-align: baseline;
			border: 1px solid #000;
		}

		#main .crmPortlet .field .options input[type=radio]:checked + label:before,
		#main .crmPortlet .field .options input[type=checkbox]:checked + label:before {
			background: #333;
		}

		
		#main .crmPortlet .field .options input[type=radio] + label:before {
			border-radius: 70%;
		}

		#main .crmPortlet .field .options input[type=checkbox] + label:before {
			border-radius: 1px;
		}*/














.crmPortlet .field span {
    color: #333333;
    font-family: 'ETHFont', 'Open Sans';
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    float: left;
    white-space: normal; /*nowrap;*/
    width: 100%;
    word-wrap: break-word !important;
}

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

.crmPortlet .row:after {
    clear: both;
}

.crmPortlet .validators {
    display: inline;
    color: Red;
    float: right;
}

.crmPortlet .validationsummary {
    color: Red;
}

.crmPortlet th .sort {
    padding-right: 0.5em;
    display: inline-block;
    vertical-align: bottom;
    line-height: 0.6em;
}

    .crmPortlet th .sort i {
        height: 0.55em;
        display: block;
        position: relative;
        top: -0.15em;
        color: #cccccc;
        font-size: 1.1em;
    }

.crmPortlet th a.up + span .icon-caret-up, .crmPortlet th a.down + span .icon-caret-down {
    color: #000;
}

.crmPortlet span.tooltip {
    position: absolute;
    width: 200px;
    height: auto;
    padding: 0.5em;
    background: white;
    display: none;
    top: 2.4em;
    left: -53px;
    font-size: 0.85em;
    font-weight: normal;
    -webkit-box-shadow: 0px 3px 10px 2px rgba(100, 100, 100, 0.7);
    -moz-box-shadow: 0px 3px 10px 2px rgba(100, 100, 100, 0.7);
    box-shadow: 0px 3px 10px 2px rgba(100, 100, 100, 0.7);
    z-index: 10;
}

    .crmPortlet span.tooltip:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #FFFFFF transparent;
        top: -16px;
        left: 50px;
    }

.crmPortlet span.hoverinfo {
    position: relative;
    border-collapse: separate;
    cursor: pointer;
}

    .crmPortlet span.hoverinfo:hover > .tooltip, .crmPortlet span.hoverinfo:focus > .tooltip {
        display: block;
    }



/*
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url("fonts/fontawesome-webfont.eot?v=3.2.1");
    /*src: url("fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");*/
    src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

    [class^="icon-"]:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none;
    }

/* makes the font 33% larger relative to the icon container */

/* makes sure icons active on rollover in links */
a [class^="icon-"] {
    display: inline;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */
.icon-thumbs-up:before {
    content: "\f087";
}

.icon-thumbs-down:before {
    content: "\f088";
}

.icon-pdf:before {
    content: "\f1c1";
}

.icon-excel:before {
    content: "\f1c5";
}

.icon-remove:before {
    content: "\f00d";
}

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

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

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-caret-up:before {
    content: "\f0d8";
}

.icon-suitcase:before {
    content: "\f0f2";
}

.icon-folder-close-alt:before {
    content: "\f114";
}

.icon-folder-open-alt:before {
    content: "\f115";
}

.icon-glass:before {
    content: "\f000";
}

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

.icon-search:before {
    content: "\f002";
}

.icon-envelope:before {
    content: "\f003";
}

.icon-heart:before {
    content: "\f004";
}

.icon-star:before {
    content: "\f005";
}

.icon-star-empty:before {
    content: "\f006";
}

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

.icon-film:before {
    content: "\f008";
}

.icon-th-large:before {
    content: "\f009";
}

.icon-th:before {
    content: "\f00a";
}

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

.icon-ok:before {
    content: "\f00c";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-zoom-in:before {
    content: "\f00e";
}

.icon-zoom-out:before {
    content: "\f010";
}

.icon-off:before {
    content: "\f011";
}

.icon-signal:before {
    content: "\f012";
}

.icon-cog:before {
    content: "\f013";
}

.icon-trash:before {
    content: "\f014";
}

.icon-home:before {
    content: "\f015";
}

.icon-file:before {
    content: "\f016";
}

.icon-time:before {
    content: "\f017";
}

.icon-road:before {
    content: "\f018";
}

.icon-download-alt:before {
    content: "\f019";
}

.icon-download:before {
    content: "\f01a";
}

.icon-upload:before {
    content: "\f01b";
}

.icon-inbox:before {
    content: "\f01c";
}

.icon-play-circle:before {
    content: "\f01d";
}

.icon-repeat:before {
    content: "\f01e";
}

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
    content: "\f021";
}

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

.icon-lock:before {
    content: "\f023";
}

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

.icon-headphones:before {
    content: "\f025";
}

.icon-volume-off:before {
    content: "\f026";
}

.icon-volume-down:before {
    content: "\f027";
}

.icon-volume-up:before {
    content: "\f028";
}

.icon-qrcode:before {
    content: "\f029";
}

.icon-barcode:before {
    content: "\f02a";
}

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

.icon-tags:before {
    content: "\f02c";
}

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

.icon-bookmark:before {
    content: "\f02e";
}

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

.icon-camera:before {
    content: "\f030";
}

.icon-font:before {
    content: "\f031";
}

.icon-bold:before {
    content: "\f032";
}

.icon-italic:before {
    content: "\f033";
}

.icon-text-height:before {
    content: "\f034";
}

.icon-text-width:before {
    content: "\f035";
}

.icon-align-left:before {
    content: "\f036";
}

.icon-align-center:before {
    content: "\f037";
}

.icon-align-right:before {
    content: "\f038";
}

.icon-align-justify:before {
    content: "\f039";
}

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

.icon-indent-left:before {
    content: "\f03b";
}

.icon-indent-right:before {
    content: "\f03c";
}

.icon-facetime-video:before {
    content: "\f03d";
}

.icon-picture:before {
    content: "\f03e";
}

.icon-pencil:before {
    content: "\f040";
}

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

.icon-adjust:before {
    content: "\f042";
}

.icon-tint:before {
    content: "\f043";
}

.icon-edit:before {
    content: "\f044";
}

.icon-share:before {
    content: "\f045";
}

.icon-check:before {
    content: "\f046";
}

.icon-move:before {
    content: "\f047";
}

.icon-step-backward:before {
    content: "\f048";
}

.icon-fast-backward:before {
    content: "\f049";
}

.icon-backward:before {
    content: "\f04a";
}

.icon-play:before {
    content: "\f04b";
}

.icon-pause:before {
    content: "\f04c";
}

.icon-stop:before {
    content: "\f04d";
}

.icon-forward:before {
    content: "\f04e";
}

.icon-fast-forward:before {
    content: "\f050";
}

.icon-step-forward:before {
    content: "\f051";
}

.icon-eject:before {
    content: "\f052";
}

.icon-chevron-left:before {
    content: "\f053";
}

.icon-chevron-right:before {
    content: "\f054";
}

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

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

.icon-remove-sign:before {
    content: "\f057";
}

.icon-ok-sign:before {
    content: "\f058";
}

.icon-question-sign:before {
    content: "\f059";
}

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

.icon-screenshot:before {
    content: "\f05b";
}

.icon-remove-circle:before {
    content: "\f05c";
}

.icon-ok-circle:before {
    content: "\f05d";
}

.icon-ban-circle:before {
    content: "\f05e";
}

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

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

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

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

.icon-share-alt:before {
    content: "\f064";
}

.icon-resize-full:before {
    content: "\f065";
}

.icon-resize-small:before {
    content: "\f066";
}

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

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

.icon-asterisk:before {
    content: "\f069";
}

.icon-exclamation-sign:before {
    content: "\f06a";
}

.icon-gift:before {
    content: "\f06b";
}

.icon-leaf:before {
    content: "\f06c";
}

.icon-fire:before {
    content: "\f06d";
}

.icon-eye-open:before {
    content: "\f06e";
}

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

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

.icon-plane:before {
    content: "\f072";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-random:before {
    content: "\f074";
}

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

.icon-magnet:before {
    content: "\f076";
}

.icon-chevron-up:before {
    content: "\f077";
}

.icon-chevron-down:before {
    content: "\f078";
}

.icon-retweet:before {
    content: "\f079";
}

.icon-shopping-cart:before {
    content: "\f07a";
}

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

.icon-folder-open:before {
    content: "\f07c";
}

.icon-resize-vertical:before {
    content: "\f07d";
}

.icon-resize-horizontal:before {
    content: "\f07e";
}

.icon-bar-chart:before {
    content: "\f080";
}

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

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

.icon-camera-retro:before {
    content: "\f083";
}

.icon-key:before {
    content: "\f084";
}

.icon-cogs:before {
    content: "\f085";
}

.icon-comments:before {
    content: "\f086";
}

.icon-thumbs-up:before {
    content: "\f087";
}

.icon-thumbs-down:before {
    content: "\f088";
}

.icon-star-half:before {
    content: "\f089";
}

.icon-heart-empty:before {
    content: "\f08a";
}

.icon-signout:before {
    content: "\f08b";
}

.icon-linkedin-sign:before {
    content: "\f08c";
}

.icon-pushpin:before {
    content: "\f08d";
}

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

.icon-signin:before {
    content: "\f090";
}

.icon-trophy:before {
    content: "\f091";
}

.icon-github-sign:before {
    content: "\f092";
}

.icon-upload-alt:before {
    content: "\f093";
}

.icon-lemon:before {
    content: "\f094";
}

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

.icon-check-empty:before {
    content: "\f096";
}

.icon-bookmark-empty:before {
    content: "\f097";
}

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

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

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

.icon-github:before {
    content: "\f09b";
}

.icon-unlock:before {
    content: "\f09c";
}

.icon-credit-card:before {
    content: "\f09d";
}

.icon-rss:before {
    content: "\f09e";
}

.icon-hdd:before {
    content: "\f0a0";
}

.icon-bullhorn:before {
    content: "\f0a1";
}

.icon-bell:before {
    content: "\f0a2";
}

.icon-certificate:before {
    content: "\f0a3";
}

.icon-hand-right:before {
    content: "\f0a4";
}

.icon-hand-left:before {
    content: "\f0a5";
}

.icon-hand-up:before {
    content: "\f0a6";
}

.icon-hand-down:before {
    content: "\f0a7";
}

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

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

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

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

.icon-globe:before {
    content: "\f0ac";
}

.icon-wrench:before {
    content: "\f0ad";
}

.icon-tasks:before {
    content: "\f0ae";
}

.icon-filter:before {
    content: "\f0b0";
}

.icon-briefcase:before {
    content: "\f0b1";
}

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

.icon-group:before {
    content: "\f0c0";
}

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

.icon-cloud:before {
    content: "\f0c2";
}

.icon-beaker:before {
    content: "\f0c3";
}

.icon-cut:before {
    content: "\f0c4";
}

.icon-copy:before {
    content: "\f0c5";
}

.icon-paper-clip:before {
    content: "\f0c6";
}

.icon-save:before {
    content: "\f0c7";
}

.icon-sign-blank:before {
    content: "\f0c8";
}

.icon-reorder:before {
    content: "\f0c9";
}

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

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

.icon-strikethrough:before {
    content: "\f0cc";
}

.icon-underline:before {
    content: "\f0cd";
}

.icon-table:before {
    content: "\f0ce";
}

.icon-magic:before {
    content: "\f0d0";
}

.icon-truck:before {
    content: "\f0d1";
}

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

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

.icon-google-plus-sign:before {
    content: "\f0d4";
}

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

.icon-money:before {
    content: "\f0d6";
}

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-caret-up:before {
    content: "\f0d8";
}

.icon-caret-left:before {
    content: "\f0d9";
}

.icon-caret-right:before {
    content: "\f0da";
}

.icon-columns:before {
    content: "\f0db";
}

.icon-sort:before {
    content: "\f0dc";
}

.icon-sort-down:before {
    content: "\f0dd";
}

.icon-sort-up:before {
    content: "\f0de";
}

.icon-envelope-alt:before {
    content: "\f0e0";
}

.icon-linkedin:before {
    content: "\f0e1";
}

.icon-undo:before {
    content: "\f0e2";
}

.icon-legal:before {
    content: "\f0e3";
}

.icon-dashboard:before {
    content: "\f0e4";
}

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

.icon-comments-alt:before {
    content: "\f0e6";
}

.icon-bolt:before {
    content: "\f0e7";
}

.icon-sitemap:before {
    content: "\f0e8";
}

.icon-umbrella:before {
    content: "\f0e9";
}

.icon-paste:before {
    content: "\f0ea";
}

.icon-lightbulb:before {
    content: "\f0eb";
}

.icon-exchange:before {
    content: "\f0ec";
}

.icon-cloud-download:before {
    content: "\f0ed";
}

.icon-cloud-upload:before {
    content: "\f0ee";
}

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

.icon-stethoscope:before {
    content: "\f0f1";
}

.icon-suitcase:before {
    content: "\f0f2";
}

.icon-bell-alt:before {
    content: "\f0f3";
}

.icon-coffee:before {
    content: "\f0f4";
}

.icon-food:before {
    content: "\f0f5";
}

.icon-file-alt:before {
    content: "\f0f6";
}

.icon-building:before {
    content: "\f0f7";
}

.icon-hospital:before {
    content: "\f0f8";
}

.icon-ambulance:before {
    content: "\f0f9";
}

.icon-medkit:before {
    content: "\f0fa";
}

.icon-fighter-jet:before {
    content: "\f0fb";
}

.icon-beer:before {
    content: "\f0fc";
}

.icon-h-sign:before {
    content: "\f0fd";
}

.icon-plus-sign-alt:before {
    content: "\f0fe";
}

.icon-double-angle-left:before {
    content: "\f100";
}

.icon-double-angle-right:before {
    content: "\f101";
}

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

.icon-double-angle-down:before {
    content: "\f103";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

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

.icon-angle-down:before {
    content: "\f107";
}

.icon-desktop:before {
    content: "\f108";
}

.icon-laptop:before {
    content: "\f109";
}

.icon-tablet:before {
    content: "\f10a";
}

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

.icon-circle-blank:before {
    content: "\f10c";
}

.icon-quote-left:before {
    content: "\f10d";
}

.icon-quote-right:before {
    content: "\f10e";
}

.icon-spinner:before {
    content: "\f110";
}

.icon-circle:before {
    content: "\f111";
}

.icon-reply:before {
    content: "\f112";
}

.icon-github-alt:before {
    content: "\f113";
}

.icon-folder-close-alt:before {
    content: "\f114";
}

.icon-folder-open-alt:before {
    content: "\f115";
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */


/* Hide from both screenreaders and browsers: h5bp.com/u */

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

/* Hide visually and from screenreaders, but maintain layout */

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */
    
        a[href]:after {
            content: " (" attr(href) ")";
        }


        a[href^="#"]:after {
            content: "";
        }

    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

.logo {
    size: 100%;
    width: 60px;
}

.mainMenu ul > a {
    padding-left: 0.5rem;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    .logo {
        padding: 5px;
    }
}



#main .formPortlet .formElement, #main .crmPortlet .submit {
    border: none;
}

#flyer .row {
    height: auto;
    margin-bottom: 10px;
}

#tabnav {
    height: 25px;
    margin-bottom: 10px;
    padding: 0;
    background: transparent url(cssimg/Tab/bg_border_3x1.png) repeat-x bottom;
    text-transform: uppercase;
}

ul#tabnav {
    margin-left: 0px;
}

#tabnav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#tabnav a:link, #tabnav a:visited {
    font-size: 1.0em;
    line-height: 1em;
    float: left;
    margin-right: 29px;
    padding: 6px 10px 4px;
    text-decoration: none;
}

#tabnav a.aspNetDisabled, #tabnav a:hover.aspNetDisabled {
    color: Gray;
    font-size: 1em;
}

#tabnav a:link.active, #tabnav a:visited.active {
    background: #FFFFFF url(cssimg/Tab/bg_tabs_border_selected_1x25.png) repeat-x scroll 0 -15px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 1px 0;
}

.tabcontent {
    border: 1px solid #CCCCCC;
    margin-top: -11px;
    border-top-style: none;
    padding: 5px;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {

    ul#tabnav {
        display: block;
        width: 100%;
        height: auto;
        background: none;
    }

    #tabnav li {
        width: 100%;
        border-width: 0 0 1px;
        border-color: #CCCCCC;
        display: block;
    }

    #tabnav a:link.active, #tabnav a:visited.active {
        background: none;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 1px 1px 1px;
        width: 100%;
    }

    #tabnav a.aspNetDisabled, #tabnav a:hover.aspNetDisabled {
        font-size: 1em;
        border: none;
        width: 100%;
        padding-left: 3px;
    }

    #tabnav a:link, #tabnav a:visited {
        padding: 3px 10px 4px 5px;
    }
}

header #mobileNav {
    display: none;
    background-color: #3e3e3e;
    /*background-color: #fe6a22;*/
    color: White;
    line-height: 2.5rem;
}

#mobileNav .mobilenavFlyout * {
    font-family: Arial, Helvetica, sans-serif;
    color: #9B9B9B;
}


#mobileNav .mobilenavFlyout {
    text-align: center;
    background: #3e3e3e url(img/tiled_geo_dark.png) repeat;
    font-size: 1.375rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.1rem;
    /*line-height: 1rem;*/
}

@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
    header #mobileNav {
        display: block;
        font-size: 1.2em;
    }

        header #mobileNav a,
        header #mobileNav a:visited {
            color: white;
        }

            header #mobileNav a:hover,
            header #mobileNav a:active,
            header #mobileNav .parent a,
            header #mobileNav .current a,
            header #mobileNav a:hover i,
            header #mobileNav a:active i,
            header #mobileNav .parent a i,
            header #mobileNav .current a i {
                color: White;
                text-decoration: none;
            }

        header #mobileNav .level2,
        header #mobileNav .level3 {
            /*margin-top: 5px;
			padding-top: 8px;*/
        }

        header #mobileNav .mobilenav {
            display: block;
        }

            header #mobileNav .mobilenav + ul {
                display: none;
            }

        header #mobileNav ul.mobilenavFlyout {
            padding-left: 0;
            padding-top: 0.3em;
            margin-top: 0.3em;
            margin-bottom: 0;
            margin-left: 0;
            list-style: none;
            border-top: 1px solid;
            border-top-color: #a2a2a2;
        }

            header #mobileNav ul.mobilenavFlyout li {
                padding-left: 0.2em;
                padding-top: 0.2em;
                padding-bottom: 0.2em;
                margin-left: 0;
                list-style: none;
            }

                header #mobileNav ul.mobilenavFlyout li:hover {
                    background-color: #48B9D2;
                }

                header #mobileNav ul.mobilenavFlyout li.separator {
                    border-top: 1px solid;
                    margin-top: 0.4em;
                    border-top-color: #a2a2a2;
                }

        header #mobileNav #mobileLanguageSwitch {
            float: right;
            padding-left: 1.5em;
            margin-top: 0;
            margin-bottom: 0;
            font-size: 0.92857em;
            text-transform: uppercase;
        }

            header #mobileNav #mobileLanguageSwitch li {
                display: inline-block;
                zoom: 1;
                *display: inline;
                margin-left: 0.5em;
            }

                header #mobileNav #mobileLanguageSwitch li.current {
                    border-bottom-color: #a2a2a2;
                    border-bottom: 1px solid;
                }

                    header #mobileNav #mobileLanguageSwitch li.current a {
                        color: #a2a2a2;
                    }

                    header #mobileNav #mobileLanguageSwitch li.current:hover, header #mobileNav #mobileLanguageSwitch li.current:active {
                        border-bottom-color: white;
                    }

                        header #mobileNav #mobileLanguageSwitch li.current:hover a,
                        header #mobileNav #mobileLanguageSwitch li.current:hover a:hover,
                        header #mobileNav #mobileLanguageSwitch li.current:hover a:active, header #mobileNav #mobileLanguageSwitch li.current:active a,
                        header #mobileNav #mobileLanguageSwitch li.current:active a:hover,
                        header #mobileNav #mobileLanguageSwitch li.current:active a:active {
                            color: white;
                        }
}

header div#serviceNav {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1em;
    /*margin-top: 1.25em;*/
    padding: 1rem;
    color: #333333;
}

@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
    header div#serviceNav {
        display: none;
    }
}


header div#serviceNav a,
header div#serviceNav a:visited {
    color: #a2a2a2;
}

    header div#serviceNav a:hover {
        color: #48b9d2;
    }

@media only screen and (min-width: 1250px) and (max-width: 1799px), only screen and (min-width: 1024px) and (max-width: 1249px), only screen and (min-width: 768px) and (max-width: 1023px) {
    header div#serviceNav {
        font-size: 1em;
    }
}

header div#serviceNav .loginLink {
}

header div#serviceNav .loginName {
    float: left;
    padding-right: 1em;
}

header div#serviceNav ul#languageSwitch {
    float: left;
    padding-left: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.625em;
}

    header div#serviceNav ul#languageSwitch li {
        display: inline-block;
        margin-left: 0.5em;
        zoom: 1;
        display: inline;
        list-style: none;
    }

        header div#serviceNav ul#languageSwitch li.current {
            border-bottom-color: #a2a2a2;
            border-bottom: 1px solid;
        }

        header div#serviceNav ul#languageSwitch li a {
            text-transform: uppercase;
        }

        header div#serviceNav ul#languageSwitch li.current a {
            color: #a2a2a2;
        }

        header div#serviceNav ul#languageSwitch li.current:hover, header div#serviceNav ul#languageSwitch li.current:active {
            border-bottom-color: #48b9d2;
        }

            header div#serviceNav ul#languageSwitch li.current:hover a,
            header div#serviceNav ul#languageSwitch li.current:hover a:hover,
            header div#serviceNav ul#languageSwitch li.current:hover a:active, header div#serviceNav ul#languageSwitch li.current:active a,
            header div#serviceNav ul#languageSwitch li.current:active a:hover,
            header div#serviceNav ul#languageSwitch li.current:active a:active {
                color: #48b9d2;
            }

        header div#serviceNav ul#languageSwitch li.current:hover, header div#serviceNav ul#languageSwitch li.current:active, header div#serviceNav ul#languageSwitch li:active a, header div#serviceNav ul#languageSwitch li:hover a {
            border-bottom-color: #48b9d2;
            color: #48b9d2;
        }


#main .crmRegistrationPortlet table td {
    border-bottom: none;
}


.crmPortlet .wizardsidebar {
    display: none;
}

.crmPortlet .wizard td {
    border: none;
}

#guestregistration .packagelist {
    width: 100%;
}

#guestregistration .personalinformation {
    width: 100%;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #guestregistration .packagelist {
        width: 100%;
    }

    #guestregistration .personalinformation {
        width: 100%;
    }
}

#guestregistration .packagelist ul li {
    list-style: none;
}

#guestregistration .packagelist input,
#guestregistration .packagelist select {
    width: 100%;
}

#guestregistration .packagelist label {
    width: auto;
    padding-left: 5px;
}

#guestregistration .packagelist .selection {
    width: 20px;
}

#guestregistration .packagelist td.selection:empty {
    width: 0px;
}

#guestregistration .packagelist .productname, .productname label {
    font-weight: bold;
}

.packagelist .productname, .productname {
    font-weight: bold;
}
.packagelist .productname, .productname span {
    padding-left: 25px;
}
.packagelist .productItem .check, .productItem .check {
    width: 25px;
    height: 10px;
    float: left;
    padding-top: 5px;
}

.productname .price {
    float: right;
}

.packagelist .productdesc, .productdesc {
    padding-left: 25px;
    float: left;
}

.subeventsrow {
    background-color: #777777;
    padding: 5px;
    color: White;
    border: 1px solid white;
}

.eventSelection {
}

    .eventSelection ul li {
        border: 1px solid #D3D3D3;
        float: left;
        list-style: none outside none;
        margin: 2px;
        padding: 2px;
        /*width: 20em;*/
        width: 30%;
        /*height: 13em;*/
        /*height:12em;*/
    }

.subEventSelection ul li {
    border: 1px solid #D3D3D3;
    float: left;
    list-style: none outside none;
    margin: 2px;
    padding: 2px;
    width: 10em;
    height: 8em;
}

    .eventSelection ul li.selected, .eventSelection ul li:hover,
    .subEventSelection ul li.selected, .subEventSelection ul li:hover {
        border-color: #fe6a22;
        border-radius: 5px;
        box-shadow: 0px 0px 10px 5px rgba(167, 167, 167, 0.75);
        -moz-box-shadow: 0px 0px 10px 5px rgba(167, 167, 167, 0.75);
        -webkit-box-shadow: 0px 0px 10px 5px rgba(167, 167, 167, 0.75);
    }

    .eventSelection ul li article, .subEventSelection ul li article {
        text-align: center;
    }

.eventSelection img, .subEventSelection img {
    border: none;
    max-width: 100%;
    /*max-height:8em;*/
    /*max-height: 80%;*/
}


.eventSelection:after, subEventSelection:after {
    clear: both;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    .eventSelection ul li {
        width: 89%;
    }
}

.imagesubevents {
    width: 100%;
}

.optionalPackages {
    font-family: Arial, Helvetica, sans-serif;
    top: 1.4em;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    position: relative;
}

    .optionalPackages .optionalPackagesSelection {
        position: absolute;
        box-shadow: 10px 10px 5px #888888;
        border: 1px solid;
        border-radius: 5px;
        background: #fff;
        background-image: linear-gradient(top, #fff, #eee);
        width: 550px;
        z-index: 2147483647;
        line-height: 2em;
    }

        .optionalPackages .optionalPackagesSelection input[type="checkbox"], .optionalPackages .optionalPackagesSelection input[type="radio"] {
            float: left;
            width: auto !important;
            margin: 5px !important;
        }

        .optionalPackages .optionalPackagesSelection label {
            width: auto !important;
            padding-left: 5px;
            float: none !important;
        }

        .optionalPackages .optionalPackagesSelection thead tr, .optionalPackages .optionalPackagesSelection thead td {
            background-color: #fe6a22;
            color: #fff !important;
            font-weight: bold;
            padding-left: 5px !important;
        }

        .optionalPackages .optionalPackagesSelection thead a.closeoptionalPackage, .optionalPackages .optionalPackagesSelection thead a.closeoptionalPackage:visited, .optionalPackages .optionalPackagesSelection thead a.closeoptionalPackage:hover {
            color: red !important;
            float: right;
            font-size: 1.5em;
        }



a.optionalPackageOpener {
    margin: 0;
    padding-right: 5px;
    list-style: none;
    position: relative;
    float: right;
    border-bottom: 1px solid #fff;
    border-radius: 3px;
}

    a.optionalPackageOpener i {
        padding-right: 5px !important;
    }

#mediaaccreditation .eventselection {
    width: 49%;
    float: left;
}

#mediaaccreditation .personalInformation {
    width: 49%;
    float: right;
}

@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
    #mediaaccreditation .eventselection {
        width: 100%;
    }

    #guestregistration .personalInformation {
        width: 100%;
    }
}

.productItem {
    width: 100%;
    border-bottom: 1px solid lightgray;
    padding: 4px;
    overflow: auto;
}

    .productItem img {
        float: left;
        width: 40%;
        margin-right: 10px;
    }

    .productItem .quantity label {
        padding-left: 0px !important;
        font-weight: bold;
    }

    .productItem .quantity input {
        width: 30px !important;
        float:left;
        margin-top:6px;
    }

    .productItem input[type="checkbox"], .productItem input[type="radio"] {
        width: 20px !important;
    }

/*.acceptTerms input[type="checkbox"] {
    float: left !important;
    margin-left: auto !important;
    width:37px;
    height:28px;
}*/

.acceptTerms span, .acceptTerms label {
    text-align: left;
    padding-left: 5px;
    float: left;
}

.contentHeaderCheckbox label, .contentHeaderCheckbox input {
    float: right !important;
    width: auto !important;
}

.contentHeaderCheckbox input {
    margin: 3px 5px;
}

.contentHeaderCheckbox label {
    color: #48b9d2 !important;
}

.crmPortlet .row::before {
    clear: both !important;
}

.crmDesignationPortlet .collapsible p.status, .crmPortlet .collapsible p.status {
    top: 1px;
    *top: 2px:;
    top: 2px \0;
    right: 0px;
    position: absolute;
}

.refresh {
    float: right;
    cursor: pointer;
}

    .refresh input {
        width: 20px !important;
        height: 20px;
    }

.gedDetailsForm {
    /*background-color: #eee;*/
    border: 1px solid lightgray;
    padding: 10px;
}

.wizardcontent .gedDetailsForm {
    border: none !important;
}

.deletionComments {
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    position: relative;
}

    .deletionComments section {
        position: absolute;
        box-shadow: 10px 10px 5px #888888;
        border: 1px solid;
        border-radius: 5px;
        background: #fff;
        background-image: linear-gradient(top, #fff, #eee);
        width: 20em;
        z-index: 2147483647;
        line-height: 2em;
        padding: 10px;
    }

        .deletionComments section h1 {
            font-size: 1.2em;
        }

        .deletionComments section textarea {
            width: 100%;
        }

.CaptchaDivTop {
    width: 255px;
    height: 50px;
    display: table-row;
}

.CaptchaDivBottom {
    width: 255px;
    height: 22px;
}

.CaptchaDivCell {
    line-height: 0px;
    display: table-cell;
}

.CaptchaRefreshBtn {
    background: url(reload2.png) no-repeat scroll 0px 0px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    margin: 0px 5px 0;
}

.CaptchaInput {
    width: 196px;
    border: 0 none;
    color: #888888;
    font-size: 10px;
    font-style: normal;
    height: 12px;
    letter-spacing: 1px;
    padding: 4px 0 4px 5px;
}

.gedDetailsForm input[type=submit] {
    width: auto !important;
}
/*Bar Rating Start*/
.br-widget {
    height: 52px;
}

    .br-widget a {
        display: block;
        width: 15px;
        padding: 5px 0 5px 0;
        height: 30px;
        float: left;
        background-color: #e3e3e3;
        margin: 1px;
        text-align: center;
    }

        .br-widget a.br-active,
        .br-widget a.br-selected {
            background-color: #59a6d6;
        }

    .br-widget .br-current-rating {
        font-size: 20px;
        line-height: 2;
        float: left;
        padding: 0 20px 0 20px;
        color: #646464;
    }
/*Bar Rating end*/
input[type='radio'] + label {
    width: auto !important;
}

ul.documentList {
    padding: 0 0 0 2px;
}

    ul.documentList li {
        list-style: none;
    }

#flyer ul {
    padding: 0px;
}

    #flyer ul li {
        list-style: none;
    }

span.quantity {
    float: right;
    padding-right: 2em;
}

.searchField {
    float: left;
}

    .searchField a.search {
        padding-left: 5px;
    }


/* ----------- Wizard Header -------- */


#wizHeader li .prevStep {
    background-color: #C2C2C2;
}

    #wizHeader li .prevStep:after {
        border-left-color: #C2C2C2;
    }

#wizHeader li .currentStep {
    /*background: #fe6a22;*/
    background: #3e3e3e;
    font-weight: bold;
}

    #wizHeader li .currentStep:after {
        /*border-left-color: #fe6a22;*/
        border-left-color: #3e3e3e;
    }

#wizHeader li .nextStep {
    background-color: #C2C2C2;
}

    #wizHeader li .nextStep:after {
        border-left-color: #C2C2C2;
    }

#wizHeader {
    list-style: none;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

    #wizHeader li {
        float: left;
        list-style: none;
        margin-right: 0.5rem;
        height:50px;
    }

        #wizHeader li a {
            color: white;
            text-decoration: none;
            /*padding: 0.4rem 0 0.4rem 3rem;*/
            padding: 0.4rem 0.4rem 0.4rem 0.4rem;
            /*background: brown;  fallback color 
	background: hsla(34,85%,35%,1);*/
            position: relative;            
            display: block;
            float: left;
            /*font-family: "SourceSansPro","Helvetica Neue","Arial",sans-serif;*/
            font-family: 'ETHFont', 'Open Sans';
            /*letter-spacing: 0.1rem;*/
            /*font-weight: 400;*/
            font-size: 1.1rem;
            /*text-transform: uppercase;*/
        }

            /*#wizHeader li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                Go big on the size, and let overflow hide
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsla(34,85%,35%,1);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 1;
            }*/

            /*#wizHeader li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }*/

        #wizHeader li:first-child a {
            /*fix*/
            /*padding-left: 10px;*/
        }

        #wizHeader li:last-child {
            /*fix*/
            /*padding-right: 50px;*/
        }

        #wizHeader li a:hover {
            background: #48b9d2;
            color: #fff;
        }

            #wizHeader li a:hover:after {
                border-left-color: #48b9d2;
            }

        #wizHeader li.disabled a:hover {
            background: #C2C2C2;
            color: #fff;
        }

            #wizHeader li.disabled a:hover:after {
                border-left-color: #C2C2C2;
            }

        #wizHeader li a.emptylink, #wizHeader li a.emptylink:hover, #wizHeader li a.emptylink:visited {
            cursor: default;
            color: white;
        }

.wizardcontent {
    border: 1px solid lightgray;
    padding: 5px;
    overflow: auto;
}

.wizard .prev {
    float: left !important;
}

.wizard .next {
    float: right !important;
}

.wizard .space-right {
    margin-right:10px !important;
}

@media only screen and (max-width: 1000px) {
    #wizHeader li {
        float: none;
    }

        #wizHeader li a {
            width: 100%;
            padding: 5px;
            border: 2px solid white;
        }

            #wizHeader li a:after, #wizHeader li a:before {
                content: " ";
                display: none;
                border: none;
                z-index: 1;
            }

        #wizHeader li:first-child a {
            padding-left: 5px;
        }

        #wizHeader li:last-child {
            padding-right: 0px;
        }
}

.wizactions {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

    .wizactions .cancelbutton {
        float: right !important;
    }

.autoWidth {
    width: auto !important;
}

.cancelbutton {
    /*height: 1.8em;*/
    font-weight: lighter !important;
    margin-right: 5px;
}

#imgProcessing {
    position: fixed;
    left: 50%;
    top: 50%;
}

.termsbutton {
    width: auto !important;
}


#tabnav, #dataTabs {
    height: 25px;
    margin-bottom: 10px;
    padding: 0;
    background: transparent url(cssimg/Tab/bg_border_3x1.png) repeat-x bottom;
}

ul#tabnav, ul#dataTabs {
    margin-left: 0px;
}

#tabnav li, #dataTabs li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#tabnav a:link, #tabnav a:visited, #dataTabs a:link, #dataTabs a:visited {
    font-size: 14px;
    line-height: 14px;
    color: #3773B1;
    float: left;
    margin-right: 29px;
    padding: 6px 10px 4px;
    text-decoration: none;
    color: #3773B1;
}

    #tabnav a:link.active, #tabnav a:visited.active, #dataTabs a:link.active, #dataTabs a:visited.active {
        background: #FFFFFF url(cssimg/Tab/bg_tabs_border_selected_1x25.png) repeat-x scroll 0 -15px;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 1px 1px 0;
    }

#tabnav li a .active, #dataTabs li a .active {
    border: 1px solid #FFFFFF;
    color: #000000 !important;
    font-weight: bold;
    padding: 5px 8px 2px;
}

#tabnav a:hover, #dataTabs a:hover {
    color: #3773B1;
}

#eventcalendar {
    height: 1%;
    overflow: hidden;
}

    #eventcalendar table {
        border: 0;
        border-collapse: collapse;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        #eventcalendar table #head {
            background-color: #004795;
            color: #FFFFFF;
            font: x-small Arial;
        }

        #eventcalendar table th.blue {
            color: #84D3FF;
            background-color: #00558c;
        }

        #eventcalendar table td {
            margin: 0;
            padding-left: 5px;
            border-bottom: 0px solid #ccc;
            color: #006db3;
            font-size: 12px;
            vertical-align: top;
        }

            #eventcalendar table td a {
                color: #014F80;
                
            }

                #eventcalendar table td a.anchorMeeting {
                    color: #1CA0F3;
                    white-space: nowrap;
                    
                }

                #eventcalendar table td a:hover {
                    text-decoration: none;
                }

        #eventcalendar table tr {
            color: #1CA0F3;
            font: x-small Arial;
            position: relative;
            height: 20px;
        }

    #eventcalendar th {
        background: none;
    }

    #eventcalendar table th {
        background-color: #004795;
        line-height: 25px;
        vertical-align: middle;
        margin: 0;
        text-transform: uppercase;
        color: #fff;
        font: x-small Arial;
        font-weight: bolder;
        padding: 5px;
        text-align: left;
    }

    #eventcalendar table tr.alternate {
        background-color: #E3ECF5
    }

    #eventcalendar table tr.cancelled {
        background-color: #E3E3E3;
        font-decoration: line-throw;
        color: Red;
    }

#recipients {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

table.recipients {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
}

    table.recipients td {
        margin: 0;
        color: #006db3;
        font-size: 12px;
        vertical-align: top;
    }

    table.recipients tr {
        color: #1CA0F3;
        font: x-small Arial;
        position: relative;
        height: 20px;
    }

    table.recipients th {
        background-color: #ccc;
        line-height: 25px;
        vertical-align: middle;
        margin: 0;
        text-transform: uppercase;
        color: #333;
        font: x-small Arial;
        font-weight: bolder;
        padding: 5px;
        text-align: left;
    }

    table.recipients tr.alternate {
        background-color: #E3ECF5
    }

    table.recipients tr.cancelled {
        background-color: #E3E3E3;
        font-decoration: line-throw;
        color: Red;
    }

.gridicon, .cancelbutton {
    /*max-height:20px;*/
    cursor: pointer;
}

.processing {
    background: url(cssimg/progress.gif);
    z-index: 99999999;
    width: 35px;
    height: 35px;
}

.fieldlabel span {
    text-align: left;
}

#documentUpload table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
    width: 700px;
    font-family: "SourceSansPro","Helvetica Neue","Arial",sans-serif
}

    #documentUpload table td {
        margin: 0;
        border-bottom: 0px solid #ccc;
        color: #3b3b3b;
        font-size: 12px;
        vertical-align: top;
    }

        #documentUpload table td.label {
            width: 20%;
        }

        #documentUpload table td.fileupload {
            width: 20%;
        }

        #documentUpload table td.icon {
            width: 20px;
        }

        #documentUpload table td.documentlink {
        }

#documentView table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
}

    #documentView table #head {
        background-color: #004795;
        color: #FFFFFF;
        font: x-small Arial;
    }

    #documentView table th {
        background-color: #004795;
        line-height: 25px;
        vertical-align: middle;
        margin: 0;
        text-transform: uppercase;
        color: #fff;
        font: x-small Arial;
        font-weight: bolder;
        padding: 5px;
        text-align: left;
    }

    #documentView table tr.alternate {
        background-color: #E3ECF5
    }

    #documentView table td {
        margin: 0;
        padding-left: 5px;
        border-bottom: 0px solid #ccc;
        color: #006db3;
        font-size: 12px;
        vertical-align: top;
        height: 25px;
        border-bottom: 1px dotted #999999;
        text-align: left;
    }

        #documentView table td .documenticon {
            float: left;
            margin-right: 5px;
            width: 15px;
        }

        #documentView table td a.documentlink {
            display: block;
            padding-bottom: 5px;
            
        }

        #documentView table td.label {
            width: 20%;
        }

.div_export {
    width: 100%;
    height: 17px;
    top: 0px;
    left: 0px;
    border: none;
    margin: 1px 0px 4px 0px;
    padding: 0px;
    background-color: #fff;
    float: left;
}

.export_lable {
    background-color: rgb(0, 86, 162);
    color: #fff;
    width: 235px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    float: left;
    margin: 1px;
    padding: 2px 0px 0px 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 3px solid #004795;
    border-bottom: 3px solid #004795;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.export_save {
    background-color: rgb(0, 86, 162);
    color: #fff;
    width: 236px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    float: left;
    margin: 1px 1px 1px 0px;
    padding: 2px 0px 0px 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 3px solid #004795;
    border-bottom: 3px solid #004795;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

input.aspNetDisabled {
    color: Gray;
    cursor: text;
}

.sfFormsEditor {
    padding: 11px 20px 22px 11px;
    background: url(imgs/bg-registerform.png) no-repeat 0 100% overflow:hidden;
    position: relative;
}

background-color:#E3E3E3;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: auto !important;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 42px !important;
}

.spacer {
    height: 10px;
    clear: both;
}

a.deleteText {
    font-weight: bold;
    text-decoration: none;
    color: red;
    font-size: larger;
}

.oppsave {
    float: right;
    font-size: x-large;
    font-weight: bold;
}

.popup {
    padding: 10px;
}

@keyframes example {
    from {
        background-color: red;
    }

    to {
        background-color: yellow;
    }
}

/* The element to apply the animation to */
.loading {
    background-color: red;
    animation-name: example;
    animation-duration: 1s;
}

/*Program calendar on start page*/

.cal .summ .ttl {
    font-size: 1.5em;
    display: block;
    color: #1f407a;
}

.cal .summ img {
    width: 100%;
}

.cal .calitem {
    /*border-top: 1px solid #ccc;*/
    overflow: hidden;
    padding: 10px 0px 10px;
}

.download .calitem {
    border-top: none;
    overflow: hidden;
    padding: 10px 0px 10px;
}

.cal .caltime {
    float: left;
    width: 25%;
}

.cal .caldesc {
    float: left;
    width: 100%;
}

.caltime + .caldesc {
    width: 75%;
    /*padding-left: 10px;*/
}

.cal img {
    max-width: 100%;
    /*border: 1px solid gray;*/
    /*padding: 5px;
    margin-top: 5px;*/
    display: block;
}

.calitem .ttl {
    font-weight: bold;
}

.download .calitem .ttl {
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.cal .calitem .ttl + .doc {
    font-weight: normal;
}

.caltime img {
    margin-top: -16px;
}

.calitem .sename {
    font-weight: bold;
    font-size: larger;
}
/*End program calendar on start page*/
.errorVal {
    display: none;
}

    .errorVal ~ input[type=text] {
        border: 1px solid red;
    }

.hidden {
    display: none;
}

.bpWebForm {
    padding-left: 24px;
}

.fileupload img {
    max-width: 120px;
    max-height: 120px;
    margin-top: 0.5em;
}

#deviceAlert {
    display: none;
}

@media only screen and (orientation:portrait) {
    div.landscapeonly #contentUpdatePanel {
        display: none;
    }

    div.landscapeonly #deviceAlert {
        display: block;
    }

    div.screenonly #contentUpdatePanel {
        display: none;
    }

    div.screenonly #deviceAlert {
        display: block;
    }
}

@media only screen and (orientation:landscape) {
    div.landscapeonly #deviceAlert {
        display: none;
    }

    div.landscapeonly #contentUpdatePanel {
        display: block;
    }

    div.screenonly #contentUpdatePanel {
        display: none;
    }

    div.screenonly #deviceAlert {
        display: block;
    }
}

@media only screen and (min-width:763px) {
    div.landscapeonly #deviceAlert {
        display: none;
    }

    div.landscapeonly #contentUpdatePanel {
        display: block;
    }

    div.screenonly #contentUpdatePanel {
        display: block;
    }

    div.screenonly #deviceAlert {
        display: none;
    }
}

.fileUpload {
    z-index: 500;
    position: relative;
    z-index: 10;
    float: left;
}

    .fileUpload input[type=file] {
        background: transparent;
        border: Dashed 2px #000000;
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    .fileUpload input[type=text] {
        width: 90% !important;
    }
.filter-btn {
    background-color: black !important;
}
.page-link {
    color: black !important;
}
.page-link.active {
    font-weight:bold;
}
p.desc{
    margin:0px;
}
.info label
{
    margin-bottom:0px;
}
.info a.more
{
    float:right;
}
.info .fav {
    color: #ff6b22;
    font-size:18px;
}
.evt-row:not(:first-child) {
    border-top: 1px solid #ccc;
    margin-top:10px;
}
.evt-row:not(:first-child):before {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    content:"";
}
.disp-icons 
{
    font-size:20px;
}
.disp-icons a {
    vertical-align: middle;
}
.disp-icons a.active span {
    color: #ff6b22;
}
@media (max-width: 768px) {
    .evt-row .col-md-6 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        content: "";
    }

    .evt-row:not(:first-child):before {
        border-top: none;
        margin-top: auto;
        content:  none;
    }
}
#map {
    width: 100%;
    height: 400px;
    background-color: grey;
}
.evres, .evpackg, .evorg {
    float: left;
}
.evpackg{
    max-width:75%;
}
.sponsor a{
    float:left;
}
.sponsor img {
    max-height: 50px;
    margin-left:10px;
}
.regbtn
{
    float:right;
}
.paymentInfo {
    border: 1px solid #e0e0e0;
    background-color: #f5f5f5;
    padding:10px;
    margin-bottom:10px;
}
.evpackg p, .evres p{
    margin-bottom: 0px;
}
.res-item 
{
    margin-bottom:10px;
}
.calitem hr {
    margin-bottom: 0px;
    margin-top: 0px;
}

.hidden-span-validator{
    /*width: 0% !important;*/
}

.md-text-size{
    font-size: 1.325rem;
}

.package-help-text{
    padding-top:0.25rem;
    position:relative;
}
.container-fluid.costtab {
    padding-left: 0px;
    padding-right: 0px;
}

.costtab .row.header {
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
}

.costtab .row {
    height: unset;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-top: 10px;
    padding-bottom: 10px;
}

.costtab .num {
    text-align: right;
}

.costtab .tot {
    font-weight: bold;
}

.costtab .quantity input[type=text] {
    width: 40px;
    text-align: right;
    font-weight: bold;
}

.costtab .collbl {
    display: none;
}

.costtab .pkgname {
    font-weight: bold;
}

.costtab input.amt {
    text-align: right;
    width: 100%;
    max-width: 180px;
    font-weight: bold;
}

.costtab .donerr {
    display: block;
}

.costtab .price {
    font-weight: bold;
}

@media (max-width: 768px) {
    .costtab .collbl {
        display: inline;
        float: left;
        font-weight: bold;
    }

    .costtab .row.header {
        display: none;
    }
}

.btnScannedTicket a{
    margin-right:15px;
}

.gedScannedTicket .row{
    margin-left:1px;
}
.gedScannedTicket .fieldlabel{
    margin-left:10px;
}

#myApplicationTour th:nth-child(2){
    width:400px;
}

div[class*='dl_status_helper_request'] {
    width: 530px !important;
}