/* Minification failed. Returning unminified contents.
(3138,24): run-time error CSS1030: Expected identifier, found ' '
(3138,25): run-time error CSS1031: Expected selector, found '0'
(3138,25): run-time error CSS1025: Expected comma or open brace, found '0'
(3139,21): run-time error CSS1030: Expected identifier, found ' '
(3139,22): run-time error CSS1031: Expected selector, found '0'
(3139,22): run-time error CSS1025: Expected comma or open brace, found '0'
(3140,16): run-time error CSS1030: Expected identifier, found ' '
(3140,17): run-time error CSS1031: Expected selector, found '0'
(3140,17): run-time error CSS1025: Expected comma or open brace, found '0'
(3141,1): run-time error CSS1019: Unexpected token, found '}'
(3404,20): run-time error CSS1030: Expected identifier, found ' '
(3404,21): run-time error CSS1031: Expected selector, found '-'
(3404,21): run-time error CSS1025: Expected comma or open brace, found '-'
(3496,20): run-time error CSS1030: Expected identifier, found ' '
(3496,21): run-time error CSS1031: Expected selector, found '-'
(3496,21): run-time error CSS1025: Expected comma or open brace, found '-'
 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-spacing: 0;
}


/* #Basic Styles
================================================== */
body {
    background: #fff;
    font: 14px/21px Helvetica,Arial,sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color: #181818;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
}

.content h1, .content h2, .content h3, .content h4, .content h5 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}

h1 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 14px;
}

h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 10px;
}

h3 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 8px;
}

h4 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 4px;
}

h5 {
    font-size: 14px;
    line-height: 21px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
}

.subheader {
    color: #595959;
}

h2.page-title {
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 20px 70px 0 0;
    opacity: 0.75;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

p {
    margin: 0 0 20px 0;
}

    p img {
        margin: 0;
    }

    p.lead {
        font-size: 21px;
        line-height: 27px;
        color: #595959;
    }

em {
    font-style: italic;
}

strong {
    font-weight: bold;
    color: #333;
}

small, .smtxt {
    font-size: 80%;
}

/*	Blockquotes  */
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #595959;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #555;
    }

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

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

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}


/* #Links
================================================== */
a, a:visited {
    color: #333;
    text-decoration: underline;
    outline: 0;
}

a#Glb_phnlnk {
    text-decoration: none;
}

    a:hover, a:focus {
        color: #C0AFAF;
    }

p a, p a:visited {
    line-height: inherit;
}

th a {
    color: #333;
    text-decoration: none;
}

    th a:hover {
        color: #333;
        text-decoration: none;
    }

a.inv {
    color: #333;
    text-decoration: none;
}

tr:hover a.inv {
    color: #fff;
    text-decoration: none;
}

/* #Lists
================================================== */
ul, ol {
    margin-bottom: 20px;
}

ul {
    list-style: none outside;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%;
}

    ul ul li, ul ol li,
    ol ol li, ol ul li {
        margin-bottom: 6px;
    }

li {
    line-height: 21px;
    margin-bottom: 12px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}

/* #Images
================================================== */

img {
    max-width: 100%;
    height: auto;
}

    img.display {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }


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


.btn.right, button.right {
    float: right;
}

.btn.disabled, button[disabled] {
    background: #7e7e7e;
    color: #fff;
    cursor: default;
    border-top: 1px solid #999;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    width: 7em;
}

    .btn.disabled:hover, button[disabled]:hover {
        background: #7e7e7e;
        color: #fff;
        cursor: default;
        border-top: 1px solid #999;
        border-bottom: 1px solid #666;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
        box-shadow: 2px 2px 7px 0px #a9a9a9;
        width: 7em;
    }


.button,
.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background: #eee; /* Old browsers */
    background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    border-radius: 5px;
    box-shadow: 2px 2px 7px 0px #a9a9a9;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;
    background: #29417f;
    border-top: 1px solid #cad3ef;
    border-bottom: 1px solid #29417f;
    border-left: 1px solid #29417f;
    border-right: 1px solid #19274c;
    color: #fff;
    font-weight: normal;
    text-shadow: none;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    padding: 8px 10px;
    font-family: Helvetica,Arial,sans-serif;
    text-align: center;
}

#btnSignIn {
    color:#fff;
    text-shadow:none !important;
}

    .button:hover, .btn:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        color: #222;
        background: #ddd; /* Old browsers */
        background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
        background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
        background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
        background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
        background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
        background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
        box-shadow: 1px 1px 7px -2px #a9a9a9;
        background: #29417f;
        border-top: 1px solid #cad3ef;
        border-bottom: 1px solid #29417f;
        border-left: 1px solid #29417f;
        border-right: 1px solid #19274c;
        box-shadow: none;
        color: #fff;
        font-weight: normal;
        text-shadow: none;
        text-align: center;
    }

    .button:active, .btn.active,
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {
        border: 1px solid #666;
        background: #ccc; /* Old browsers */
        background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
        background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
        background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
        background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
        background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
        background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
        background: #1b2a50;
        text-align: center;
    }


    .button.full-width,
    button.full-width,
    input[type="submit"].full-width,
    input[type="reset"].full-width,
    input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    /* Fix for odd Mozilla border & padding issues */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .btn.blue {
        background: #29417f;
        border-top: 1px solid #cad3ef;
        border-bottom: 1px solid #29417f;
        border-left: 1px solid #29417f;
        border-right: 1px solid #19274c;
        color: #fff;
        text-align: center;
        width: 7em;
    }

        .btn.blue.menu {
            background: #29417f;
            border-top: 1px solid #cad3ef;
            border-bottom: 1px solid #29417f;
            border-left: 1px solid #29417f;
            border-right: 1px solid #19274c;
            color: #fff;
            width: 45em;
        }

        .btn.blue.nav {
            background: #29417f;
            border-top: 1px solid #cad3ef;
            border-bottom: 1px solid #29417f;
            border-left: 1px solid #29417f;
            border-right: 1px solid #19274c;
            color: #fff;
            width: 7em;
        }


        .btn.blue.go {
            background: #29417f;
            border-top: 1px solid #cad3ef;
            border-bottom: 1px solid #29417f;
            border-left: 1px solid #29417f;
            border-right: 1px solid #19274c;
            color: #fff;
            text-align: center;
            width: 4em;
        }

        .btn.blue a {
            color: #fff;
            text-align: center;
            text-decoration: none;
        }

    .btn.right {
        float: right;
        width: 15em;
    }


/* #Date Picker
================================================== */

.ui-datepicker-trigger {
    margin-bottom: 4px;
    vertical-align: middle;
    cursor: hand;
}

input[type="text"].datepicker {
    border: 1px solid #ccc;
    padding: 0px 0px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #595959;
    margin: 0;
    width: 75px;
    max-width: 100%;
    display: inline;
    margin-bottom: 5px;
    margin-right: 2px;
    background: #fff;
}





/* #Forms
================================================== */

form {
    margin-bottom: 20px;
}

fieldset {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #ccc;
    padding: 0px 0px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #595959;
    margin: 0;
    width: 210px;
    max-width: 100%;
    /*display: block;*/
    margin-bottom: 5px;
    margin-right: 10px;
    background: #fff;
}

select {
    padding: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

textarea {
    min-height: 60px;
}

label,
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

select {
    width: 220px;
}

input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}

.two-column label {
    width: 30%;
    float: left;
}

.two-column fieldset {
    width: 70%;
    float: left;
}

fieldset {
    white-space: nowrap;
}

.inline {
    display: inline !important;
}

.small {
    width: 25%;
}

.med {
    width: 50%;
}

.large {
    width: 98%;
}

.inline {
    display: inline;
}

/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0 !important;
}

.half-bottom {
    margin-bottom: 10px !important;
}

.add-bottom {
    margin-bottom: 20px !important;
}

.fine {
    font-size: 13px;
    color: #666;
    line-height: 15px;
}

    .fine p {
        margin-bottom: 9px;
    }

#chart_container {
    text-align: center;
}

/* #Table
================================================== */

table, thead, tbody, tr, tfoot {
    width: 100%;
}

table {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 7px -1px #a9a9a9;
    margin: 20px 0;
}

tbody tr {
    border-left: 1px solid #585858;
    border-right: 1px solid #585858;
}

thead th {
    border-bottom: 5px solid #29417f;
    text-align: left;
    padding: 10px;
    font-weight: bold;
}

td {
    padding: 10px;
}

tr:nth-of-type(2n+1) {
    background: #ededed;
}

tbody tr:hover, table.borderless tr:nth-of-type(2n+1):hover {
    background: rgba(41, 65, 127, 0.75);
    color: #fff;
}

.defaulthover tbody tr:hover {
    background: rgba(41, 65, 127, 0.75) !important;
    color: #fff !important;
}

table.nohover tr:nth-of-type(2n+1):hover {
    background-color: #ededed;
    color: #000;
}
table.nohover tr:nth-of-type(2n):hover {
    background-color: white;
    color: #000;
}

tfoot {
    text-align: left;
    font-weight: bold;
}

    tfoot th {
        border-top: 5px solid #29417f;
        padding: 10px;
    }

.currency {
    text-align: right;
}

.HeaderTextAlign {
    text-align: right;
}

.center {
    text-align: center;
}

th.omega, td.omega {
    text-align: right;
}

table tr:first-child {
    border-radius: 5px 5px 0 0;
}

