@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic);

/*
* jQuery Mobile Framework Git Build: SHA1: c2d61e2e592c67519d9a9ed0ba796fa44787e136 <> Date: Tue Sep 25 10:38:12 2012 -0700
* http://jquerymobile.com
*
* Copyright 2012 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/


/* Swatches */

/* A
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-a {
    border: 0px solid #456f9a /*{b-bar-border}*/;
    background: #5e87b0 /*{b-bar-background-color}*/;
    color: #ffffff /*{b-bar-color}*/;
    text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #81a8ce /*{b-bar-background-start}*/), to( #5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/);    
}
.ui-bar-a .ui-link-inherit {
    color: #ffffff /*{a-bar-color}*/;
}

.ui-bar-a a.ui-link {
    color: #7cc4e7 /*{a-bar-link-color}*/;
}

.ui-bar-a a.ui-link:visited {
    color: #2489CE /*{a-bar-link-visited}*/;
}

.ui-bar-a a.ui-link:hover {
    color: #2489CE /*{a-bar-link-hover}*/;
}

.ui-bar-a a.ui-link:active {
    color: #2489CE /*{a-bar-link-active}*/;
}

.ui-bar-a,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-a button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-a,
.ui-overlay-a {
    border: 0px solid #2A2A2A /*{a-body-border}*/;
    color: #ffffff /*{a-body-color}*/;
    text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000000 /*{a-body-shadow-color}*/;
    background: #808080 /*{a-body-background-color}*/;
}
.ui-overlay-a {
    background-image: none;
    border-width: 0;
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-a .ui-link-inherit {
    color: #ffffff /*{a-body-color}*/;
}

.ui-body-a .ui-link {
    color: #33ccff /*{a-body-link-color}*/;
}

.ui-body-a .ui-link:visited {
    color: #2184a5 /*{a-body-link-visited}*/;
}

.ui-body-a .ui-link:hover {
    color: #3aeaFF /*{a-body-link-hover}*/;
}

.ui-body-a .ui-link:active {
    color: #33ccff /*{a-body-link-active}*/;
}

.ui-btn-up-a {
    border: 0px solid #ffffff /*{a-bup-border}*/;
    background: #ffffff /*{a-bup-background-color}*/;
    color: #000000 /*{a-bup-color}*/;
    text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #eeeeee /*{a-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bup-background-start}*/), to( #e5e5e5 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #e5e5e5 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #e5e5e5 /*{a-bup-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #e5e5e5 /*{a-bup-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #e5e5e5 /*{a-bup-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #e5e5e5 /*{a-bup-background-end}*/);
}
.ui-btn-up-a:visited,
.ui-btn-up-a a.ui-link-inherit {
    color: #000000 /*{a-bup-color}*/;
}
.ui-btn-hover-a {
    border: 0px solid #FFFFFF /*{a-bhover-border}*/;
    background: #FFFFFF /*{a-bhover-background-color}*/;
    color: #000000 /*{a-bhover-color}*/;
    text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #eeeeee /*{a-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bhover-background-start}*/), to( #e5e5e5 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #FFFFFF /*{a-bhover-background-start}*/, #e5e5e5 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #FFFFFF /*{a-bhover-background-start}*/, #e5e5e5 /*{a-bhover-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #FFFFFF /*{a-bhover-background-start}*/, #e5e5e5 /*{a-bhover-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #FFFFFF /*{a-bhover-background-start}*/, #e5e5e5 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #FFFFFF /*{a-bhover-background-start}*/, #e5e5e5 /*{a-bhover-background-end}*/);
}
.ui-btn-hover-a:visited,
.ui-btn-hover-a:hover,
.ui-btn-hover-a a.ui-link-inherit {
    color: #000000 /*{a-bhover-color}*/;
}
.ui-btn-down-a {
    border: 0px solid #FFFFFF /*{a-bdown-border}*/;
    background: #FFFFFF /*{a-bdown-background-color}*/;
    color: #000000 /*{a-bdown-color}*/;
    text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #eeeeee /*{a-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{a-bdown-background-start}*/), to( #FFFFFF /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #e5e5e5 /*{a-bdown-background-start}*/, #FFFFFF /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #e5e5e5 /*{a-bdown-background-start}*/, #FFFFFF /*{a-bdown-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #e5e5e5 /*{a-bdown-background-start}*/, #FFFFFF /*{a-bdown-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #e5e5e5 /*{a-bdown-background-start}*/, #FFFFFF /*{a-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #e5e5e5 /*{a-bdown-background-start}*/, #FFFFFF /*{a-bdown-background-end}*/);
}
.ui-btn-down-a:visited,
.ui-btn-down-a:hover,
.ui-btn-down-a a.ui-link-inherit {
    color: #000000 /*{a-bdown-color}*/;
}
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
    text-decoration: none;
}


/* B
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-b {
    border: 0px solid #456f9a /*{b-bar-border}*/;
    background: #5e87b0 /*{b-bar-background-color}*/;
    color: #ffffff /*{b-bar-color}*/;
    text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #81a8ce /*{b-bar-background-start}*/), to( #5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/);
}
.ui-bar-b .ui-link-inherit {
    color: #ffffff /*{b-bar-color}*/;
}