table.borderless {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    table.borderless tr:nth-of-type(2n+1) {
        background: none;
    }

    table.borderless td {
        border-bottom: 1px solid #ccc;
    }

    table.borderless tr:last-child td {
        border-bottom: none;
    }

.key {
    width: 15px;
}

.colorkey {
    width: 15px;
    height: 15px;
}

.currency {
    text-align: right;
}

table.wide {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 7px -1px #a9a9a9;
    margin: 20px -10px;
}



table.half {
    width: 440px;
    margin-left: auto;
    margin-right: auto;
}


/* #Table
================================================== */
table.data tbody tr:hover, table.data tr:nth-of-type(2n+1):hover {
    background: none;
    color: #333;
}

table.data {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    table.data tr:nth-of-type(2n+1) {
        background: none;
    }

    table.data td {
        padding: 2px 0px 2px 0px;
    }

table.left-aligned {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

    table.left-aligned tbody tr:hover,
    table.left-aligned tr:nth-of-type(2n+1),
    table.left-aligned tr:nth-of-type(2n+1):hover {
        background: none;
        color: #333;
    }

    table.left-aligned td {
        text-align: left;
        vertical-align: bottom;
    }

.highlight {
    background-color: yellow;
}

.lowlight {
    background-color: green;
}


.fltLft {
    float: left;
}

.fltright {
    float: right;
}

.paddingtop20px {
    padding-top: 20px;
}

.singlelinebuttons {
    float:left;padding-right:10px;
}


/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */

.TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */

.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */

.TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 10px;
    margin: 0px 1px 0px 0px;
    background-color: #DDD;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    font-weight: bold;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */

.TabbedPanelsTabHover {
    background-color: #8C9BA6;
    color: #FFF;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */

.TabbedPanelsTabSelected {
    /*background-color:#d3222a;*/
    background: none repeat scroll 0 0 rgba(41, 65, 127, 0.75);
    color: #fff;
    border-bottom: 1px solid #fff;
    outline: none;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */

.TabbedPanelsTab a {
    color: black;
    text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */

.TabbedPanelsContentGroup {
    clear: both;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    background-color: #fff;
}



.TabbedPanelsContentGroup2 {
    clear: both;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #999;
    background-color: #fff;
}

.TabbedPanelsGroupDown {
    border-left: solid 1px #CCC;
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.TabbedPanelsGroupOver {
    border-left: solid 1px #CCC;
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    background-color: #8c9ba6;
    padding-left: 10px;
    padding-right: 10px;
}

.TabbedPanelsGroupTab {
    border-left: solid 1px #CCC;
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    background-color: #dddddd;
    padding-left: 10px;
    padding-right: 10px;
}

/*.TabbedPanelsGroupTabBg {
    background-image: url(../images/tabbg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 28px;
}*/

.TabbedPanelsGroupTabSep {
    width: 1px;
}

.TabbedPanelsGroupTabLink {
    color: #000;
    text-decoration: none;
}

a.TabbedPanelsGroupTabLink:hover {
    color: #fff;
    text-decoration: none;
}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */

.TabbedPanelsContent {
    padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */

.TabbedPanelsContentVisible {
}

.TabbedPanelsContentHeading {
    background-color: #d3222a;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}
/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */

.VTabbedPanels .TabbedPanelsTabGroup {
    float: left;
    width: 10em;
    height: 20em;
    background-color: #fff;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */

.VTabbedPanels .TabbedPanelsTab {
    float: none;
    margin: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */

.VTabbedPanels .TabbedPanelsTabSelected {
    background-color: #fff;
    border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */

.VTabbedPanels .TabbedPanelsContentGroup {
    clear: none;
    float: left;
    padding: 0px;
    width: 30em;
    height: 20em;
}

.normalfont {
    font-weight: normal!important;
}
.rightAlign {
    text-align: right;
}

.newreg input[type="text"]:focus,
.newreg input[type="password"]:focus,
.newreg input[type="email"]:focus {
    border: 2px solid #aaa;
}

.bolderror {
    color: #990000;
    font-weight: bold;
}
 

.inputBtnSection{
    display:inline-block;
    vertical-align:top;
    font-size:0;
    font-family:verdana;
}
.disableInputField{
    display:inline-block;
    vertical-align:top;
    height: 22px;
    margin: 0;
    font-size:14px;
    padding:0 3px;
    width:300px;

}

.fileUpload {
	position: relative;
	overflow: hidden;
    
    display:inline-block;
    vertical-align:top;
}
.uploadBtn{
   background: #eee; /* Old browsers */
    background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 0;
    border-top: 0;
    border-left: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    border-radius: 5px;
    box-shadow: 2px 2px 7px 0px #a9a9a9;
    cursor: pointer;
    display: inline-block;
   
    background: #29417f;
   height:10px;
    color: #fff;
    font-weight: normal;
    text-shadow: none;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    line-height: 0.9;
    padding: 8px 8px;
    font-family: Helvetica,Arial,sans-serif;
    text-align: center;
    height:17px;
    width:80px;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
    background-color:white;
}


.confirmbtnblue {
       width:auto !important;  
    }

/* Table of Contents
==================================================
    #Mobile (Portrait)
    #Mobile (Landscape)
	#Tablet (Portrait)
	#960 Grid
    #Clearing */



/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (min-width: 100px) {
        .container { width: 300px; position: relative; margin: 0 auto; padding: 0; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 292px;} /*User ID and password rules are not getting render properly on smaller devices so decrease width by 8px*/
		.container .one-third.column,
        .container .two-thirds.column  { margin-bottom: 30px; }
        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) {
        .container { width: 420px; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }





/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
		 .container .column,
   		 .row                                        { margin-bottom: 20px; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        
        .container .one-third.column,
        .container .two-thirds.column  { margin-bottom: 0px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }

@media only screen and (min-width: 960px) {
	
/* #960 Grid
================================================== */

    .container                                  {width: 960px; }
   

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 580px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
}

@media only screen and (min-width: 1200px) {
	
/* #full Grid
================================================== */

    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; }
    .container .five.columns                    { width: 580px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 780px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 375px; }
    .container .offset-by-six                   { padding-left: 450px; }
    .container .offset-by-seven                 { padding-left: 525px; }
    .container .offset-by-eight                 { padding-left: 600px; }
    .container .offset-by-nine                  { padding-left: 675px; }
    .container .offset-by-ten                   { padding-left: 750px; }
    .container .offset-by-eleven                { padding-left: 825px; }
    .container .offset-by-twelve                { padding-left: 900px; }
    .container .offset-by-thirteen              { padding-left: 975px; }
    .container .offset-by-fourteen              { padding-left: 1050px; }
    .container .offset-by-fifteen               { padding-left: 1125px; }
}

.w20 {width: 20%; float: left;}
.w30 {width: 30%; float: left;}
.w40 {width: 40%; float: left;}
.w50 {width: 50%; float: left;}
.w60 {width: 60%; float: left;}
.w70 {width: 70%; float: left;}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/*--header--*/
.top {
    background: url("../images/main_bg.png") repeat-x scroll 0 -78px rgba(0, 0, 0, 0);
    min-height: 35px;
}

.main .container {
    padding: 10px 0;
}

.bottom {
    background: url("../images/main_bg.png") repeat-x scroll 0 -78px rgba(0, 0, 0, 0);
    border-bottom: 1px solid #fff;
    box-shadow: 0 3px 18px -7px #333;
}

.tagline, .phone {
    height: 34px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.plan-name .add-plans {
    display: none;
}

.add-plans {
    background: #F3F3F3;
    border-radius: 5px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    padding: 0;
    position: absolute;
    right: 0;
    width: 170px;
    z-index: 100;
}

    .add-plans li {
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #FFFFFF;
        margin: 0;
        text-align: left;
        text-shadow: none;
        width: 100%
    }

        .add-plans li:hover {
            background: #fff;
            color: #333;
        }

        .add-plans li:first-child {
            border-radius: 5px 5px 0 0;
        }

        .add-plans li:last-child {
            border-radius: 0 0 5px 5px;
        }

        .add-plans li a {
            color: #666666;
            display: block;
            padding: 10px 13px;
            position: relative;
            text-shadow: none;
        }

.tagline a, .phone a, .plan-name a {
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

#crumbs {
    color: #CCCCCC;
    display: block;
    float: left;
    margin: 0 0 50px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 100%;
}

    #crumbs a {
        color: #FFFFFF;
        opacity: 0.6;
    }

    #crumbs .current {
        color: #E5E5E5;
    }

.verticalaligncenter {
    vertical-align: middle;
}

.container.content {
    padding: 30px 0;
    min-height: 100px;
}

/*Navbar **********************************************************/

.navbar {
    margin-top: 20px !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

nav.main {
    position: relative;
    z-index: 9999;
    float: right;
}

    nav.main ul {
        float: right;
    }

        nav.main ul#menu-main-menu li:last-child a {
            padding-right: 0
        }

        nav.main ul#menu-main-menu li:last-child .button a {
            padding-right: 13px;
            color: #fff;
            text-shadow: none;
        }

        nav.main ul#menu-main-menu li:last-child .button {
            background-color: #29417F;
        }

        nav.main ul li {
            float: left;
        }

.respo_menu:before {
    content: "\f0c9";
    font-family: 'fontello';
    font-size: 24px;
    color: #29417f;
}

.respo_menu {
    position: relative;
    width: 28px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin: 24px 0 0;
}

    .respo_menu select {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        background: none;
        cursor: pointer;
        width: 30px;
    }


/* Superfish Menu ESSENTIAL STYLES ********************************/

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 170px; /* left offset of submenus need to match (see below) */
        -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
        padding: 0;
        background: #F3F3F3;
        border-radius: 5px;
    }

        .sf-menu ul li {
            width: 100%;
            border-bottom: 1px solid #CCCCCC;
            border-top: 1px solid #FFFFFF;
        }

            .sf-menu ul li:first-child {
                background: #F3F3F3;
                border-radius: 5px 5px 0 0;
            }

            .sf-menu ul li:last-child {
                border-radius: 0 0 5px 5px;
            }

            .sf-menu ul li:hover, .sf-menu ul li.current-menu-item {
                background: #fff;
            }

                .sf-menu ul li:first-child:hover, .sf-menu ul li.current-menu-item:first-child {
                    background: #FFF;
                    border-radius: 5px 5px 0 0;
                }

                .sf-menu ul li:last-child:hover, .sf-menu ul li.current-menu-item:last-child {
                    background: #FFF;
                    border-radius: 0 0 5px 5px;
                }

            .sf-menu ul li:first-child:last-child, .sf-menu ul li:first-child:last-child:hover {
                border-radius: 5px;
            }

    .sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .sf-menu li {
        float: left;
        position: relative;
    }

    .sf-menu a, .sf-menu a:visited {
        display: block;
        position: relative;
        text-decoration: none;
        color: #666;
    }

        .sf-menu a:hover, .sf-menu li.current-menu-item > a {
            color: #333;
        }

    .sf-menu li > a {
        padding: 9px;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 10px;
        top: 38px; /* match top ul list item height */
        z-index: 99;
    }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 171px; /* match ul width */
    top: 0;
}

ul.sf-menu li li li ul {
    margin-left: 1px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 170px; /* match ul width */
    top: 0;
}

ul.sf-menu span.hide {
    display: none;
}

/*** arrows **/
.sf-menu li a {
    padding: 10px 13px;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('../images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
    right: 11px;
    top: 16px;
    display: none;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

ul li ul li .sf-sub-indicator {
    display: block
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
    right: 10px
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#admin-nav {
    padding: 5px 15px 8px 15px;
    color: #fff;
    float: right;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

    #admin-nav nav {
        display: inline;
        float: left;
    }

    #admin-nav span {
        float: left;
        margin-right: 20px;
    }

    #admin-nav ul {
        margin: 0;
    }

        #admin-nav ul li {
            display: inline;
            padding: 0 6px 0 4px;
            border-right: 1px solid rgba(255, 255, 255, 0.7);
        }

            #admin-nav ul li:last-child {
                border-right: none;
            }

            #admin-nav ul li a {
                color: #fff;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
            }


/* Sidebar *******************************************************/
aside nav {
    margin-left: 10px;
}

    aside nav ul li {
        margin-bottom: 5px;
        list-style: circle;
    }

    aside nav a {
        color: #666666;
        text-decoration: none;
    }

        aside nav a:hover {
            color: #333333;
        }

aside .company-logo {
    margin-bottom: 20px;
    text-align: center;
}

aside nav.teasers {
    margin-left: 0px;
    padding-left: 0px;
}

    aside nav.teasers ul li {
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        list-style: none;
    }

        aside nav.teasers ul li a {
            background: #ededed;
            display: block;
            padding: 10px 20px;
        }

/* FOOTER ********************************************************/
footer.footer {
    background: url(../images/footer_top.png) repeat-x top center, url(../images/footer_bg.png) repeat, url(../images/footer_bottom.png) repeat-x bottom center;
    padding: 5px 0;
}

footer.bottom {
    background: #FFF;
}

    footer.bottom .container {
        padding: 5px 0 5px;
    }

footer .copyright {
    float: left;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    margin-top: 15px;
}

    footer .copyright a {
        text-decoration: none;
        color: #555;
    }

        footer .copyright a:hover {
            color: #333;
        }

footer .gototop {
    margin: 9px auto;
    text-align: center;
}

    footer .gototop a {
        background: url(../images/bg_off.png) repeat;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
        display: inline;
        font-family: fontello;
        font-size: 15px;
        line-height: 23px;
        margin: auto;
        padding: 5px 7px;
        text-align: center;
        color: #999;
    }

        footer .gototop a:hover {
            color: #cc0000;
        }

footer h3.logo {
    margin: 3px 0 10px;
}

    footer h3.logo a {
        display: block;
        width: 112px;
        height: 19px;
        background: url(../images/logo_bottom.png) no-repeat;
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
    }

footer h4.title {
    font-size: 15px;
    color: #DDD !important;
    font-weight: 700;
    padding: 7px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    background: url(../images/footer_separator.png) repeat-x bottom center;
}

/* Footer Widgets */

footer .widget {
    margin: 0;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

footer p, footer .address, footer .address a {
    color: #DDD;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    font-size: 13px;
}

footer ul {
    margin-bottom: 10px;
}

    footer ul li {
        margin: 0 9px;
        overflow: hidden;
        text-shadow: 1px 1px 1px rgba(0,0,0,.6);
        color: #AAA !important;
    }

footer .widget_recent_entries ul li {
    text-overflow: ellipsis;
    white-space: nowrap;
}

footer ul li a {
    font-size: 13px;
    color: #FFF !important;
    text-decoration: none;
    opacity: .65;
    padding-left: 13px;
    background: url(../images/list-style.png) left center no-repeat;
}

    footer ul li a:hover {
        opacity: 1;
    }

footer #wrap_flickr .flickr_badge_image a img {
    width: 55px
}

footer #wrap_flickr .flickr_badge_image a {
    border: solid 1px #999
}

    footer #wrap_flickr .flickr_badge_image a:hover {
        border: solid 1px #CCC
    }

footer .widget.widget_interio_portfolio {
    border: none;
}

footer .widget .recent-portfolio {
    padding: 5px 0;
    margin-bottom: -5px;
    width: 100%;
}

    footer .widget .recent-portfolio ul li {
        margin: 0 5px -3px;
        width: 45%;
        border: none;
    }

footer .widget .recent ul li a, footer .tabswrap ul li a {
    background: none;
}

footer .widget .recent ul li .post-thumbnail a {
    opacity: 1;
    border-color: #AAA;
}

footer .widget .recent-portfolio ul li .post-thumbnail a.mini-thumb img {
    width: 88px
}

footer .widget .recent-cap {
    font-size: 11px;
    height: 85%;
    padding: 22px 1px 4px;
    width: 90%;
    margin: 5px 0;
}

footer span.date {
    color: #bbb !important
}

/* Hide extra widgets in footer, if you want to add more than 1 row you can remove these 4 lines: */
footer .widget.four:nth-child(n+115) {
    display: none
}

footer .widget.one-third:nth-child(n+4) {
    display: none
}

footer .widget.eight:nth-child(n+3) {
    display: none
}

footer .widget.sixteen:nth-child(n+2) {
    display: none
}
/* end */

footer .twitter_widget ul.tweet_list {
    margin: 5px 0;
}

    footer .twitter_widget ul.tweet_list li {
        margin: 0 5px 15px;
    }

        footer .twitter_widget ul.tweet_list li a {
            background: none;
        }

            footer .twitter_widget ul.tweet_list li a.tweet_avatar {
                padding: 0
            }

footer ul li.recentcomments a {
    background: none;
}

footer .recent ul li {
    border-bottom: solid 1px #555;
}

footer .widget_interio_facebook iframe {
    border: none;
}

footer .widget ul.tabs {
    margin-top: -2px;
}

footer .widget .tabswrap {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    footer .widget .tabswrap ul li {
        margin: 0 -1px 0 0;
        border-bottom-color: #555 !important;
    }

        footer .widget .tabswrap ul li a {
            font-size: 11px;
        }

    footer .widget .tabswrap .panel ul li span.date, footer .recent ul li span.date {
        background: #555;
    }

footer .widget .tab a {
    padding: 2px 7px
}

footer .widget .tab:last-child a {
    padding: 2px 7px;
    width: auto;
    border-radius: 0;
}

footer .widget .tab a.selected {
    padding: 2px 7px;
    border-bottom-color: #333
}


footer #lang_sel a.lang_sel_sel {
    background-color: transparent;
}

footer .ads a {
    border-color: #AAA
}

/* Text Widget */
footer .textwidget a {
    color: #FFF !important;
    opacity: .7;
}

    footer .textwidget a:hover {
        opacity: 1
    }

/* Address */
.address {
    padding: 0 5px;
    color: #666;
    margin-top: 12px;
}

    .address p {
        margin-bottom: 8px;
    }

    .address a {
        text-decoration: none;
    }

    .address .icons {
        padding: 0 0 0 20px;
        margin: 0 10px 0 25px;
        font-size: 13px !important;
        text-align: left !important;
        background: url(../images/contact_icons.png) no-repeat;
    }

    .address .icon_tel {
        background-position: 0 -75px;
    }

    .address .icon_email {
        background-position: 0 -100px;
    }

    .address .icon_pin {
        background-position: 0 -126px;
    }

footer .address .icon_tel {
    background-position: 0 -1px;
}

footer .address .icon_email {
    background-position: 0 -25px;
}

footer .address .icon_pin {
    background-position: 0 -51px;
}


/* #Page Styles
================================================== */

/* Wizard */
ul.wizard li {
    background: #ededed;
    list-style: none;
    display: inline;
    margin: 0 3px;
    padding: 5px 0;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

    ul.wizard li a {
        background: #ededed;
        padding: 5px 10px;
        color: #333;
        text-decoration: none;
    }

    ul.wizard li.done a {
        background: #29417F;
        color: #fff;
    }

    ul.wizard li.current a {
        padding: 8px 13px;
        border: 1px solid #333;
    }
/* Alert */
.alert {
    background: #ededed;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 0 7px -1px #A9A9A9;
    margin-bottom: 20px;
    padding: 10px 10px 10px 50px;
    position: relative;
}

    .alert:before {
        width: 50px;
        height: 50px;
        position: absolute;
        vertical-align: central;
        top: 40px;
        left: 10px;
        content: '';
        background: url(../images/warning_48.png) no-repeat;
        z-index: 100;
    }

    .alert ul {
        margin: 10px;
    }

        .alert ul li {
            margin: 10px;
            margin-bottom: 5px;
        }

/* Tabs Style */
ul.tabs {
    margin: 0;
    clear: both;
    position: absolute;
    bottom: 0;
}

    ul.tabs li {
        margin: 0;
        padding: 0 10px;
        font-size: 14px;
        color: #bfcdf0;
        float: left;
        text-indent: 0;
        line-height: 35px;
        cursor: pointer;
    }

        ul.tabs li:hover {
            color: #fff;
        }

        ul.tabs li.last-itm {
            margin-right: 0;
        }

        ul.tabs li.is-active {
            color: #fff;
            border-bottom: solid 4px #fff;
        }

.tab-box-content {
    display: none;
}

    .tab-box-content.is-active {
        display: block;
    }

.tableErrorMessage {
    color: #990000;
}

/* #Media Queries
================================================== */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 100px) {
    .top {
        background-position: 0 -115px;
    }

    #admin-nav span {
        display: none;
    }

    #menu-main-menu {
        display: none;
    }

    .respo_menu {
        display: block;
    }

    .plan-name {
        padding: 0 0 25px 0;
    }

    #crumbs {
        display: none;
    }

    .navbar {
        position: absolute;
        top: 10px;
        z-index: 100;
    }
}

@media only screen and (min-device-width: 100px) and (max-device-width: 760px) {

    /* Force table to not be like tables anymore */
    table.transform, .transform thead, .transform tbody, .transform th, .transform td, .transform tr {
        display: block !important;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .transform thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .transform tr {
        border: 1px solid #ccc;
    }

    .transform td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        .transform td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (max-width: 1204px) {
    #compress:before {
        content: '\A';
        white-space: pre;
    }
}

@media only screen and (min-width: 480px) {
    .top {
        background-position: 0 -78px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) {

    #admin-nav span {
        display: inline;
    }

    #menu-main-menu {
        display: block;
    }

    .navbar {
        position: relative;
    }

    .respo_menu {
        display: none;
    }

    #crumbs {
        display: block;
    }

    .plan-name {
        padding: 42px 0 0 0;
        text-align: right;
    }
}

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

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

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


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


/*.sitemap ul{
	margin-bottom: 5px;
	}
.sitemap ul li {
	    
        background:url(../images/right-arrow.png) left center no-repeat;		
        margin-bottom:3px;
    }

.sitemap ul li a{    
    margin:0 5px;
	font-size:13px;	
	text-decoration:none;		
	padding-left:13px;	
	}*/



.sitemap ul {
    margin-bottom: 10px;
}

    .sitemap ul li {
        margin: 0 5px;
    }

        .sitemap ul li a {
            font-size: 13px;
            padding-left: 13px;
            background: url(../images/right-arrow.png) left center no-repeat;
        }

area:focus {
    outline-width: 0px !important;
}

.width100pct {
    width: 100%;
}

.width50pct {
    width: 50%;
}

.automargin {
    margin: 0 auto;
}

.t-right {
    text-align: right;
}

.padding-right-10px {
    padding-right: 10px;
}

.margin-left-20px {
    margin-left: 20px;
}

/* converted sign-in button from input to anchor */
#btnSignIn {
    padding: 8px 12px !important;
    width: auto
}

    #btnSignIn:hover {
        color: #fff
    }



.nolabel {
    font-weight: normal;
    display: inline;
    font-size: 14px;
}


/* 7-5-16 UPDATES */

body {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 28px;
    padding: 0;
    color: #555;
    background: #3e4753;
}

p {
    color: #555;
    line-height: 28px;
}

ul {
    margin-bottom: 10px;
}

li {
    line-height: 24px;
}

.footnote {
    padding: 10px 0 0 0;
    border-top: #ddd 1px solid;
}

    .footnote ul {
        margin: 0 0 10px 25px;
    }

/*Blockquote*/
blockquote {
    margin: 20px 0;
    padding: 15px 80px 20px 25px;
    background: rgba(117, 84, 38, 0.1); /* Bark #755426; */
    border-left: 5px solid #c4b796;
}

    blockquote p {
        font-size: 17px;
        color: #333;
    }

    blockquote small {
        margin: 10px 0 0 0;
    }

a {
    color: #023d69;
    text-decoration: underline;
}

    a,
    a:focus,
    a:hover,
    a:active {
        outline: 0 !important;
    }

        a:hover {
            color: #59798F;
            text-decoration: none;
        }

h1, h2, h3, h4, h5 {
    color: #555;
    margin: 5px 0 10px 0;
    text-shadow: none;
    text-shadow: 0 0 1px #f6f6f6;
    font-weight: 400 !important;
    font-family: 'Noto Serif', serif;
}

    h1 i, h2 i, h3 i, h4 i, h5 i {
        margin-right: 7px;
    }

h1 {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    margin: 5px 0 35px 0;
}

h2 {
    font-size: 28px;
    line-height: 32px;
    margin: 20px 0 10px 0;
    padding: 0 0 5px 0;
    color: #585F69;
}

h3 {
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #cecece;
    font-family: Helvetica, Arial, sans-serif;
    color: #023D69;
    padding-right: 10px;
    margin: 30px 0 10px 0;
}

.span9 h3 {
    padding-bottom: 2px;
}

    .span9 h3 a {
        text-decoration: none;
    }

.headline { /* Used on the homepage in the "audience" touts only */
    border-bottom: 1px solid #CCCCCC;
    display: block;
    margin: 10px 0 25px;
}


h3 a,
h3 a:hover,
h3 a:active,
h3 a:focus {
    color: #585F69;
}

h4 {
    font-size: 16px;
    color: #023d69;
    font-weight: bold;
    display: block;
    display: inline-block; /* "inline-block" keeps the bottom border the same width of the header. Change "inline-block" to "block" to expand underline 100% */
    padding-right: 10px;
    margin: 10px 0 0 0;
}

h5 {
    font-size: 15px;
    color: #585F69;
    display: inline-block; /* "inline-block" keeps the bottom border the same width of the header. Change "inline-block" to "block" to expand underline 100% */
    padding: 0 10px 3px 0;
    text-shadow: 0 0 1px #F6F6F6;
}

    h5.headline {
        border-bottom: 1px solid #E4E9F0;
    }

.container.content {
    min-height: 400px
}

#welcome-page .container.content {
    min-height: 0
}

/* welcome.aspx */
header .top {
    display: none
}

header > .main {
    background: #fff url(../images/header-bg.png) bottom repeat-x !important;
    height: 100px;
    position: relative;
    z-index: 999;
}

    header > .main .container {
        padding-top: 0
    }

header .bottom {
    background: #fff !important;
    box-shadow: none;
}

#welcome-page header .bottom {
    background: #fff url(../images/bg-hero.png) top repeat-x !important;
}

.flexslider {
    margin-top: 0px !important;
    margin-bottom: 15px
}

    .flexslider .slides {
        box-shadow: none
    }

#welcome-page .bottom .sixteen.columns {
    margin-bottom: -17px !important
}

#welcome-page .container.content {
    background: #f7f7f7;
    width: auto;
    box-shadow: inset 0 0 4px #d5d5d5;
}

.container.content #main-content {
    margin: 0 auto !important;
    float: none;
    display: block
}

#crumbs {
    display: none
}

/*Copyright*/
.copyright {
    font-size: 12px;
    padding: 5px 10px;
    background: #3e4753;
    border-top: solid 1px #777;
}

    .copyright p {
        color: #dadada;
    }

    .copyright a {
        margin: 0 5px;
        color: #add8f4;
    }

        .copyright a:hover {
            color: #5a91c4;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.adbox, .adbox, .adbox {
    background: none !important;
    ;
    border: 0 !important
}

/* 3 boxes */
.one-third.column .adbox, .one-fourth.column .adbox {
    border: 0;
}

    .one-third.column .adbox .inside, .one-fourth.column .adbox .inside {
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: 0 0 8px #ddd;
        background: #fcfcfc;
    }

.adbox a h2 { /* Used on the homepage in the "audience" touts only */
    color: #585F69;
    font-size: 18px !important;
    line-height: 20px;
    font-family: Helvetica, Arial, sans-serif;
    color: #023D69;
    text-align: left !important;
    display: inline-block;
    padding-bottom: 0 !important;
    border-bottom: 2px solid #913338;
    bottom: -4px;
    position: relative;
}

.adbox a {
    display: block;
    text-align: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

/* welcome page footer */
.copyright .float {
    float: left
}

    .copyright .float.fifty {
        width: 50%;
    }

    .copyright .float:first-child {
        width: 45%;
        padding-right: 5%
    }

    .copyright .float.full {
        float: none;
        text-align: center;
        clear: both
    }

.copyright span {
    color: #dadada
}

.common-social-container a {
    color: transparent
}

.common-social-container i {
    width: 25px;
    display: inline-block;
    height: 30px;
}

.social-facebook {
    background: url(../images/icon-facebook.png) no-repeat;
}

.social-twitter {
    background: url(../images/icon-twitter.png) no-repeat;
}

.social-linkedin {
    background: url(../images/icon-linkedin.png) no-repeat;
}

.social-youtube {
    background: url(../images/icon-youtube.png) no-repeat;
}

.social-instagram {
    background: url(../images/icon-instagram.png) no-repeat;
}

/* Menu */
#menu-main-menu.sf-menu {
    font-family: 'Noto Serif',serif;
    font-size: 20px;
    position: relative;
    bottom: -16px
}

    #menu-main-menu.sf-menu a {
        padding: 10px 20px !important
    }

    #menu-main-menu.sf-menu #header_Login {
        background: #eee;
        color: #023D69;
        border-bottom: 2px solid #023d69;
    }

    #menu-main-menu.sf-menu a:hover {
        color: #023d69;
        border-bottom: 2px solid #023d69;
    }

/* login */
#login-page label {
    text-align: right;
    padding-right: 15px
}

#login-page #btnSignIn {
    margin-right: 44px !important
}

#btnNewReg:hover, #btnPwd:hover {
    color: #333333;
    *background: #d9d9d9;
    background: #e6e6e6 !important;
}

#btnNewReg, #btnPwd {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 13px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffe6e6e6", GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0
}

#login-page .help-link {
    font-family: 'Noto Serif',Georgia,serif;
    text-decoration: none;
    font-size: 16px !important
}


/* GENERAL */
body * {
    box-sizing: border-box
}

#main-content {
    width: 100%;
    padding: 20px 30px;
    max-width: 1120px;
}

#welcome-page #main-content {
    width: 1180px;
    width: 1245px;
    max-width: 100%
}

h2.page-title {
    clear: left;
    padding-left: 10px;
    text-transform: uppercase;
    color: #333 !important;
    text-shadow: none;
    margin: 0;
    font-size: 20px
}

.container.content {
    width: 1180px;
    background: #fff;
    margin-top: 25px
}

#welcome-page .container.content {
    width: auto
}

#Container {
    background: #d5d5d5 url(../images/bg-container.png) 0 140px repeat-x
}

#welcome-page #Container {
    background: #fff;
}

//.logo a img {
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
}

.btn.blue, .btn.blue.nav {
    box-shadow: none;
    border-radius: 0;
    background: #023d69;
    border-color: #2e6da4;
    margin-right: 15px
}

.btn.disabled, .btn.disabled:hover {
    box-shadow: none;
    border-radius: 0;
    margin-right: 15px
}

.content h1, .content h2, .content h3, .content h4, .content h5 {
    border-bottom: none;
}

#Container input[type="text"], #Container input#partid, #Container input[type="password"] {
    background: #fff !important;
    border: 1px solid #cccccc !important;
    padding: 8px;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    webkit-appearance: none !important;
}

label {
    font-weight: normal
}

.half {
    width: 49%;
    float: left
}

    .half.omega {
        float: right;
        padding-right: 30px
    }

    .half .span4 {
        float: right
    }

#login-page .half {
    width: 43%
}

    #login-page .half.omega {
        width: 56%
    }

        #login-page .half.omega .span4:first-child {
            margin-left: 20px !important;
        }

.span4 ul {
    font-size: 14px
}

.span4 em {
    line-height: 18px;
    display: inline-block
}

#login-page input[type="button"] {
    min-height: 33px !important;
    vertical-align: top !important;
    margin-top: -3px
}