.ui-bar-b a.ui-link {
    color: #ddf0f8 /*{b-bar-link-color}*/;
}

.ui-bar-b a.ui-link:visited {
    color: #ddf0f8 /*{b-bar-link-visited}*/;
}

.ui-bar-b a.ui-link:hover {
    color: #ddf0f8 /*{b-bar-link-hover}*/;
}

.ui-bar-b a.ui-link:active {
    color: #ddf0f8 /*{b-bar-link-active}*/;
}

.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-b,
.ui-overlay-b {
    border: 0px solid #C6C6C6 /*{b-body-border}*/;
    color: #333333 /*{b-body-color}*/;
    text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #ffffff /*{b-body-shadow-color}*/;
    background: #cccccc /*{b-body-background-color}*/;
}
.ui-overlay-b {
    background-image: none;
    border-width: 0;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-b .ui-link-inherit {
    color: #333333 /*{b-body-color}*/;
}

.ui-body-b .ui-link {
    color: #2489CE /*{b-body-link-color}*/;
}

.ui-body-b .ui-link:visited {
    color: #2489CE /*{b-body-link-visited}*/;
}

.ui-body-b .ui-link:hover {
    color: #2489CE /*{b-body-link-hover}*/;
}

.ui-body-b .ui-link:active {
    color: #2489CE /*{b-body-link-active}*/;
}

.ui-btn-up-b {
    border: 0px solid #145072 /*{b-bup-border}*/;
    background: #2567ab /*{b-bup-background-color}*/;
    color: #ffffff /*{b-bup-color}*/;
    text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
}
.ui-btn-up-b:visited,
.ui-btn-up-b a.ui-link-inherit {
    color: #ffffff /*{b-bup-color}*/;
}
.ui-btn-hover-b {
    border: 0px solid #00516e /*{b-bhover-border}*/;
    background: #4b88b6 /*{b-bhover-background-color}*/;
    color: #ffffff /*{b-bhover-color}*/;
    text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #72b0d4 /*{b-bhover-background-start}*/), to( #4b88b6 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/);
}
.ui-btn-hover-b:visited,
.ui-btn-hover-b:hover,
.ui-btn-hover-b a.ui-link-inherit {
    color: #ffffff /*{b-bhover-color}*/;
}
.ui-btn-down-b {
    border: 0px solid #225377 /*{b-bdown-border}*/;
    background: #4e89c5 /*{b-bdown-background-color}*/;
    color: #ffffff /*{b-bdown-color}*/;
    text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #396b9e /*{b-bdown-background-start}*/), to( #4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/);
}
.ui-btn-down-b:visited,
.ui-btn-down-b:hover,
.ui-btn-down-b a.ui-link-inherit {
    color: #ffffff /*{b-bdown-color}*/;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
    text-decoration: none;
}




/* C
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-c {
    border: 0px solid #333 /*{c-bar-border}*/;
    background: #15457e /*{c-bar-background-color}*/;
    color: #fff /*{c-bar-color}*/;
    text-shadow: 1px /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #000 /*{c-bar-shadow-color}*/;
}
.ui-bar-c .ui-link-inherit {
    color: #fff /*{c-bar-color}*/;
}

.ui-bar-c a.ui-link {
    color: #7cc4e7 /*{c-bar-link-color}*/;
}

.ui-bar-c a.ui-link:visited {
    color: #2489CE /*{c-bar-link-visited}*/;
}

.ui-bar-c a.ui-link:hover {
    color: #2489CE /*{c-bar-link-hover}*/;
}

.ui-bar-c a.ui-link:active {
    color: #2489CE /*{c-bar-link-active}*/;
}

.ui-bar-c,
.ui-bar-c input,
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-c button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-c,
.ui-overlay-c {
    border: 0px solid #888 /*{c-body-border}*/;
    color: #333 /*{c-body-color}*/;
    text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
    background: #f8f8f8 /*{c-body-background-color}*/;
}
.ui-overlay-c {
    background-image: none;
    border-width: 0;
}
.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-c .ui-link-inherit {
    color: #333 /*{c-body-color}*/;
}

.ui-body-c .ui-link {
    color: #2489CE /*{c-body-link-color}*/;
}

.ui-body-c .ui-link:visited {
    color: #2489CE /*{c-body-link-visited}*/;
}

.ui-body-c .ui-link:hover {
    color: #2489CE /*{c-body-link-hover}*/;
}

.ui-body-c .ui-link:active {
    color: #2489CE /*{c-body-link-active}*/;
}

.ui-btn-up-c {
    border: 0px solid #888 /*{c-bup-border}*/;
    background: #eeeeee /*{c-bup-background-color}*/;
    color: #2F3E46 /*{c-bup-color}*/;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eeeeee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/);
}
.ui-btn-up-c:visited,
.ui-btn-up-c a.ui-link-inherit {
    color: #2F3E46 /*{c-bup-color}*/;
}
.ui-btn-hover-c {
    border: 0px solid #bbbbbb /*{c-bhover-border}*/;
    background: #dadada /*{c-bhover-background-color}*/;
    color: #2F3E46 /*{c-bhover-color}*/;
    text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{c-bhover-background-start}*/), to( #dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/);
}
.ui-btn-hover-c:visited,
.ui-btn-hover-c:hover,
.ui-btn-hover-c a.ui-link-inherit {
    color: #2F3E46 /*{c-bhover-color}*/;
}
.ui-btn-down-c {
    border: 0px solid #808080 /*{c-bdown-border}*/;
    background: #fdfdfd /*{c-bdown-background-color}*/;
    color: #2F3E46 /*{c-bdown-color}*/;
    text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/);
}
.ui-btn-down-c:visited,
.ui-btn-down-c:hover,
.ui-btn-down-c a.ui-link-inherit {
    color: #2F3E46 /*{c-bdown-color}*/;
}
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
    text-decoration: none;
}




/* D
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-d {
    border: 0px solid #cccccc /*{d-bar-border}*/;
    background: #bbbbbb /*{d-bar-background-color}*/;
    color: #333333 /*{d-bar-color}*/;
    text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eeeeee /*{d-bar-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #dddddd /*{d-bar-background-start}*/), to( #bbbbbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/);
}
.ui-bar-d .ui-link-inherit {
    color: #333333 /*{d-bar-color}*/;
}

.ui-bar-d a.ui-link {
    color: #2489CE /*{d-bar-link-color}*/;
}

.ui-bar-d a.ui-link:visited {
    color: #2489CE /*{d-bar-link-visited}*/;
}

.ui-bar-d a.ui-link:hover {
    color: #2489CE /*{d-bar-link-hover}*/;
}

.ui-bar-d a.ui-link:active {
    color: #2489CE /*{d-bar-link-active}*/;
}

.ui-bar-d,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-d button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-d,
.ui-overlay-d {
    border: 0px solid #cccccc /*{d-body-border}*/;
    color: #333333 /*{d-body-color}*/;
    text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #ffffff /*{d-body-shadow-color}*/;
    background: #ffffff /*{d-body-background-color}*/;
}
.ui-overlay-d {
    background-image: none;
    border-width: 0;
}
.ui-body-d,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-d button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-d .ui-link-inherit {
    color: #333333 /*{d-body-color}*/;
}

.ui-body-d .ui-link {
    color: #2489CE /*{d-body-link-color}*/;
}

.ui-body-d .ui-link:visited {
    color: #2489CE /*{d-body-link-visited}*/;
}

.ui-body-d .ui-link:hover {
    color: #2489CE /*{d-body-link-hover}*/;
}

.ui-body-d .ui-link:active {
    color: #2489CE /*{d-body-link-active}*/;
}

.ui-btn-up-d {
    border: 0px solid #cccccc /*{d-bup-border}*/;
    background: #ffffff /*{d-bup-background-color}*/;
    color: #333333 /*{d-bup-color}*/;
    text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #ffffff /*{d-bup-shadow-color}*/;
}
.ui-btn-up-d:visited,
.ui-btn-up-d a.ui-link-inherit {
    color: #333333 /*{d-bup-color}*/;
}
.ui-btn-hover-d {
    border: 0px solid #aaaaaa /*{d-bhover-border}*/;
    background: #eeeeee /*{d-bhover-background-color}*/;
    color: #222222 /*{d-bhover-color}*/;
    text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #ffffff /*{d-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{d-bhover-background-start}*/), to( #eeeeee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/);
}
.ui-btn-hover-d:visited,
.ui-btn-hover-d:hover,
.ui-btn-hover-d a.ui-link-inherit {
    color: #222222 /*{d-bhover-color}*/;
}
.ui-btn-down-d {
    border: 0px solid #aaaaaa /*{d-bdown-border}*/;
    background: #ffffff /*{d-bdown-background-color}*/;
    color: #111111 /*{d-bdown-color}*/;
    text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{d-bdown-background-start}*/), to( #ffffff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/);
}
.ui-btn-down-d:visited,
.ui-btn-down-d:hover,
.ui-btn-down-d a.ui-link-inherit {
    color: #111111 /*{d-bdown-color}*/;
}
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
    text-decoration: none;
}




/* E
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-e {
    border: 0px solid #700508 /*{e-bar-border}*/;
    background: #be1317 /*{e-bar-background-color}*/;
    color: #fff /*{e-bar-color}*/;
    text-shadow: 0 /*{e-bar-shadow-x}*/ -1px /*{e-bar-shadow-y}*/ 1px /*{e-bar-shadow-radius}*/ #7b0a04 /*{e-bar-shadow-color}*/;
}
.ui-bar-e .ui-link-inherit {
    color: #fff /*{e-bar-color}*/;
}

.ui-bar-e a.ui-link {
    color: #2489CE /*{e-bar-link-color}*/;
}

.ui-bar-e a.ui-link:visited {
    color: #2489CE /*{e-bar-link-visited}*/;
}

.ui-bar-e a.ui-link:hover {
    color: #2489CE /*{e-bar-link-hover}*/;
}

.ui-bar-e a.ui-link:active {
    color: #2489CE /*{e-bar-link-active}*/;
}