.span4 {
    background: rgba(117, 84, 38, 0.1); /* Bark (brown) #755426; */
    margin: 0 0 20px 0;
    padding: 5px 15px 20px 15px;
    border-top: 5px #e58127 solid; /* pumkin (orange) */
    border-bottom: 1px rgba(117, 84, 38, 0.2) solid;
    width: 300px;
}

    .span4:hover {
        background: rgba(117, 84, 38, 0.2); /* Bark (brown) #755426; */
        border-top: 5px #e58127 solid; /* pumkin (orange) */
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .span4 a {
        font-size: 14px
    }

    .span4 h3 {
        margin-top: 10px
    }

/* login_choose_option */
.login-choose-option {
    padding: 0 !important
}

    /* verify identity */
    .verify-identity #main-content, .confirm #main-content, .login-choose-option #main-content {
        padding: 0
    }

    .login-choose-option .half.omega {
        padding-top: 20px;
        padding-right: 0
    }

.login-choose-option {
    padding-bottom: 20px !important
}

.verify-identity #main-content .half:first-child {
    width: 70%
}

.verify-identity #main-content .half.omega {
    width: 30%;
    padding: 0
}

select {
    border-radius: 0;
    padding: 7px 0px
}

em.info {
    font-size: 14px;
}

.newreg .inputform .columns {
    padding-left: 0 !important;
    margin-left: 0
}

/* Site Select */
table.data.span4 {
    border-top: 5px #e58127 solid;
    width: 100%
}

    table.data.span4 thead th {
        padding-left: 0;
        border-bottom: 2px solid #ccc
    }

#Container .site-select table.data td a {
    line-height: 1.5 !important;
    display: inline-block
}

/* reset link verify */
.reset-iink-verification table.secTable td.answer {
    padding-left: 20px;
}

/* general desktop fixes */
.btn.blue {
    text-shadow: none
}

.flexslider {
    margin: 0 0 15px;
}

#welcome-page .container.content {
    margin-top: 0
}

#login-page .col2 {
    vertical-align: top;
    padding-top: 0;
}

    #login-page .col2 table.data {
        padding-top: 0;
        margin-top: 0
    }

#login-page .col1 table.data {
    padding-top: 8px
}

#login-page .col2 table.data #btnPwd {
    margin-top: 5px
}

table.data label, #main-content table.data em.info {
    line-height: 1.2;
    display: inline-block
}

h2.page-title {
    line-height: 1.2;
    padding: 9px
}

#welcome-page .one-third.column.omega h2.adbox_title, #welcome-page .one-fourth.column.omega h2.adbox_title {
    letter-spacing: -.85px
}

#welcome-page .one-third.column {
    width: 32%
}

#welcome-page .one-fourth.column {
    width: 23.4%
}

    #welcome-page .one-third.column.omega, #welcome-page .one-fourth.column.omega {
        margin-right: -15px !important
    }

#Container .logo {
    height: 95px !important;
}

/* RESPONSIVE */
@media only screen and (max-width:1199px) {
    .respo_menu:before {
        font-size: 40px;
    }

    #Container .container.content {
        padding: 0;
        min-height: 0
    }

    #Container #main-content {
        padding: 20px
    }

        #Container #main-content .half {
            margin-left: 0px !important;
            padding-left: 0
        }

    .container.content {
        max-width: 940px !important;
    }

    #welcome-page .container.content {
        max-width: 100% !important
    }

        #welcome-page .container.content #main-content {
            max-width: 940px !important
        }

    //#welcome-page .flexslider {
        margin-top: -37px !important
    }

    .half.omega .span4 {
        margin-right: 20px
    }

    .verify-identity .half:first-child {
        width: 570px !important;
        padding-left: 20px
    }

    .logo.four.columns {
        width: 288px
    }

    .twelve.columns.navbar.clearfix {
        width: 630px
    }
}

@media only screen and (max-width:959px) {
    .logo.four.columns {
        width: 288px
    }

    .twelve.columns.navbar.clearfix {
        width: 440px
    }

    #Container #main-content .half {
        width: 100% !important
    }

    .container.content {
        max-width: 750px !important;
    }

    #welcome-page .container.content {
        max-width: 100% !important
    }

        #welcome-page .container.content #main-content {
            max-width: 780px !important
        }

    .half {
        float: none;
        width: 100% !important;
    }

    section.sixteen.columns {
        margin-left: 0
    }

    .login-choose-option .half.omega .span4 {
        float: none;
        width: 100%
    }
}



@media only screen and (max-width:767px) {
    .respo_menu {
        display: block !important;
        margin-top: 0px
    }

    .logo.four.columns {
        width: 280px;
        top: -20px;
        position: relative
    }

    .twelve.columns.navbar.clearfix {
        width: 400px
    }

    .container.content {
        max-width: 450px !important;
    }

    #welcome-page .container.content {
        max-width: 100% !important
    }

        #welcome-page .container.content #main-content {
            max-width: 450px !important
        }

    //#welcome-page .flexslider {
        margin-top: -20px !important
    }

    .row-fluid .float {
        float: none;
        width: 100% !important
    }

    .half, .half.omega {
        float: none !important;
        width: 100%;
        margin-left: 15px;
    }

        .half.omega {
            padding: 0
        }

        .half table.data {
            width: 100% !important;
            padding-top: 0 !important;
            margin-top: 0
        }

            #login-page .half table.data td, .half table.data td {
                display: block;
            }

            #login-page .half table.data label, .half table.data label {
                text-align: left
            }

    #login-page .col1, #login-page .col2, .col1, .col2 {
        display: block
    }

    #login-page input, input[type="button"], input[type="submit"], .reset-iink-verification input[type="text"], .reset-iink-verification input[type="password"] {
        width: 100% !important;
        padding: 15px !important
    }

    .reset-iink-verification td {
        display: block !important;
        width: 100% !important
    }

    .reset-iink-verification table.data {
        width: 100% !important
    }

    .reset-iink-verification a.btn:first-child {
        margin-bottom: 20px
    }

    .reset-iink-verification table.secTable td input[id^="_answer"] {
        margin-left: 0 !important
    }

    .reset-iink-verification table.secTable td.answer {
        padding-left: 0px;
    }

    #login-page #btnSignIn, #btnSignIn {
        margin-top: 20px
    }

    header .bottom {
        padding-top: 20px
    }

    #login-page input[type="button"], input[type="button"] {
        float: none !important
    }

    .span4 {
        width: 100%;
        float: none !important;
        margin: 0 !important
    }

    #login-page .half.omega .span4:first-child, .half.omega .span4:first-child {
        margin-left: 0px !important;
        margin-bottom: 40px !important
    }

    .login-choose-option a .btn, a .btn, a.btn, a#btnFinish .btn {
        display: block;
        width: 100% !important;
        margin: 0;
        padding: 15px;
    }

    .newreg table.data td {
        display: block;
    }

    .newreg #_UpdateChallengeQuestion table.data select {
        max-width: 95%
    }

    .newreg #_UpdateChallengeQuestion table.data input[type="text"] {
        width: 95%;
        margin-bottom: 20px
    }

    #welcome-page .one-third.column, #welcome-page .one-fourth.column {
        width: 100%
    }

        #welcome-page .one-third.column.omega, #welcome-page .one-fourth.column.omega {
            margin-right: 0 !important
        }

    header .bottom {
        margin: 0 !important;
        padding: 0
    }
}

@media only screen and (max-width:479px) {
    .logo.four.columns {
        width: 200px;
        top: 0px;
        position: relative
    }

    .twelve.columns.navbar.clearfix {
        width: 280px
    }

    .container.content {
        max-width: 310px !important;
    }

    #welcome-page .container.content {
        max-width: 100% !important
    }

        #welcome-page .container.content #main-content {
            max-width: 310px !important
        }

    div.half {
        max-width: 279px
    }

    .newreg fieldset {
        width: 100%;
    }

    .newreg #_UpdateChallengeQuestion table.data {
        max-width: 90% !important;
        table-layout: fixed
    }

        .newreg #_UpdateChallengeQuestion table.data select {
            max-width: 100%;
        }

        .newreg #_UpdateChallengeQuestion table.data input[type="text"] {
            width: 100%;
        }
}

/* fix for register_update_security */
@media screen and (max-width:960px) {
    .newreg .inputform .two-column {
        width: 400px !important;
    }
}

@media screen and (max-width:480px) {
    .newreg .inputform .two-column {
        width: 100% !important;
    }

    .newreg .inputform label {
        line-height: 1.2
    }
}



#login-page .ui-tooltip {
    line-height: 18px;
    display: inline-block;
    font-style: italic;
    font-size: 14px;
}

.token-expired {
    font-weight: bold;
}

.padding-top-15px {
    padding-top: 15px;
}

.padding-left-10px {
    padding-left: 10px;
}

.redcolor {
    color: #990000 !important
}

.marginleft16perc {
    margin-left: 16%
}

.disabledDiv {
    pointer-events: none;
    opacity: 0.9;
}


@font-face {
    font-family: 'Noto Serif';
    src: url('/font/NotoSerif.woff') format('woff'), url('/font/NotoSerif.ttf') format('truetype'), url('/font/NotoSerif.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.bulletlist {
    margin-top: -7px !important;
    font-size: small !important;
}

    .bulletlist ul li {
        list-style-type: disc !important;
        margin-bottom: 0px !important;
    }

.security_browser_panel h4.accordion {
    cursor: pointer;
    padding: 10px;
    width: 100%;
    text-align: left;
    outline: none;
    border: 1px solid #ddd;
    margin: 0px;
    font-family: Helvetica,Arial,sans-serif;
}

    .security_browser_panel h4.accordion:hover {
        background-color: #ddd;
    }

.security_browser_panel div.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    border: 1px solid #ddd;
    border-top: none;
}

.security_browser_panel div.accordion-space {
    padding: 2px;
}

.security_browser_panel h4.accordion .icon {
    background: url(../images/ui-icons_29417F_256x240.png) -230px -13px no-repeat;
    background-size: 450px;
    width: 28px;
    height: 12px;
    display: inline-block;
}

.security_browser_panel h4.accordion.active .icon {
    background: url(../images/ui-icons_29417F_256x240.png) -230px -3px no-repeat;
    background-size: 450px;
}

.security_browser_panel ul {
    list-style-type: disc;
    margin-left: 26px;
}

    .security_browser_panel ul li {
        margin-bottom: 0;
    }

.security_browser_panel hr {
    margin: 0 0 10px;
}

.security_browser_panel p {
    margin: 0 0 10px 0;
}

.security_browser_panel h3 {
    margin: 0px;
    padding-top: 15px;
}

.secTable tr[id*="_question"] td:last-child {
    padding-left: 20px;
}

/* OWS-18224*/

@media screen and (max-width:600px) {
    #login-page .message.error {
        margin: -20px 0 50px
    }
}

@media screen and (min-width:601px) and (max-width:800px) {
    #login-page table.data {
        margin-left: 30px
    }
}

@media screen and (orientation:landscape) {
    #login-page table.data {
        margin-left: 0
    }
}

@media screen and (max-width: 600px) {
    .secTable td input[type="text"] {
        width: 150px;
    }
}

@media only screen and (min-width:768px) and (max-width:800px) {
    .container .register.columns {
        width: 412px !important;
    }

    #_UpdateEmail label {
        line-height: 1.4;
    }

    #err_email_match_invalid img, #err_email_format_invalid img {
        margin-top: 10px;
    }
}

@media only screen and (max-width:590px) {
    .two-column label {
        width: auto;
    }

    fieldset {
        white-space: normal;
        width: 95%;
    }

    .errorsdiv {
        clear: both;
        margin-bottom: 10px;
    }

    #err_email_match_invalid img, #err_email_format_invalid img {
        margin-top: 10px;
    }
}

@media only screen and (min-width:600px) and (max-width:960px), screen and (min-width:768px) and (max-width:1024px) {
    fieldset {
        white-space: normal;
        width: 95%;
    }

    .errorsdiv {
        clear: both;
        margin-bottom: 10px;
    }

    #err_email_match_invalid img, #err_email_format_invalid img {
        margin-top: 10px;
    }
}

@media only screen and (min-width:800px) and (max-width:1280px) {
    .login-message {
        width: 290px;
    }

    .message {
        padding: 10px 0 10px 15px !important;
    }

    .login-message {
        margin-left: 25px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .login-message {
        width: 290px;
    }

    .message {
        padding: 10px 10px 10px 5px !important;
    }

    .login-message {
        margin-left: 25px !important;
    }
}

@media only screen and (min-width:600px) and (max-width:960px) {
    .login-message {
        margin-left: 0;
    }
}

/* tooltip responsive changes*/
#tooltip {
    text-align: left;
    border: 1px solid #cccccc;
    background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
    font-family: 'Century Gothic',Arial,sans-serif;
    font-size: 1em;
    border-width: 2px;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    box-sizing: border-box;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

    #tooltip:after /* triangle decoration */ {
        width: 0;
        height: 0;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }

.imgtooltip {
    padding-left: 10px;
    margin-bottom: -5px;
}

.mar-top-ten {
    margin-top: 10px !important;
}

.mar-right-fifty {
    margin-right: 50% !important;
}

#Container input#partid:focus, #Container input[type="password"]:focus {
    border: 1px solid #333 !important
}

.input-question {
    width: 380px !important;
}

@media only screen and (max-width:768px) {
    .input-question {
        width: 282px !important;
    }

    .label-question {
        width: 29% !important;
    }
}

@media only screen and (min-width:1024px) {
    .title-question {
        padding-top: 50px !important;
    }
}

@media only screen and (max-width:1024px) {
    .divrefresh {
        float: right;
        margin-right: 53px;
    }
}

@media only screen and (max-width:414px) {
    .divrefresh {
        float: none;
        margin-right: 10px;
    }
}

@media only screen and (min-width:1200px) {
    .divrefresh {
        float: right;
        margin-right: 115px;
    }
}