.ui-bar-e,
.ui-bar-e input,
.ui-bar-e select,
.ui-bar-e textarea,
.ui-bar-e button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-e,
.ui-overlay-e {
    border: 0px solid #7b0a04 /*{e-body-border}*/;
    color: #fff /*{e-body-color}*/;
    text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #7b0a04 /*{e-body-shadow-color}*/;
    background: #be1317 /*{e-body-background-color}*/;
}
.ui-overlay-e {
    background-image: none;
    border-width: 0;
}
.ui-body-e,
.ui-body-e input,
.ui-body-e select,
.ui-body-e textarea,
.ui-body-e button {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-e .ui-link-inherit {
    color: #fff /*{e-body-color}*/;
}

.ui-body-e .ui-link {
    color: #fff /*{e-body-link-color}*/;
}

.ui-body-e .ui-link:visited {
    color: #2489CE /*{e-body-link-visited}*/;
}

.ui-body-e .ui-link:hover {
    color: #2489CE /*{e-body-link-hover}*/;
}

.ui-body-e .ui-link:active {
    color: #2489CE /*{e-body-link-active}*/;
}

.ui-btn-up-e {
    border: 0px solid #F7C942 /*{e-bup-border}*/;
    background: #fadb4e /*{e-bup-background-color}*/;
    color: #333333 /*{e-bup-color}*/;
    text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #ffffff /*{e-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bup-background-start}*/), to( #fadb4e /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/);
}
.ui-btn-up-e:visited,
.ui-btn-up-e a.ui-link-inherit {
    color: #333333 /*{e-bup-color}*/;
}
.ui-btn-hover-e {
    border: 0px solid #e79952 /*{e-bhover-border}*/;
    background: #fbe26f /*{e-bhover-background-color}*/;
    color: #333333 /*{e-bhover-color}*/;
    text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ #ffffff /*{e-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fcf0b5 /*{e-bhover-background-start}*/), to( #fbe26f /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/);
}
.ui-btn-hover-e:visited,
.ui-btn-hover-e:hover,
.ui-btn-hover-e a.ui-link-inherit {
    color: #333333 /*{e-bhover-color}*/;
}
.ui-btn-down-e {
    border: 0px solid #F7C942 /*{e-bdown-border}*/;
    background: #fceda7 /*{e-bdown-background-color}*/;
    color: #333333 /*{e-bdown-color}*/;
    text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fadb4e /*{e-bdown-background-start}*/), to( #fceda7 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/);
}
.ui-btn-down-e:visited,
.ui-btn-down-e:hover,
.ui-btn-down-e a.ui-link-inherit {
    color: #333333 /*{e-bdown-color}*/;
}
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e {
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
    text-decoration: none;
}




/* Structure */

/* links within "buttons" 
-----------------------------------------------------------------------------------------------------------*/

a.ui-link-inherit {
    text-decoration: none !important;
}


/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
    border: 0px solid #155678 /*{global-active-border}*/;
    background: #5079aa /*{global-active-background-color}*/;
    color: #ffffff /*{global-active-color}*/;
    cursor: pointer;
    text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #304866 /*{global-active-background-start}*/), to( #70a9ed /*{global-active-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #304866 /*{global-active-background-start}*/, #70a9ed /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #304866 /*{global-active-background-start}*/, #70a9ed /*{global-active-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #304866 /*{global-active-background-start}*/, #70a9ed /*{global-active-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #304866 /*{global-active-background-start}*/, #70a9ed /*{global-active-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #304866 /*{global-active-background-start}*/, #70a9ed /*{global-active-background-end}*/);
     font-family: Open Sans, Segoe UI, Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active:visited,
.ui-btn-active:hover,
.ui-btn-active a.ui-link-inherit {
    color: #ffffff /*{global-active-color}*/;
}


/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-inner {
    border-top: 1px solid   #fff;
    border-color:           rgba(255,255,255,.3);
}


/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/

.ui-corner-tl {
    -moz-border-radius-topleft: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-top-left-radius: 0.1em /*{global-radii-blocks}*/;
    border-top-left-radius: 0.1em /*{global-radii-blocks}*/;
}
.ui-corner-tr {
    -moz-border-radius-topright: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-top-right-radius: 0.1em /*{global-radii-blocks}*/;
    border-top-right-radius: 0.1em /*{global-radii-blocks}*/;
}
.ui-corner-bl {
    -moz-border-radius-bottomleft: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-bottom-left-radius: 0.1em /*{global-radii-blocks}*/;
    border-bottom-left-radius: 0.1em /*{global-radii-blocks}*/;
}
.ui-corner-br {
    -moz-border-radius-bottomright: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-bottom-right-radius: 0.1em /*{global-radii-blocks}*/;
    border-bottom-right-radius: 0.1em /*{global-radii-blocks}*/;
}
.ui-corner-top {
    -moz-border-radius-topleft: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-top-left-radius: 0.1em /*{global-radii-blocks}*/;
    border-top-left-radius: 0.1em /*{global-radii-blocks}*/;
    -moz-border-radius-topright: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-top-right-radius: 0.1em /*{global-radii-blocks}*/;
    border-top-right-radius: 0.1em /*{global-radii-blocks}*/;
}
.ui-corner-bottom {
    -moz-border-radius-bottomleft: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-bottom-left-radius: 0.1em /*{global-radii-blocks}*/;
    border-bottom-left-radius: 0.1em /*{global-radii-blocks}*/;
    -moz-border-radius-bottomright: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-bottom-right-radius: 0.1em /*{global-radii-blocks}*/;
    border-bottom-right-radius: 0.1em /*{global-radii-blocks}*/;
    }
.ui-corner-right {
    -moz-border-radius-topright: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-top-right-radius: 0.1em /*{global-radii-blocks}*/;
    border-top-right-radius: 0.1em /*{global-radii-blocks}*/;
    -moz-border-radius-bottomright: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-bottom-right-radius: 0.1em /*{global-radii-blocks}*/;
    border-bottom-right-radius: 0.1em /*{global-radii-blocks}*/;
}
.ui-corner-left {
    -moz-border-radius-topleft: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-top-left-radius: 0.1em /*{global-radii-blocks}*/;
    border-top-left-radius: 0.1em /*{global-radii-blocks}*/;
    -moz-border-radius-bottomleft: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-bottom-left-radius: 0.1em /*{global-radii-blocks}*/;
    border-bottom-left-radius: 0.1em /*{global-radii-blocks}*/;
}
.ui-corner-all {
    -moz-border-radius: 0.1em /*{global-radii-blocks}*/;
    -webkit-border-radius: 0.1em /*{global-radii-blocks}*/;
    border-radius: 0.1em /*{global-radii-blocks}*/;
}
.ui-corner-none {
    -moz-border-radius:                    0;
    -webkit-border-radius:                 0;
    border-radius:                         0;
}

/* Form field separator
-----------------------------------------------------------------------------------------------------------*/
.ui-br {
    border-bottom: rgb(130,130,130);
    border-bottom: rgba(130,130,130,.3);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* Interaction cues
-----------------------------------------------------------------------------------------------------------*/
.ui-disabled {
    filter: Alpha(Opacity=30);
    opacity: .3;
    zoom: 1;
}
.ui-disabled,
.ui-disabled a {
    cursor: default !important;
    pointer-events: none;
}

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

.ui-icon,
.ui-icon-searchfield:after {
    background:transparent url(../../img/mobile-icons-18-black.png) no-repeat;
    -moz-border-radius:                 0;
    -webkit-border-radius:              0;
    border-radius:                      0;
}

body .ui-btn-active .ui-icon, body .ui-btn-active .ui-icon-searchfield:after
        ,body .ui-btn-up-b .ui-icon, body .ui-btn-up-b .ui-icon-searchfield:after
        ,body .ui-btn-hover-b .ui-icon, body .ui-btn-hover-b .ui-icon-searchfield:after
        ,body .ui-btn-down-b .ui-icon, body .ui-btn-down-b .ui-icon-searchfield:after {
    background-image:url(../../img/mobile-icons-18-white.png);
}

body .ui-btn-active .ui-icon-goto-desktop, body .ui-btn-active .ui-icon-dustbin
        ,body .ui-btn-active .ui-icon-mail-reply, body .ui-btn-active .ui-icon-mail-replyall
        ,body .ui-btn-active .ui-icon-mail-forward, body .ui-btn-active .ui-icon-mail-reroute
        ,body .ui-btn-active .ui-icon-mail-archive, body .ui-btn-active .ui-icon-send-mail
        ,body .ui-btn-active .ui-icon-attachment, body .ui-btn-active .ui-icon-save
        ,body .ui-btn-active .ui-icon-mail-asnew, body .ui-btn-active .ui-icon-mail-markread
        ,body .ui-btn-active .ui-icon-mail-markunread, body .ui-btn-active .ui-icon-mail-markjunk
        ,body .ui-btn-active .ui-icon-mail-marknotjunk, body .ui-btn-active .ui-icon-mail-colourmark
        ,body .ui-btn-active .ui-icon-mail-copyto, body .ui-btn-active .ui-icon-mail-moveto
        ,body .ui-btn-active .ui-icon-newtab
        ,body .ui-btn-up-b .ui-icon-goto-desktop, body .ui-btn-up-b .ui-icon-dustbin
        ,body .ui-btn-up-b .ui-icon-mail-reply, body .ui-btn-up-b .ui-icon-mail-replyall
        ,body .ui-btn-up-b .ui-icon-mail-forward, body .ui-btn-up-b .ui-icon-mail-reroute
        ,body .ui-btn-up-b .ui-icon-mail-archive, body .ui-btn-up-b .ui-icon-send-mail
        ,body .ui-btn-up-b .ui-icon-attachment, body .ui-btn-up-b .ui-icon-save
        ,body .ui-btn-up-b .ui-icon-mail-asnew, body .ui-btn-up-b .ui-icon-mail-markread
        ,body .ui-btn-up-b .ui-icon-mail-markunread, body .ui-btn-up-b .ui-icon-mail-markjunk
        ,body .ui-btn-up-b .ui-icon-mail-marknotjunk, body .ui-btn-up-b .ui-icon-mail-colourmark
        ,body .ui-btn-up-b .ui-icon-mail-copyto, body .ui-btn-up-b .ui-icon-mail-moveto
        ,body .ui-btn-up-b .ui-icon-newtab
        ,body .ui-btn-hover-b .ui-icon-goto-desktop, body .ui-btn-hover-b .ui-icon-dustbin
        ,body .ui-btn-hover-b .ui-icon-mail-reply, body .ui-btn-hover-b .ui-icon-mail-replyall
        ,body .ui-btn-hover-b .ui-icon-mail-forward, body .ui-btn-hover-b .ui-icon-mail-reroute
        ,body .ui-btn-hover-b .ui-icon-mail-archive, body .ui-btn-hover-b .ui-icon-send-mail
        ,body .ui-btn-hover-b .ui-icon-attachment, body .ui-btn-hover-b .ui-icon-save
        ,body .ui-btn-hover-b .ui-icon-mail-asnew, body .ui-btn-hover-b .ui-icon-mail-markread
        ,body .ui-btn-hover-b .ui-icon-mail-markunread, body .ui-btn-hover-b .ui-icon-mail-markjunk
        ,body .ui-btn-hover-b .ui-icon-mail-marknotjunk, body .ui-btn-hover-b .ui-icon-mail-colourmark
        ,body .ui-btn-hover-b .ui-icon-mail-copyto, body .ui-btn-hover-b .ui-icon-mail-moveto
        ,body .ui-btn-hover-b .ui-icon-newtab
        ,body .ui-btn-down-b .ui-icon-goto-desktop, body .ui-btn-down-b .ui-icon-dustbin
        ,body .ui-btn-down-b .ui-icon-mail-reply, body .ui-btn-down-b .ui-icon-mail-replyall
        ,body .ui-btn-down-b .ui-icon-mail-forward, body .ui-btn-down-b .ui-icon-mail-reroute
        ,body .ui-btn-down-b .ui-icon-mail-archive, body .ui-btn-down-b .ui-icon-send-mail
        ,body .ui-btn-down-b .ui-icon-attachment, body .ui-btn-down-b .ui-icon-save
        ,body .ui-btn-down-b .ui-icon-mail-asnew, body .ui-btn-down-b .ui-icon-mail-markread
        ,body .ui-btn-down-b .ui-icon-mail-markunread, body .ui-btn-down-b .ui-icon-mail-markjunk
        ,body .ui-btn-down-b .ui-icon-mail-marknotjunk, body .ui-btn-down-b .ui-icon-mail-colourmark
        ,body .ui-btn-down-b .ui-icon-mail-copyto, body .ui-btn-down-b .ui-icon-mail-moveto
        ,body .ui-btn-down-b .ui-icon-newtab {
    background-image:url(../../img/mobile-custom-18-white.png);
}

/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-alt {
    background:                         #fff;
    background:                         rgba(255,255,255,.3);
    background-image: url(../../img/mobile-icons-18-white.png);
    background-repeat: no-repeat;
}

/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
    
    .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
    .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
    .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
    .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
    .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
        background-image: url(../../img/mobile-icons-36-black.png);
        -moz-background-size: 776px 18px;
        -o-background-size: 776px 18px;
        -webkit-background-size: 776px 18px;
        background-size: 776px 18px;
    }
    .ui-icon-alt, body .ui-btn-active .ui-icon, body .ui-btn-active .ui-icon-searchfield:after
            ,body .ui-btn-up-b .ui-icon, body .ui-btn-up-b .ui-icon-searchfield:after
            ,body .ui-btn-hover-b .ui-icon, body .ui-btn-hover-b .ui-icon-searchfield:after
            ,body .ui-btn-down-b .ui-icon, body .ui-btn-down-b .ui-icon-searchfield:after {
        background-image: url(../../img/mobile-icons-36-white.png);
    }

    body .ui-btn-active .ui-icon-goto-desktop, body .ui-btn-active .ui-icon-dustbin
            ,body .ui-btn-active .ui-icon-mail-reply, body .ui-btn-active .ui-icon-mail-replyall
            ,body .ui-btn-active .ui-icon-mail-forward, body .ui-btn-active .ui-icon-mail-reroute
            ,body .ui-btn-active .ui-icon-mail-archive, body .ui-btn-active .ui-icon-send-mail
            ,body .ui-btn-active .ui-icon-attachment, body .ui-btn-active .ui-icon-save
            ,body .ui-btn-active .ui-icon-mail-asnew, body .ui-btn-active .ui-icon-mail-markread
            ,body .ui-btn-active .ui-icon-mail-markunread, body .ui-btn-active .ui-icon-mail-markjunk
            ,body .ui-btn-active .ui-icon-mail-marknotjunk, body .ui-btn-active .ui-icon-mail-colourmark
            ,body .ui-btn-active .ui-icon-mail-copyto, body .ui-btn-active .ui-icon-mail-moveto
            ,body .ui-btn-active .ui-icon-newtab
            ,body .ui-btn-up-b .ui-icon-goto-desktop, body .ui-btn-up-b .ui-icon-dustbin
            ,body .ui-btn-up-b .ui-icon-mail-reply, body .ui-btn-up-b .ui-icon-mail-replyall
            ,body .ui-btn-up-b .ui-icon-mail-forward, body .ui-btn-up-b .ui-icon-mail-reroute
            ,body .ui-btn-up-b .ui-icon-mail-archive, body .ui-btn-up-b .ui-icon-send-mail
            ,body .ui-btn-up-b .ui-icon-attachment, body .ui-btn-up-b .ui-icon-save
            ,body .ui-btn-up-b .ui-icon-mail-asnew, body .ui-btn-up-b .ui-icon-mail-markread
            ,body .ui-btn-up-b .ui-icon-mail-markunread, body .ui-btn-up-b .ui-icon-mail-markjunk
            ,body .ui-btn-up-b .ui-icon-mail-marknotjunk, body .ui-btn-up-b .ui-icon-mail-colourmark
            ,body .ui-btn-up-b .ui-icon-mail-copyto, body .ui-btn-up-b .ui-icon-mail-moveto
            ,body .ui-btn-up-b .ui-icon-newtab
            ,body .ui-btn-hover-b .ui-icon-goto-desktop, body .ui-btn-hover-b .ui-icon-dustbin
            ,body .ui-btn-hover-b .ui-icon-mail-reply, body .ui-btn-hover-b .ui-icon-mail-replyall
            ,body .ui-btn-hover-b .ui-icon-mail-forward, body .ui-btn-hover-b .ui-icon-mail-reroute
            ,body .ui-btn-hover-b .ui-icon-mail-archive, body .ui-btn-hover-b .ui-icon-send-mail
            ,body .ui-btn-hover-b .ui-icon-attachment, body .ui-btn-hover-b .ui-icon-save
            ,body .ui-btn-hover-b .ui-icon-mail-asnew, body .ui-btn-hover-b .ui-icon-mail-markread
            ,body .ui-btn-hover-b .ui-icon-mail-markunread, body .ui-btn-hover-b .ui-icon-mail-markjunk
            ,body .ui-btn-hover-b .ui-icon-mail-marknotjunk, body .ui-btn-hover-b .ui-icon-mail-colourmark
            ,body .ui-btn-hover-b .ui-icon-mail-copyto, body .ui-btn-hover-b .ui-icon-mail-moveto
            ,body .ui-btn-hover-b .ui-icon-newtab
            ,body .ui-btn-down-b .ui-icon-goto-desktop, body .ui-btn-down-b .ui-icon-dustbin
            ,body .ui-btn-down-b .ui-icon-mail-reply, body .ui-btn-down-b .ui-icon-mail-replyall
            ,body .ui-btn-down-b .ui-icon-mail-forward, body .ui-btn-down-b .ui-icon-mail-reroute
            ,body .ui-btn-down-b .ui-icon-mail-archive, body .ui-btn-down-b .ui-icon-send-mail
            ,body .ui-btn-down-b .ui-icon-attachment, body .ui-btn-down-b .ui-icon-save
            ,body .ui-btn-down-b .ui-icon-mail-asnew, body .ui-btn-down-b .ui-icon-mail-markread
            ,body .ui-btn-down-b .ui-icon-mail-markunread, body .ui-btn-down-b .ui-icon-mail-markjunk
            ,body .ui-btn-down-b .ui-icon-mail-marknotjunk, body .ui-btn-down-b .ui-icon-mail-colourmark
            ,body .ui-btn-down-b .ui-icon-mail-copyto, body .ui-btn-down-b .ui-icon-mail-moveto
            ,body .ui-btn-down-b .ui-icon-newtab {
        background-image:url(../../img/mobile-custom-36-white.png);
    }
}