@media only screen and (max-width:767px) {
    #btnRefresh {
        width: 50% !important;
    }
}

@media only screen and (min-width:1200px) {
    #sec_refresh .divrefresh {
        float: right;
        margin-right: 90px;
    }
}

@media only screen and (max-width:767px) {
    .row_checkbox #rememberUser {
        width: 22px !important;
    }
}

.title-text {
    font-size: 22px !important;
    font-weight: unset !important;
    border-bottom: 1px solid !important;
}

.mar-bottom {
    border-bottom: 1px solid;
}

.mar-left-thirtythree {
    margin-left: 33%;
}

.current-label {
    margin-left: 13%;
    font-size: 13px;
}

.font_small {
    font-size: 12px;
}

.mar-left-thityfive {
    margin-left: 35px;
}

#dvCaptcha {
    transform: scale(0.90);
    -webkit-transform: scale(0.90);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

@media only screen and (max-width:767px) {
    .message {
        display: block;
        width: 95%;
    }
}

@media only screen and (min-width:767px) {
    #captch_error {
        width: 46%;
    }

    .one-fourth .inside.clearfix {
        min-height: 220px;
    }
}

@media only screen and (max-width:767px) {
    .verify-identity .btn {
        display: block;
        width: 90% !important;
        margin: 0;
        padding: 15px;
    }
}

@media only screen and (max-width:767px) {
    .reset-link-verification .btn {
        display: block;
        width: 95% !important;
        margin: 10px;
        padding: 15px;
    }
}

@media only screen and (max-width:767px) {
    .must-update-security .btn {
        margin: 10px;
    }
}

.login-message {
    width: auto !important;
}
/*ADA CSS CHANGES START*/
.color-gray {
    color: #E0E0E0 !important;
}

.ui-helper-hidden-accessible {
    color: white !important;
}
[style*="red"] {
    color: #990000 !important;
}

.dark-gray-text {
    color: #595959 !important;
}
/*ADA CSS CHANGES END*/
.cookie-consent-modal .display-row {
    display: flex;
}

.cookie-consent-modal .popup-content {
    background-color: #fff;
    padding: 2vw 3vw;
    box-shadow: 0px -3px 6px #00000040;
    opacity: 1; /* New committed */
    width: 100%; /*New added */
    left: 0;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    display: none;
    justify-content: center;
}

    .cookie-consent-modal .popup-content.active {
        display: flex;
    }

.cookie-consent-modal .btns {
    display: flex;
    justify-content: center;
    margin-left: 10px;
}

.cookie-consent-modal .btn {
    border: none;
    outline: none;
    padding: .8em 1.5em;
    margin-right: 1em;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
}

.cookie-consent-modal .accept {
    background-color: #023D69 !important;
    color: #fff;
    width: 120px;
    height: 36px;
    text-transform: uppercase;
    border-radius: 5px !important;
    margin-right: 5px;
    padding-top: 8px !important;
    padding-bottom: 3px !important;
    cursor: pointer;
    opacity: 1;
    letter-spacing: 1.12px;
    text-align: center;
    font-weight: normal;
    font-family: 'Roboto';
    font-size: 14px;
}

    .cookie-consent-modal .accept:hover {
        background: #12538E !important;
    }

.cookie-consent-modal .cancel {
    background-color: #023D69 !important;
    color: #fff;
    width: 155px;
    height: 25px;
    text-transform: uppercase;
    border-radius: 5px !important;
    opacity: 1;
    letter-spacing: 1.12px;
    text-align: center;
    padding-top: 8px !important;
    padding-bottom: 3px !important;
    cursor: pointer;
    font-weight: normal;
    font-family: 'Roboto';
    font-size: 14px;
    margin-left: 10px;
}

    .cookie-consent-modal .cancel:hover {
        background: #12538E !important;
    }

.cookie-consent-modal .text-content {
    width: auto;
    height: 33px;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Roboto';
    letter-spacing: 0px;
    opacity: 1;
    color: #333333; /* margin-left: 60px; */
    margin-top: 10px;
}

.cookie-consent-modal .highlight {
    text-align: left;
    text-decoration: underline !important;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Roboto';
    letter-spacing: 0px;
    color: #023D69 !important;
}

    .cookie-consent-modal .highlight:hover {
        text-decoration: none !important;
    }


.cookie-consent-modal #mobile {
    visibility: hidden;
}

.cookie-consent-modal #desktop {
    visibility: visible;
    margin-top: -17px;
}

.cookie-consent-modal span.close {
    cursor: pointer;
    color: #555555 !important;
    border: 1px solid #555555;
    border-radius: 50% !important;
    text-decoration: none !important; /* font-size: 9px !important; */
    font-weight: 800 !important;
    display: inline-block;
    line-height: 0px;
    padding: 9px 4px 8px 4px;
    opacity: 1;
}

@media only screen and (min-width:768px) and (max-width:1180px) and (orientation:portrait) {
    .cookie-consent-modal .popup-content {
        margin-bottom: -1px;
    }

    .cookie-consent-modal .text-content {
        width: 550px;
        height: auto;
        margin-left: 0px;
    }

    .cookie-consent-modal #desktop {
        margin-top: -15px;
    }
}

@media only screen and (min-width:768px) and (max-width:1180px) and (orientation:landscape) {
    .cookie-consent-modal .popup-content {
        margin-bottom: -1px;
    }

    .cookie-consent-modal .text-content {
        width: 700px;
        height: auto;
        margin-left: 0px;
    }

    .cookie-consent-modal #desktop {
        margin-top: -15px;
    }
}



@media only screen and (min-width:320px) and (max-width:767px) {
    .cookie-consent-modal .popup-content {
        width: 100%;
        padding-bottom: 20px;
        bottom: -1px;
    }

    .cookie-consent-modal .display-row {
        display: inline !important;
    }

    .cookie-consent-modal .text-content {
        width: auto;
        margin-left: auto;
        margin-right: 35px;
    }

    .cookie-consent-modal .btns {
        margin-top: 55px;
        justify-content: center;
    }


    .cookie-consent-modal #mobile {
        visibility: visible;
        text-align: right;
        margin-top: -30px;
        margin-right: 13px;
    }

    .cookie-consent-modal #desktop {
        visibility: hidden;
    }

    .cookie-consent-modalspan .closemobile {
        cursor: pointer;
        color: #555555 !important;
        border: 1px solid #555555;
        border-radius: 50% !important;
        text-decoration: none !important; /* font-size: 9px !important; */
        font-weight: 800 !important;
        display: inline-block;
        line-height: 0px;
        padding: 9px 4px 8px 4px;
        opacity: 1;
    }
}

@charset "UTF-8";

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

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin:0 8px 0 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 24px;
}

.sz-xs:before{font-size: 14px;line-height: 14px;vertical-align: 0px;margin:0 5px 0 0}
.sz-s:before{font-size: 18px;line-height: 18px;vertical-align: -2px;margin:0 6px 0 0}
.sz-m:before{font-size: 22px;line-height: 22px;vertical-align: -4px;margin:0 6px 0 0;}
.sz-l:before{font-size: 32px;line-height: 32px;vertical-align: -7px;margin:0 9px 0 0;}
.sz-xl:before{font-size: 42px;line-height: 42px;vertical-align: -10px;margin:0 10px 0 0;}
.sz-xxl:before{font-size: 52px;line-height: 52px;vertical-align: -14px;margin:0 11px 0 0;}

.ibtn.sz-m:before{margin-left:-6px;margin-right:9px;vertical-align:-1px}
.ibtn.sz-s:before{ margin-left: -5px;margin-right: 8px;vertical-align: -2px;}
.ibtn.sz-xs:before{margin: 0 7px 0 -4px;}