/* plus minus */
.ui-icon-plus {
    background-position:    -0 50%;
}
.ui-icon-minus {
    background-position:    -36px 50%;
}

/* delete/close */
.ui-icon-delete {
    background-position:    -72px 50%;
}

/* arrows */
.ui-icon-arrow-r {
    background-position:    -108px 50%;
}
.ui-icon-arrow-l {
    background-position:    -144px 50%;
}
.ui-icon-arrow-u {
    background-position:    -180px 50%;
}
.ui-icon-arrow-d {
    background-position:    -216px 50%;
}

/* misc */
.ui-icon-check {
    background-position:    -252px 50%;
}
.ui-icon-gear {
    background-position:    -288px 50%;
}
.ui-icon-refresh {
    background-position:    -324px 50%;
}
.ui-icon-forward {
    background-position:    -360px 50%;
}
.ui-icon-back {
    background-position:    -396px 50%;
}
.ui-icon-grid {
    background-position:    -432px 50%;
}
.ui-icon-star {
    background-position:    -468px 50%;
}
.ui-icon-alert {
    background-position:    -504px 50%;
}
.ui-icon-info {
    background-position:    -540px 50%;
}
.ui-icon-home {
    background-position:    -576px 50%;
}
.ui-icon-search,
.ui-icon-searchfield:after {
    background-position:    -612px 50%;
}
.ui-icon-checkbox-off {
    background-position:    -684px 50%;
}
.ui-icon-checkbox-on {
    background-position:    -648px 50%;
}
.ui-icon-radio-off {
    background-position:    -756px 50%;
}
.ui-icon-radio-on {
    background-position:    -720px 50%;
}