.menuicon:before {line-height:1.65;float:left;margin:0 5px;color:#666}

ul.the-icons {list-style:none;}
ul.the-icons li {position:relative;}
ul.the-icons .i-name , ul.the-icons .i-code {color: #666666;vertical-align: 5px;}
ul.the-icons .i-code {display:none;}

.icon-plus-1:before { content: '\e811'; } /* '' */
.icon-minus-1:before { content: '\e813'; } /* '' */
.icon-info:before { content: '\2139'; } /* 'ℹ' */
.icon-left-1:before { content: '\e853'; } /* '' */
.icon-up-1:before { content: '\e855'; } /* '' */
.icon-right-1:before { content: '\e854'; } /* '' */
.icon-down-1:before { content: '\e852'; } /* '' */
.icon-infinity:before { content: '\221e'; } /* '∞' */
.icon-plus-squared:before { content: '\229e'; } /* '⊞' */
.icon-minus-squared:before { content: '\229f'; } /* '⊟' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-home-1:before { content: '\e817'; } /* '' */
.icon-home-2:before { content: '\e88e'; } /* '' */
.icon-keyboard:before { content: '\2328'; } /* '⌨' */
.icon-erase:before { content: '\232b'; } /* '⌫' */
.icon-clock-5:before { content: '\23f2'; } /* '⏲' */
.icon-hourglass:before { content: '\23f3'; } /* '⏳' */
.icon-up-dir-1:before { content: '\e84b'; } /* '' */
.icon-play-1:before { content: '\e85a'; } /* '' */
.icon-right-dir-1:before { content: '\e84d'; } /* '' */
.icon-down-dir-1:before { content: '\e84a'; } /* '' */
.icon-left-dir-1:before { content: '\e84c'; } /* '' */
.icon-adjust:before { content: '\25d1'; } /* '◑' */
.icon-cloud:before { content: '\2601'; } /* '☁' */
.icon-cloud-1:before { content: '\e867'; } /* '' */
.icon-umbrella:before { content: '\2602'; } /* '☂' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-1:before { content: '\e805'; } /* '' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-star-empty-1:before { content: '\e806'; } /* '' */
.icon-check-1:before { content: '\2611'; } /* '☑' */
.icon-cup:before { content: '\2615'; } /* '☕' */
.icon-left-hand:before { content: '\261c'; } /* '☜' */
.icon-up-hand:before { content: '\261d'; } /* '☝' */
.icon-right-hand:before { content: '\261e'; } /* '☞' */
.icon-down-hand:before { content: '\261f'; } /* '☟' */
.icon-menu:before { content: '\2630'; } /* '☰' */
.icon-th-list:before { content: '\e80d'; } /* '' */
.icon-moon:before { content: '\263d'; } /* '☽' */
.icon-heart-empty:before { content: '\2661'; } /* '♡' */
.icon-heart-empty-1:before { content: '\e804'; } /* '' */
.icon-heart:before { content: '\2665'; } /* '♥' */
.icon-heart-1:before { content: '\e803'; } /* '' */
.icon-heart-3:before { content: '\e8da'; } /* '' */
.icon-note:before { content: '\266a'; } /* '♪' */
.icon-note-beamed:before { content: '\266b'; } /* '♫' */
.icon-music-1:before { content: '\e800'; } /* '' */
.icon-layout:before { content: '\268f'; } /* '⚏' */
.icon-th:before { content: '\e80c'; } /* '' */
.icon-flag:before { content: '\2691'; } /* '⚑' */
.icon-flag-1:before { content: '\e81f'; } /* '' */
.icon-flag-2:before { content: '\e8ef'; } /* '' */
.icon-tools:before { content: '\2692'; } /* '⚒' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-cog-1:before { content: '\e836'; } /* '' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-attention-1:before { content: '\e82c'; } /* '' */
.icon-flash:before { content: '\26a1'; } /* '⚡' */
.icon-flash-1:before { content: '\e868'; } /* '' */
.icon-cloud-thunder:before { content: '\26c8'; } /* '⛈' */
.icon-cog-alt:before { content: '\26ef'; } /* '⛯' */
.icon-scissors:before { content: '\2702'; } /* '✂' */
.icon-tape:before { content: '\2707'; } /* '✇' */
.icon-flight:before { content: '\2708'; } /* '✈' */
.icon-flight-1:before { content: '\e869'; } /* '' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-mail-1:before { content: '\e802'; } /* '' */
.icon-mail-2:before { content: '\e87c'; } /* '' */
.icon-mail-3:before { content: '\e8d9'; } /* '' */
.icon-edit:before { content: '\270d'; } /* '✍' */
.icon-edit-2:before { content: '\e935'; } /* '' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-pencil-1:before { content: '\e826'; } /* '' */
.icon-pencil-alt:before { content: '\2710'; } /* '✐' */
.icon-feather:before { content: '\2712'; } /* '✒' */
.icon-check:before { content: '\2713'; } /* '✓' */
.icon-ok-1:before { content: '\e884'; } /* '' */
.icon-ok-circle-1:before { content: '\e885'; } /* '' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-cancel-1:before { content: '\e80f'; } /* '' */
.icon-cancel-circle:before { content: '\e810'; } /* '' */
.icon-asterisk:before { content: '\2731'; } /* '✱' */
.icon-cancel-squared:before { content: '\274e'; } /* '❎' */
.icon-help:before { content: '\2753'; } /* '❓' */
.icon-attention-circle:before { content: '\2757'; } /* '❗' */
.icon-quote-left-1:before { content: '\275d'; } /* '❝' */
.icon-quote-right-1:before { content: '\e89a'; } /* '' */
.icon-plus-circle:before { content: '\e812'; } /* '' */
.icon-minus-circled:before { content: '\2796'; } /* '➖' */
.icon-minus-circle:before { content: '\e814'; } /* '' */
.icon-forward:before { content: '\27a6'; } /* '➦' */
.icon-forward-1:before { content: '\e824'; } /* '' */
.icon-ccw-1:before { content: '\e857'; } /* '' */
.icon-cw-1:before { content: '\e856'; } /* '' */
.icon-list-add:before { content: '\e003'; } /* '' */
.icon-list:before { content: '\e005'; } /* '' */
.icon-user-add:before { content: '\e700'; } /* '' */
.icon-star-half:before { content: '\e701'; } /* '' */
.icon-ok-circle2:before { content: '\e702'; } /* '' */
.icon-cancel-circle2:before { content: '\e703'; } /* '' */
.icon-help-circled:before { content: '\e704'; } /* '' */
.icon-info-circled:before { content: '\e705'; } /* '' */
.icon-th-large:before { content: '\e708'; } /* '' */
.icon-eye:before { content: '\e70a'; } /* '' */
.icon-eye-1:before { content: '\e81c'; } /* '' */
.icon-eye-3:before { content: '\e8ec'; } /* '' */
.icon-eye-off:before { content: '\e70b'; } /* '' */
.icon-tag:before { content: '\e70c'; } /* '' */
.icon-tag-1:before { content: '\e81d'; } /* '' */
.icon-tags:before { content: '\e70d'; } /* '' */
.icon-camera-alt:before { content: '\e70f'; } /* '' */
.icon-download-cloud-1:before { content: '\e710'; } /* '' */
.icon-upload-cloud:before { content: '\e711'; } /* '' */
.icon-upload-cloud-2:before { content: '\e899'; } /* '' */
.icon-reply:before { content: '\e712'; } /* '' */
.icon-reply-all:before { content: '\e713'; } /* '' */
.icon-code:before { content: '\e714'; } /* '' */
.icon-export:before { content: '\e715'; } /* '' */
.icon-export-1:before { content: '\e825'; } /* '' */
.icon-print:before { content: '\e716'; } /* '' */
.icon-print-1:before { content: '\e827'; } /* '' */
.icon-retweet:before { content: '\e717'; } /* '' */
.icon-retweet-1:before { content: '\e828'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-comment-1:before { content: '\e829'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-chat-1:before { content: '\e82a'; } /* '' */
.icon-vcard:before { content: '\e722'; } /* '' */
.icon-address:before { content: '\e723'; } /* '' */
.icon-location-1:before { content: '\e82d'; } /* '' */
.icon-map:before { content: '\e727'; } /* '' */
.icon-compass:before { content: '\e728'; } /* '' */
.icon-trash:before { content: '\e729'; } /* '' */
.icon-trash-1:before { content: '\e82e'; } /* '' */
.icon-doc-text-inv:before { content: '\e731'; } /* '' */
.icon-docs:before { content: '\e736'; } /* '' */
.icon-archive:before { content: '\e738'; } /* '' */
.icon-rss:before { content: '\e73a'; } /* '' */
.icon-share:before { content: '\e73c'; } /* '' */
.icon-basket-1:before { content: '\e837'; } /* '' */
.icon-shareable:before { content: '\e73e'; } /* '' */
.icon-login:before { content: '\e740'; } /* '' */
.icon-login-1:before { content: '\e83b'; } /* '' */
.icon-logout:before { content: '\e741'; } /* '' */
.icon-logout-1:before { content: '\e83c'; } /* '' */
.icon-volume:before { content: '\e742'; } /* '' */
.icon-resize-full:before { content: '\e744'; } /* '' */
.icon-resize-full-1:before { content: '\e845'; } /* '' */
.icon-resize-small:before { content: '\e746'; } /* '' */
.icon-resize-small-1:before { content: '\e846'; } /* '' */
.icon-popup:before { content: '\e74c'; } /* '' */
.icon-publish:before { content: '\e74d'; } /* '' */
.icon-window:before { content: '\e74e'; } /* '' */
.icon-zoom-in:before { content: '\e750'; } /* '' */
.icon-chart-pie:before { content: '\e751'; } /* '' */
.icon-zoom-out:before { content: '\e847'; } /* '' */
.icon-language:before { content: '\e752'; } /* '' */
.icon-air:before { content: '\e753'; } /* '' */
.icon-database:before { content: '\e754'; } /* '' */
.icon-drive:before { content: '\e755'; } /* '' */
.icon-bucket:before { content: '\e756'; } /* '' */
.icon-thermometer:before { content: '\e757'; } /* '' */
.icon-down-circled:before { content: '\e758'; } /* '' */
.icon-left-circled:before { content: '\e759'; } /* '' */
.icon-right-circled:before { content: '\e75a'; } /* '' */
.icon-up-circled:before { content: '\e75b'; } /* '' */
.icon-down-open-1:before { content: '\e84e'; } /* '' */
.icon-left-open-1:before { content: '\e84f'; } /* '&#xe84f' */
.icon-right-open-1:before { content: '\e850'; } /* '&#xe850' */
.icon-up-open-1:before { content: '\e851'; } /* '' */
.icon-arrows-cw:before { content: '\e858'; } /* '' */
.icon-play-circle2:before { content: '\e85b'; } /* '' */
.icon-progress-1:before { content: '\e769'; } /* '' */
.icon-progress-2:before { content: '\e76a'; } /* '' */
.icon-progress-3:before { content: '\e76b'; } /* '' */
.icon-back-in-time:before { content: '\e771'; } /* '' */
.icon-network:before { content: '\e776'; } /* '' */
.icon-inbox:before { content: '\e777'; } /* '' */
.icon-inbox-1:before { content: '\e865'; } /* '' */
.icon-install:before { content: '\e778'; } /* '' */
.icon-lifebuoy:before { content: '\e788'; } /* '' */
.icon-mouse:before { content: '\e789'; } /* '' */
.icon-dot:before { content: '\e78b'; } /* '' */
.icon-dot-2:before { content: '\e78c'; } /* '' */
.icon-dot-3:before { content: '\e78d'; } /* '' */
.icon-suitcase:before { content: '\e78e'; } /* '' */
.icon-off:before { content: '\e86c'; } /* '' */
.icon-road:before { content: '\e78f'; } /* '' */
.icon-flow-cascade:before { content: '\e790'; } /* '' */
.icon-list-alt:before { content: '\e86d'; } /* '' */
.icon-flow-branch:before { content: '\e791'; } /* '' */
.icon-qrcode:before { content: '\e86e'; } /* '' */
.icon-flow-tree:before { content: '\e792'; } /* '' */
.icon-barcode:before { content: '\e86f'; } /* '' */
.icon-flow-line:before { content: '\e793'; } /* '' */
.icon-ajust:before { content: '\e871'; } /* '' */
.icon-flow-parallel:before { content: '\e794'; } /* '' */
.icon-tint:before { content: '\e872'; } /* '' */
.icon-brush:before { content: '\e79a'; } /* '' */
.icon-paper-plane:before { content: '\e79b'; } /* '' */
.icon-magnet:before { content: '\e7a1'; } /* '' */
.icon-magnet-1:before { content: '\e873'; } /* '' */
.icon-gauge:before { content: '\e7a2'; } /* '' */
.icon-chart-pie-2:before { content: '\e926'; } /* '' */
.icon-traffic-cone:before { content: '\e7a3'; } /* '' */
.icon-cc:before { content: '\e7a5'; } /* '' */
.icon-cc-by:before { content: '\e7a6'; } /* '' */
.icon-cc-nc:before { content: '\e7a7'; } /* '' */
.icon-cc-nc-eu:before { content: '\e7a8'; } /* '' */
.icon-cc-nc-jp:before { content: '\e7a9'; } /* '' */
.icon-cc-sa:before { content: '\e7aa'; } /* '' */
.icon-cc-nd:before { content: '\e7ab'; } /* '' */
.icon-cc-pd:before { content: '\e7ac'; } /* '' */
.icon-cc-zero:before { content: '\e7ad'; } /* '' */
.icon-cc-share:before { content: '\e7ae'; } /* '' */
.icon-cc-remix:before { content: '\e7af'; } /* '' */
.icon-paper-plane-alt2:before { content: '\f01e'; } /* '' */
.icon-chat-5:before { content: '\f03d'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-user-male:before { content: '\f062'; } /* '' */
.icon-user-female:before { content: '\f063'; } /* '' */
.icon-trophy-1:before { content: '\f074'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-rss-1:before { content: '\f09e'; } /* '' */
.icon-hdd:before { content: '\f0a0'; } /* '' */
.icon-certificate:before { content: '\f0a3'; } /* '' */
.icon-left-circled-1:before { content: '\f0a8'; } /* '' */
.icon-right-circled-1:before { content: '\f0a9'; } /* '' */
.icon-up-circled-1:before { content: '\f0aa'; } /* '' */
.icon-down-circled-1:before { content: '\f0ab'; } /* '' */
.icon-tasks:before { content: '\f0ae'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-beaker:before { content: '\f0c3'; } /* '' */
.icon-docs-1:before { content: '\f0c5'; } /* '' */
.icon-menu-1:before { content: '\f0c9'; } /* '' */
.icon-list-bullet:before { content: '\f0ca'; } /* '' */
.icon-magic:before { content: '\f0d0'; } /* '' */
.icon-money:before { content: '\f0d6'; } /* '' */
.icon-sort:before { content: '\f0dc'; } /* '' */
.icon-sort-down:before { content: '\f0dd'; } /* '' */
.icon-sort-up:before { content: '\f0de'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-gauge-1:before { content: '\f0e4'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-paste:before { content: '\f0ea'; } /* '' */
.icon-lightbulb:before { content: '\f0eb'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-upload-cloud-1:before { content: '\f0ee'; } /* '' */
.icon-user-md:before { content: '\f0f0'; } /* '' */
.icon-stethoscope:before { content: '\f0f1'; } /* '' */
.icon-suitcase-1:before { content: '\f0f2'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-coffee:before { content: '\f0f4'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-doc-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-sigh:before { content: '\f0fd'; } /* '' */
.icon-plus-squared-1:before { content: '\f0fe'; } /* '' */
.icon-angle-double-left:before { content: '\f100'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-double-up:before { content: '\f102'; } /* '' */
.icon-angle-double-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-1:before { content: '\f10b'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */
.icon-reply-1:before { content: '\f112'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
.icon-github:before { content: '\f300'; } /* '' */
.icon-github-circled:before { content: '\f301'; } /* '' */
.icon-flickr:before { content: '\f303'; } /* '' */
.icon-flickr-circled:before { content: '\f304'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-vimeo-circled:before { content: '\f307'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-twitter-circled:before { content: '\f30a'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */
.icon-facebook-squared:before { content: '\f80e'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-gplus-circled:before { content: '\f310'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-tumblr:before { content: '\f315'; } /* '' */
.icon-tumblr-circled:before { content: '\f316'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-linkedin-circled:before { content: '\f319'; } /* '' */
.icon-dribbble:before { content: '\f31b'; } /* '' */
.icon-dribbble-circled:before { content: '\f31c'; } /* '' */
.icon-stumbleupon:before { content: '\f31e'; } /* '' */
.icon-stumbleupon-circled:before { content: '\f31f'; } /* '' */
.icon-lastfm:before { content: '\f321'; } /* '' */
.icon-lastfm-circled:before { content: '\f322'; } /* '' */
.icon-rdio:before { content: '\f324'; } /* '' */
.icon-rdio-circled:before { content: '\f325'; } /* '' */
.icon-spotify:before { content: '\f327'; } /* '' */
.icon-spotify-circled:before { content: '\f328'; } /* '' */
.icon-qq:before { content: '\f32a'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */
.icon-dropbox:before { content: '\f330'; } /* '' */
.icon-evernote:before { content: '\f333'; } /* '' */
.icon-flattr:before { content: '\f336'; } /* '' */
.icon-skype:before { content: '\f339'; } /* '' */
.icon-skype-circled:before { content: '\f33a'; } /* '' */
.icon-renren:before { content: '\f33c'; } /* '' */
.icon-sina-weibo:before { content: '\f33f'; } /* '' */
.icon-paypal:before { content: '\f842'; } /* '' */
.icon-picasa:before { content: '\f345'; } /* '' */
.icon-soundcloud:before { content: '\f348'; } /* '' */
.icon-mixi:before { content: '\f34b'; } /* '' */
.icon-behance:before { content: '\f34e'; } /* '' */
.icon-google-circles:before { content: '\f351'; } /* '' */
.icon-vkontakte:before { content: '\f354'; } /* '' */
.icon-smashing:before { content: '\f357'; } /* '' */
.icon-db-shape:before { content: '\f600'; } /* '' */
.icon-sweden:before { content: '\f601'; } /* '' */
.icon-logo-db:before { content: '\f603'; } /* '' */
.icon-globe-2:before { content: '\d30d'; } /* '팍' */
.icon-picture:before { content: '\f904'; } /* '滑' */
.icon-picture-1:before { content: '\e80a'; } /* '' */
.icon-globe:before { content: '\f32e'; } /* '' */
.icon-globe-1:before { content: '\e866'; } /* '' */
.icon-globe-alt:before { content: '\f311'; } /* '' */
.icon-leaf:before { content: '\f343'; } /* '' */
.icon-leaf-1:before { content: '\e86a'; } /* '' */
.icon-glass:before { content: '\f379'; } /* '' */
.icon-gift:before { content: '\f581'; } /* '' */
.icon-graduation-cap:before { content: '\f893'; } /* '' */
.icon-mic:before { content: '\f7a4'; } /* '' */
.icon-mic-2:before { content: '\e903'; } /* '' */
.icon-videocam:before { content: '\f8a5'; } /* '' */
.icon-headphones:before { content: '\f3af'; } /* '' */
.icon-palette:before { content: '\f8a8'; } /* '' */
.icon-ticket:before { content: '\f8ab'; } /* '' */
.icon-video:before { content: '\f8ac'; } /* '' */
.icon-video-1:before { content: '\e809'; } /* '' */
.icon-video-2:before { content: '\e881'; } /* '' */
.icon-target:before { content: '\f3ff'; } /* '' */
.icon-target-1:before { content: '\e863'; } /* '' */
.icon-music:before { content: '\f8b5'; } /* '' */
.icon-trophy:before { content: '\f3cc'; } /* '' */
.icon-award:before { content: '\f8c9'; } /* '' */
.icon-thumbs-up:before { content: '\f74d'; } /* '' */
.icon-thumbs-up-1:before { content: '\e820'; } /* '' */
.icon-thumbs-down:before { content: '\f74e'; } /* '' */
.icon-thumbs-down-1:before { content: '\e821'; } /* '' */
.icon-bag:before { content: '\f75c'; } /* '' */
.icon-user:before { content: '\f864'; } /* '' */
.icon-user-1:before { content: '\e807'; } /* '' */
.icon-users:before { content: '\f865'; } /* '' */
.icon-users-1:before { content: '\e808'; } /* '' */
.icon-users-2:before { content: '\e8dd'; } /* '' */
.icon-lamp:before { content: '\f8a1'; } /* '' */
.icon-alert:before { content: '\f7a5'; } /* '' */
.icon-water:before { content: '\f8a6'; } /* '' */
.icon-droplet:before { content: '\f8a7'; } /* '' */
.icon-credit-card:before { content: '\f8b3'; } /* '' */
.icon-credit-card-1:before { content: '\e875'; } /* '' */
.icon-monitor:before { content: '\f4fc'; } /* '' */
.icon-briefcase:before { content: '\f8bc'; } /* '' */
.icon-briefcase-1:before { content: '\e86b'; } /* '' */
.icon-floppy:before { content: '\f8be'; } /* '' */
.icon-floppy-1:before { content: '\e876'; } /* '' */
.icon-cd:before { content: '\f5bf'; } /* '' */
.icon-folder:before { content: '\f7c1'; } /* '' */
.icon-folder-1:before { content: '\e833'; } /* '' */
.icon-folder-open:before { content: '\f4c9'; } /* '' */
.icon-doc-text:before { content: '\f7c4'; } /* '' */
.icon-doc-1:before { content: '\e82f'; } /* '' */
.icon-calendar:before { content: '\f7c5'; } /* '' */
.icon-calendar-1:before { content: '\e83a'; } /* '' */
.icon-chart-line:before { content: '\f8c8'; } /* '' */
.icon-chart:before { content: '\e924'; } /* '' */
.icon-chart-bar:before { content: '\f8ca'; } /* '' */
.icon-chart-bar-1:before { content: '\e874'; } /* '' */
.icon-chart-bar-3:before { content: '\e925'; } /* '' */
.icon-clipboard:before { content: '\f8cb'; } /* '' */
.icon-pin:before { content: '\f4cc'; } /* '' */
.icon-attach:before { content: '\f7ce'; } /* '' */
.icon-attach-1:before { content: '\e819'; } /* '' */
.icon-attach-2:before { content: '\e890'; } /* '' */
.icon-bookmarks:before { content: '\f7d1'; } /* '' */
.icon-book:before { content: '\f7d5'; } /* '' */
.icon-book-1:before { content: '\e870'; } /* '' */
.icon-book-open:before { content: '\f7d6'; } /* '' */
.icon-phone:before { content: '\f7de'; } /* '' */
.icon-phone-1:before { content: '\e835'; } /* '' */
.icon-megaphone:before { content: '\f8e3'; } /* '' */
.icon-megaphone-1:before { content: '\e877'; } /* '' */
.icon-upload:before { content: '\f7e4'; } /* '' */
.icon-upload-1:before { content: '\e823'; } /* '' */
.icon-download:before { content: '\f7e5'; } /* '' */
.icon-download-1:before { content: '\e822'; } /* '' */
.icon-box:before { content: '\f7e6'; } /* '' */
.icon-newspaper:before { content: '\f7f0'; } /* '' */
.icon-mobile:before { content: '\f5f1'; } /* '' */
.icon-mobile-3:before { content: '\e920'; } /* '' */
.icon-signal:before { content: '\f4ff'; } /* '' */
.icon-signal-1:before { content: '\e864'; } /* '' */
.icon-camera:before { content: '\f9f7'; } /* '立' */
.icon-camera-1:before { content: '\e80b'; } /* '' */
.icon-camera-2:before { content: '\e883'; } /* '' */
.icon-shuffle-1:before { content: '\e859'; } /* '' */
.icon-light-down:before { content: '\f805'; } /* '' */
.icon-light-up:before { content: '\f806'; } /* '' */
.icon-mute:before { content: '\f707'; } /* '' */
.icon-volume-off:before { content: '\e83d'; } /* '' */
.icon-volume-down:before { content: '\f510'; } /* '' */
.icon-sound:before { content: '\f70a'; } /* '' */
.icon-volume-up:before { content: '\e83e'; } /* '' */
.icon-battery:before { content: '\f5fb'; } /* '' */
.icon-search:before { content: '\f80d'; } /* '' */
.icon-search-1:before { content: '\e801'; } /* '' */
.icon-key:before { content: '\f811'; } /* '' */
.icon-key-1:before { content: '\e878'; } /* '' */
.icon-lock:before { content: '\f712'; } /* '' */
.icon-lock-1:before { content: '\e81a'; } /* '' */
.icon-lock-open:before { content: '\f713'; } /* '' */
.icon-lock-open-1:before { content: '\e81b'; } /* '' */
.icon-bell:before { content: '\f714'; } /* '' */
.icon-bell-1:before { content: '\e82b'; } /* '' */
.icon-bookmark:before { content: '\f716'; } /* '' */
.icon-bookmark-1:before { content: '\e81e'; } /* '' */
.icon-link:before { content: '\f917'; } /* '珞' */
.icon-link-1:before { content: '\e818'; } /* '' */
.icon-fire:before { content: '\f825'; } /* '' */
.icon-flashlight:before { content: '\f826'; } /* '' */
.icon-wrench:before { content: '\f827'; } /* '' */
.icon-hammer:before { content: '\f828'; } /* '' */
.icon-chart-area:before { content: '\f83e'; } /* '' */
.icon-clock:before { content: '\f854'; } /* '' */
.icon-clock-1:before { content: '\e83f'; } /* '' */
.icon-rocket:before { content: '\f980'; } /* '呂' */
.icon-truck:before { content: '\f89a'; } /* '' */
.icon-block-1:before { content: '\e844'; } /* '' */
/* FlexSlider Styles *************************************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider { padding: 0;position: relative;z-index: 9;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

ul.slides li {margin-bottom:0;position:relative;}

.flex-viewport ,ul.slides{
	background:#000;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	
	}

ol.flex-control-nav{text-align: center;margin:0 0 3px;}

ol.flex-control-nav li{display:inline-block;}

ol.flex-control-nav li a{
	display:block;
	width:10px;
	height:10px;
	cursor:pointer;
	margin:0 3px;
	background:transparent;
	border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	
	}

ol.flex-control-nav li a:hover,
ol.flex-control-nav li a.flex-active{
	background:#29417F;
	}
	
.flexslider ul.flex-direction-nav {display:none}
.flexslider:hover ul.flex-direction-nav {display:block} 

ul.flex-direction-nav li {
	margin:0;
	padding:0;
	}

ul.flex-direction-nav li a {
	width:25px;
	height:25px;
	position:absolute;
	display:block;
	top:39%;
	right:20px;	
	font-family:fontello;	
	background:#29417F;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	font-size:14px;
	line-height:24px;
	opacity:.5;
	}
	
ul.flex-direction-nav li a.flex-next:before{content: "\e850";}
ul.flex-direction-nav li a.flex-next:hover {opacity:1}
ul.flex-direction-nav li a.flex-prev:before {content: "\e84f";}
ul.flex-direction-nav li a.flex-prev {left:20px;right:auto;}
ul.flex-direction-nav li a.flex-prev:hover {opacity:1}


.flex_caption {
	background:rgba(0, 0, 0, 0.6);

	opacity:0;
    color: #CCC;
    padding:20px 25px;
    position: absolute;
    width: 100%;
	text-shadow:1px 1px 1px rgba(0,0,0,.6);
	
	-webkit-transition:al 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
	}
.full_caption{
	height:0;
	bottom:0;
	}
.top_caption{
	top:0;
	bottom:auto;
	}
.bottom_caption{
	bottom:0;
	}
.center_caption{
	margin:7.5%;
	text-align:center;
	bottom:0;
	width:86%;
	}
ul.slides li:hover .full_caption {
    height:100%;
	opacity:1;
	}
ul.slides li:hover .bottom_caption,
ul.slides li:hover .top_caption,
ul.slides li:hover .center_caption {
	opacity:1;
	}
	
.flex_caption h4{
	color:#FFF !important;
	font-size:18px;
	line-height:18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom:9px;
	}

.caption_text {
	float:left;
	}

.flex_caption a,.flex_caption a:visited, .nivo-caption a, .nivo-caption a:visited {
	color:#DDD;
	} 
.flex_caption a:hover,.nivo-caption a:hover {
	color:#FFF;
	} 

/* Slider Shadow ****************************************************/
.slider_shadow{z-index:1}
.slider_shadow img { width: 100%; }
.slider_shadow.shadow1 {margin: -78px 0 0;}
.slider_shadow.shadow2 {margin: -56px 0 0;}
.slider_shadow.shadow3 {margin: -63px 0 0;}
.slider_shadow.shadow4 {margin: -66px 0 0;}
.slider_shadow.shadow5,
.slider_shadow.shadow6 {margin: -304px 0 33px -20px;}
.slider_shadow.shadow5 img,
.slider_shadow.shadow6 img {max-width:none}




/*Roundabout Slider *************************************************/

.roundabout {
	width:905px;
	}

.roundabout ul {
	margin: 135px 0 115px 40px;
	}
	
@media only screen and (min-width: 100px) {
	.slider_shadow {display: none;}
}
@media only screen and (min-width: 480px) {
	.flexslider {margin-top: 20px;}
}
@media only screen and (min-width: 960px) {
	.slider_shadow {display: block;}
}

	

pre{
	background:url(../images/bg_off.png) repeat scroll 0 0 transparent;
    border: 1px solid #DDD;
    font-family: Consolas,monospace;
    height: auto;
    overflow-x: auto;
    padding: 15px;
	border-radius:5px;
	}
	
pre ul {
	display: inline-block;
    line-height: 1;
    margin: 0 0 0 40px !important;
    padding: 0;
	}
pre ul li{
	line-height: 1;
    margin: 0 !important;
	}

pre br {
	float:left;
	}



/*	HR Separator ******************************************/
.hr{
	margin:30px 0;
	height:1px;
	}

.hr10 {margin:10px 0;}
.hr15 {margin:15px 0;}
.hr20 {margin:20px 0;}
.hr25 {margin:25px 0;}
.hr30 {margin:30px 0;}
.hr35 {margin:35px 0;}
.hr40 {margin:40px 0;}
.hr45 {margin:45px 0;}
.hr50 {margin:50px 0;}
.hr55 {margin:55px 0;}
.hr60 {margin:60px 0;}


.gap{
	margin:0;
	clear:both;
}

.gap5 {height:5px}
.gap10 {height:10px}
.gap15 {height:15px}
.gap20 {height:20px}
.gap25 {height:25px}
.gap30 {height:30px}
.gap35 {height:35px}
.gap40 {height:40px}
.gap45 {height:45px}
.gap50 {height:50px}
.gap55 {height:55px}
.gap60 {height:60px}
.gap65 {height:65px}
.gap70 {height:70px}
.gap75 {height:75px}
.gap80 {height:80px}
.gap85 {height:85px}
.gap90 {height:90px}
.gap95 {height:95px}


/* FAQ Toggle **********************************************/
.toggle{
	float:left;
	width:100%;
	margin-bottom:20px;
	
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
			box-shadow: 0 0 7px rgba(0,0,0,0.1);
			
}
.toggle .toggle-title{
	background:url(../images/bg_off.png) repeat scroll 0 0 transparent;
	border: 1px solid #ccc;
	display: block;
	position: relative;
	padding:10px 0px 10px 15px;
	font-weight:bold;
	cursor: pointer;
	overflow: hidden;
	color:#666;
	font-size:14px;
	border-radius:5px;
	
	-webkit-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
       -moz-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
			box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
}
.toggle .toggle-title:hover{background:url(../images/bg_off2.png) repeat scroll 0 0 transparent;}
.toggle .toggle-title span{
	float: right;
	display:block;
	margin:-10px 0px -10px 0px;
	width:41px;
	height:41px;
	background: url(../images/toggle.png) no-repeat center 0 ;
	color:#999999;
}

.toggle .toggle-title.active{
	color:#333;
}
.toggle .toggle-title.active span{
	background-position:center -40px ;
}
.toggle .toggle-title.active i{
	opacity: 0.95;
	line-height: 1;
}	
.toggle .toggle-inner{
	margin:-3px 0 0 0;
	border:1px solid #ccc;
	border-top:1px solid transparent;
	padding:23px 20px 20px;
	display:none;
	border-radius:0 0 5px 5px;
	-webkit-box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
       -moz-box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
			box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
}
.toggle .toggle-inner div{
	max-width: 100%;
}


/*	Alert Messages ****************************************************/
.message{
	position: relative;
	border: 1px solid #ddd;
	display: block;
	/*background:url(../images/t10.png) repeat scroll 0 0 #FFFFFF;*/  /* image t10.png is not in solution */
	font-weight:bold;
	padding:20px 40px 25px 17px;
	text-align:left;
	vertical-align:middle;
	margin-bottom:20px;
	border-radius:5px;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
			box-shadow: 0 0 7px rgba(0,0,0,0.1);
}

.message.warning{
	background-color: #fbf6e3;
	border-color:#efd877;
	color:#615511;
}
.message.warning a{
	color:#c0a50c;
}

.message.success{
	background-color: #e9f2d2;
	border-color:#95ad40;
	color:#7ca224;
}
.message.success a{
	color:#7ca224;
}

	.message.error {
		background-color: #ffe9e9;
		border-color: #e99f9f;
		color: #990000 !important; /*#d25c5a;*/
	}
.message.error a{
	color:#d25c5a;
}

.message.info{
	background-color: #dbe9f3;
	border-color:#9fc2dd;
	vertical-align:middle;
	color:#29516F;
}
alert-message.info a{
	color:#468bbf;
}
.message.note,.message.note a{
	color:#666;
}

.message p{
	margin:0;
	padding:0;
}

.message span.close{
	display:block;
	width:40px;
	height:40px;
	background:url(../images/message-close.png) no-repeat center 5px transparent;
	position: absolute;
	top:0;
	right: 0;
	cursor: pointer;
	opacity: 0.6;
}
.message span.close:hover{
	opacity: 1;
}

.message span.close.c-info{background-position:center 5px;}
.message span.close.c-error{background-position:center -25px;}
.message span.close.c-success{background-position:center -55px;}
.message span.close.c-warning{background-position:center -85px;}
.message span.close.c-note{background-position:center -115px;}

.message span.bullets {
	float:left;
	width:12px;
	height:12px;
	display:inline-block;
	background:url(../images/message-bullets.png) no-repeat;
	margin:5px 10px 0 0;
	}

.message span.bullets.b-error {background-position:0 0;}
.message span.bullets.b-info {background-position:0 -12px;}
.message span.bullets.b-success {background-position:0 -24px;}
.message span.bullets.b-warning {background-position:0 -36px;}
.message span.bullets.b-note {background-position:0 -48px;}


/* add custom images for message boxes */
.message span.warning {
	float:left;
	width:48px;
	height:48px;
	display:inline-block;
	background:url(../images/warning_48.png) no-repeat center;
	vertical-align:middle;
	margin:-4px 10px;
	}

.message span.warning.w-warning {background-position:center 48px 48px;}


.message span.info {
	float:left;
	width:48px;
	height:48px;
	display:inline-block;
	background:url(../images/info_48.png) no-repeat center;
	vertical-align:middle;
	margin:-12px 10px;
	}

.message span.info.i-info {background-position:center 48px 48px;}


/* adbox  ***********************************************/	

.adbox{
	border: 1px solid #CCCCCC;
    border-radius:5px;
    margin:0;
    
	}
	
.adbox.center{


	}
	
.adbox .inside{
	padding: 20px;
	
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.15);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.15);
			box-shadow: 0 0 7px rgba(0,0,0,0.15);
		
	}
	
.adbox.style1{

	}
	
.adbox.style2{
	
	}
	
	
.adbox.style2 .inside,.adbox.style4 .inside{
	background:url(../images/bg_off.png);
	}
.adbox.style4 .inside{
	border: 1px solid #CCC;
    border-radius:5px;
    margin: 10px;
	}
.adbox.style3,.adbox.style5,.adbox.style6{
	background:url(../images/bg_off.png);
	}


.adbox.style3 .inside,.adbox.style5 .inside,.adbox.style6 .inside{
	background:#FFFFFF;
    border: 1px solid #CCC;
    margin: 10px;
	padding:15px;
	border-radius:5px;
	}
.adbox.style5 {margin:10px 0; text-align: center;}
.adbox.style5 .inside{margin:-10px 10px}
.adbox.style6 .inside{margin:10px -1px}

.adbox.style3.center .inside{
	padding:20px 10px;
	}		

.adbox .icon_wrap{
	float:left;
	}
	
.adbox.center .icon_wrap{
	clear: both;
    margin-top: 5px;
    width: 100%;
	}	
	
.adbox .ibox{
	
	}

.adbox .text_wrap{
	float:left;
	}
	
.adbox.center .text_wrap{
	margin: 5px 0;
    width: 100%;
	}
			
.adbox h2{
	border-bottom: none;
	font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
	}
	
.adbox .button{
	float:right;
	margin:9px 8px 0 0;
	background-color: #29417F !important;
    border-top: 1px solid #29417F !important;
    text-shadow: none;
	}

.adbox.center .button{
	float: none;
	margin: 15px auto 5px auto;
    text-align: center;
    width: 130px;
	}

.adbox .button a{
	color:#FFF;
	
	}
	
	
.adbox p{
	margin:0;
	color:#888;
	}

	
.adbox.style2 p{
	color:#555;
	}
	

.divider{
    width:5px;
    height:auto;
    display:inline-block;
}
	

	
/* Video Embed ***************************************************/
	
.video-embed {}
	
/* Custom ********************************************************/

.adbox [class^="icon-"]:before, .adbox [class*=" icon-"]:before, .clients #nxt:hover, .portfolio-carousel #pnxt:hover, .clients #prv:hover, .portfolio-carousel #pprv:hover, footer .gototop a:hover {
    color: #29417F;
}
.adbox .button [class^="icon-"]:before, .adbox .button [class*=" icon-"]:before { color: #fff; }
	
	
	
	
	
	
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


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


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

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

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

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

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

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

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

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

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

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

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


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

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

.liteAccordion {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font: 'Helvetica Neue', Verdana, Arial, sans-serif;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-tap-highlight-color: transparent;
      }
      .liteAccordion, .liteAccordion * { padding: 0; margin: 0; border: 0; box-sizing: content-box ; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }   
      .liteAccordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none;width:940px }
      .liteAccordion > ol > li { list-style-type: none ; line-height:0 }
      .liteAccordion .slide > h2 {
          color: black;
          font-size: 16px;
          font-weight: normal;
          margin: 0;
          z-index: 100;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-backface-visibility: hidden; /* fixes chrome bug */
          -webkit-transform: translateX(-100%) rotate(-90deg);
          -webkit-transform-origin: right top;
          -moz-transform: translateX(-100%) rotate(-90deg);
          -moz-transform-origin: right top;
          -o-transform: translateX(-100%) rotate(-90deg);
          -o-transform-origin: right top;
          transform: translateX(-100%) rotate(-90deg);
          transform-origin: right top;
      }
      .liteAccordion .slide > h2 span {
          display: block;
		  background: #29417f;
          padding-right: 6%;
          text-align: right;
          height: 90%;
          margin-top: 5px;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
      }
      .liteAccordion .slide > h2 b {
          display: inline-block;
          position: absolute;
          top: 13%;
          left: 7%;
          text-align: center;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
      }

      .liteAccordion .slide > h2:hover { cursor: pointer }
      .liteAccordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
      .liteAccordion .ap-caption { padding: 15px 20px; position: absolute; bottom: 20px; right: 30px; z-index: 3; background: black; line-height:1.3; max-width:77%;  
          background: rgba(41,65,127,0.8); color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
	
      .liteAccordion .ap-caption a{color:#eee} 
      .liteAccordion .ap-caption a:hover{color:#fff;text-decoration:underline}
      .liteAccordion noscript p { padding: 10px; margin: 0; background: white }

      /****************************************** Basic */
      .liteAccordion.basic .slide > h2 { background: #333; color: white; line-height: 225% }

      /****************************************** Dark */
      .liteAccordion.dark {
          border: 9px solid #353535;
          border-bottom-width: 8px;
          padding: 5px 5px 6px 0;
          background: #030303;
          -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.dark .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
      .liteAccordion.dark .slide > h2 span { background: #353535; color: white }
      .liteAccordion.dark .slide > h2 b { background: #353535; color: #000000; text-shadow: -1px 1px 0 #454545 }
      .liteAccordion.dark .slide > h2.selected span, .liteAccordion.dark .slide > h2.selected span:hover {
          background: #353535;
          background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
          background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
          background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
          background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
          background: linear-gradient(left,  #353535 0%,#555555 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
      }
      .liteAccordion.dark .slide > h2.selected b {
          background: #383838;
          background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
          background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
      }
      .liteAccordion.dark .slide > div { background: #030303; margin-left: 5px }

      /***************************************** Light */
      .liteAccordion.light {
          border: 9px solid white;
          border-bottom-width: 8px;
          padding: 5px 5px 6px 0;
          background: #a0a0a0; /* #a0a0a0 #29417f*/
          -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.light .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
      .liteAccordion.light .slide > h2 span {
          background: #fcfcfc;
          background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
          background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
          -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          color: #909090;
      }
      .liteAccordion.light .slide:first-child h2 span {margin-top:5px}

      .liteAccordion.light .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
      .liteAccordion.light .slide > h2.selected span, .liteAccordion.light .slide h2.selected span:hover, .liteAccordion.light .slide > h2.selected b { background: #ffffff }
      .liteAccordion.light .slide > div { background: #a0a0a0; margin-left: 5px }
      .liteAccordion.light .ap-caption {right:60px;}
      /**************************************** Stitch */
      .liteAccordion.stitch {
          position: relative;
          padding: 5px 0 5px 5px;
          border: 11px solid #353535;
          background: #353535;
          -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.stitch:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: -9px;
          left: -9px;
          background: #353535;
          border: 9px solid transparent;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
      }
      .liteAccordion.stitch .slide > h2 { background: #353535 ; line-height:26px;}
      .liteAccordion.stitch .slide > h2 span {
          height: auto;
          padding-right: 5%;
          color: white;
          text-shadow: -1px 1px 0 #5b5b5b;
          border: 9px solid transparent;
          background-image: url('../images/bg_noise.png');
          margin-top: 0;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
      }
      .liteAccordion.stitch .slide > h2.selected:after {
          content: '';
          display: block;
          height: 11px;
          width: 11px;
          position: absolute;
          bottom: -3px;
          right: 35px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
          filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
          border: 9px solid transparent;
          border-top: 0;
          border-left: 0;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
          background-image: url('../images/bg_noise.png');
      }

      .liteAccordion.stitch .slide:nth-child(1) > h2 span, .liteAccordion.stitch .slide:nth-child(1) > h2:after { background-color: #c25252 }
      .liteAccordion.stitch .slide:nth-child(2) > h2 span, .liteAccordion.stitch .slide:nth-child(2) > h2:after { background-color: #ca9859 }
      .liteAccordion.stitch .slide:nth-child(3) > h2 span, .liteAccordion.stitch .slide:nth-child(3) > h2:after { background-color: #96ba5f }
      .liteAccordion.stitch .slide:nth-child(4) > h2 span, .liteAccordion.stitch .slide:nth-child(4) > h2:after { background-color: #59abb7 }
      .liteAccordion.stitch .slide:nth-child(5) > h2 span, .liteAccordion.stitch .slide:nth-child(5) > h2:after { background-color: #bb6098 }
      .liteAccordion.stitch .slide > h2 b { top: 19%; color: white; text-shadow: 1px 1px 0 #5b5b5b }
      .liteAccordion.stitch .slide > div { margin-right: 6px }
      .liteAccordion.stitch.rounded > ol { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }

      /*************************************** Rounded */
      .liteAccordion.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
      .liteAccordion.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

      /******************************************** IE */
      /* stitch */
      .liteAccordion.ie.stitch .slide > h2 { /*line-height: 265%*/ }
      .liteAccordion.ie.stitch .slide > h2 span { /*height: 89%; padding-right: 8%*/ }
      .liteAccordion.ie.stitch .slide > h2.selected:after { display: none }
      .liteAccordion.ie.stitch .slide-0 > h2 span { background-color: #c25252 }
      .liteAccordion.ie.stitch .slide-1 > h2 span { background-color: #ca9859 }
      .liteAccordion.ie.stitch .slide-2 > h2 span { background-color: #96ba5f }
      .liteAccordion.ie.stitch .slide-3 > h2 span { background-color: #59abb7 }
      .liteAccordion.ie.stitch .slide-4 > h2 span { background-color: #bb6098 }
      .liteAccordion.ie.stitch .slide-5 > h2 span { background-color: #c25252 }
      .liteAccordion.ie.stitch .slide-6 > h2 span { background-color: #ca9859 }
      .liteAccordion.ie.stitch .slide-7 > h2 span { background-color: #96ba5f }
      .liteAccordion.ie.stitch .slide-8 > h2 span { background-color: #59abb7 }
      .liteAccordion.ie.stitch .slide-9 > h2 span { background-color: #bb6098 }

      /* transforms */
      .liteAccordion.ie .slide > h2,
      .liteAccordion.ie .slide > h2 span,
      .liteAccordion.ie .slide > h2 b { filter: none; -ms-filter: none; -ms-transform: none }
      .liteAccordion.ie7 .slide > h2 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) }
      .liteAccordion.ie7 .slide > h2 b { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1) }
      .liteAccordion.ie8 .slide > h2 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" }
      .liteAccordion.ie8 .slide > h2 b { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" }
      .liteAccordion.ie9 .slide > h2 { -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
      .liteAccordion.ie9 .slide > h2 b { -ms-transform: rotate(90deg) }

      /* misc */
      .liteAccordion.ie7 .slide > h2 b, .liteAccordion.ie8 .slide > h2 b { top: 44%; left: 5% }
      .liteAccordion.ie7.stitch .slide > h2 b, .liteAccordion.ie8.stitch .slide > h2 b { top: 36% }
      .liteAccordion.ie9.stitch { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4) }

      /* Custom */
      #liteaccordion {width:960px}
      .liteAccordion {
	      margin:20px 0 55px;
	      position:relative;
      }
      .liteAccordion figure { display: block; width: 100%; height: 100%; margin: 0 }
      .liteAccordion figure:hover {border:none;}
      .liteAccordion img{width:auto;max-width:none;}

      .liteAccordion.light .slide > h2 {line-height:40px}
      .liteAccordion.light .slide > h2 span {
	      /*margin-top:-19px;*/
      }
      .liteAccordion.light .slide:first-child h2 span {/*margin-top:5px*/}
      .liteAccordion.light .slide > div {width:730px !important;margin-right:-15px !important;}