/* checks,radios */
.ui-checkbox .ui-icon,
.ui-selectmenu-list .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-icon-checkbox-off,
.ui-icon-radio-off {
    background-color: transparent;  
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
    background-color: #5079aa /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}

/* loading icon */
.ui-icon-loading {
    background: url(images/ajax-loader.gif)!important;
    background-size: 46px 46px!important;
}


/* Button corner classes
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-corner-tl {
    -moz-border-radius-topleft: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-top-left-radius: 0.1em /*{global-radii-buttons}*/;
    border-top-left-radius: 0.1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-tr {
    -moz-border-radius-topright: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-top-right-radius: 0.1em /*{global-radii-buttons}*/;
    border-top-right-radius: 0.1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-bl {
    -moz-border-radius-bottomleft: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-bottom-left-radius: 0.1em /*{global-radii-buttons}*/;
    border-bottom-left-radius: 0.1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-br {
    -moz-border-radius-bottomright: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-bottom-right-radius: 0.1em /*{global-radii-buttons}*/;
    border-bottom-right-radius: 0.1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-top {
    -moz-border-radius-topleft: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-top-left-radius: 0.1em /*{global-radii-buttons}*/;
    border-top-left-radius: 0.1em /*{global-radii-buttons}*/;
    -moz-border-radius-topright: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-top-right-radius: 0.1em /*{global-radii-buttons}*/;
    border-top-right-radius: 0.1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-bottom {
    -moz-border-radius-bottomleft: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-bottom-left-radius: 0.1em /*{global-radii-buttons}*/;
    border-bottom-left-radius: 0.1em /*{global-radii-buttons}*/;
    -moz-border-radius-bottomright: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-bottom-right-radius: 0.1em /*{global-radii-buttons}*/;
    border-bottom-right-radius: 0.1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-right {
     -moz-border-radius-topright: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-top-right-radius: 0.1em /*{global-radii-buttons}*/;
    border-top-right-radius: 0.1em /*{global-radii-buttons}*/;
    -moz-border-radius-bottomright: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-bottom-right-radius: 0.1em /*{global-radii-buttons}*/;
    border-bottom-right-radius: 0.1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-left {
    -moz-border-radius-topleft: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-top-left-radius: 0.1em /*{global-radii-buttons}*/;
    border-top-left-radius: 0.1em /*{global-radii-buttons}*/;
    -moz-border-radius-bottomleft: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-bottom-left-radius: 0.1em /*{global-radii-buttons}*/;
    border-bottom-left-radius: 0.1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-all {
    -moz-border-radius: 0.1em /*{global-radii-buttons}*/;
    -webkit-border-radius: 0.1em /*{global-radii-buttons}*/;
    border-radius: 0.1em /*{global-radii-buttons}*/;
}

/* radius clip workaround for cleaning up corner trapping */
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-corner-br,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-all,
.ui-btn-corner-tl,
.ui-btn-corner-tr,
.ui-btn-corner-bl,
.ui-btn-corner-br,
.ui-btn-corner-top,
.ui-btn-corner-bottom,
.ui-btn-corner-right,
.ui-btn-corner-left,
.ui-btn-corner-all {
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

/* Overlay / modal
-----------------------------------------------------------------------------------------------------------*/

.ui-overlay {
    background: #666;
    filter: Alpha(Opacity=50);
    opacity: .5;
    position: absolute;
    width: 100%;
    height: 100%;
}
.ui-overlay-shadow {
    -moz-box-shadow: 0px 0px 12px           rgba(0,0,0,.6);
    -webkit-box-shadow: 0px 0px 12px        rgba(0,0,0,.6);
    box-shadow: 0px 0px 12px                rgba(0,0,0,.6);
}
.ui-shadow {
    -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
    -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
    box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
    -moz-box-shadow: 0px 1px 0              rgba(255,255,255,.3);
    -webkit-box-shadow: 0px 1px 0           rgba(255,255,255,.3);
    box-shadow: 0px 1px 0                   rgba(255,255,255,.3);
}
.ui-shadow-inset {
    -moz-box-shadow: inset 0px 1px 4px      rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
    box-shadow: inset 0px 1px 4px           rgba(0,0,0,.2);
}
.ui-icon-shadow {
    -moz-box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/;
    -webkit-box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/;
    box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/;
}

/* Focus state - set here for specificity (note: these classes are added by JavaScript)
-----------------------------------------------------------------------------------------------------------*/

.ui-btn:focus, .ui-link-inherit:focus {
    outline: 0;
}
.ui-btn.ui-focus {
    z-index: 1;
}
.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: inset 0px 0px 3px #5079aa /*{global-active-background-color}*/, 0px 0px 9px #5079aa /*{global-active-background-color}*/;
    -webkit-box-shadow: inset 0px 0px 3px #5079aa /*{global-active-background-color}*/, 0px 0px 9px #5079aa /*{global-active-background-color}*/;
    box-shadow: inset 0px 0px 3px #5079aa /*{global-active-background-color}*/, 0px 0px 9px #5079aa /*{global-active-background-color}*/;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
    -moz-box-shadow: 0px 0px 12px #5079aa /*{global-active-background-color}*/;
    -webkit-box-shadow: 0px 0px 12px #5079aa /*{global-active-background-color}*/;
    box-shadow: 0px 0px 12px #5079aa /*{global-active-background-color}*/;  
}

/* unset box shadow in browsers that don't do it right
-----------------------------------------------------------------------------------------------------------*/

.ui-mobile-nosupport-boxshadow * {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus,
.ui-mobile-nosupport-boxshadow .ui-btn:focus,
.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
    outline-width: 1px;
    outline-style: auto;
}
