/*
 * Law Society of BC Styles
 *
 * Date:    Feb 2013
 * Author:  Daryl Claudio
 * Author:  James Byun
 * Version: 1.0.20130225
 */

/*
    Swatch
    ------
    f5f5f5  Chalk               [Backgrounds]
    e1e3e4  Dust                [Light Hairlines]
    cacdd0  Lint                [Dark Hairlines]


    e2dbd2  Gold Dust           [Alert Hairlines]

    555     Slate               [Body Text]

    959ca1  Light Silver        [Decorative Text]
    889095  Medium Silver       [Buttons]
    787e82  Dark Silver         [Secondary Text]

    234579  Law Society Blue    [Links]
    8b6f4c  Law Society Gold    [Headings, Active Indicator]

    b42c33  Cayenne             [Negative, Warning]
    c0b02c  Seaweed             [Alert]
    6d8d23  Romaine             [Positive]


    Font Stacks
    -----------
    sans-serif:
    font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;

    condensed sans-serif:
    font-family: "Arial Narrow", Helvetica, "Trebuchet MS", sans-serif;

    serif:
    font-family: Georgia, "Times New Roman", serif;

    z-Stack
    -------
    [nothing yet]
*/

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

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

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    margin: 0.857em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0.429em 0;
}

dd {
    margin: 0 0 0 3em;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 3em;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

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

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

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

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

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

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/* Content styling. */

.field-item table {
    border: solid 1px #ccc;
}
.field-item th {
    font-weight: bold;
    border-width: 1px;
}
.field-item th, .field-item td {
    padding: 3px 6px;
    vertical-align: top;
}

/* ==========================================================================
   Base styles
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #555;
}

body {
    font-size: 0.875em;
    line-height: 1.714286;
    font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
    background: #fff;
}


/* ==========================================================================
   Links
   ========================================================================== */

a {
    color: #234579;
    text-decoration: underline;
    -webkit-transition: color 200ms ;
    -moz-transition: color 200ms ;
    -ms-transition: color 200ms ;
    transition: color 200ms ;
}

    a:hover {
        color: #407fde;
    }


/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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


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

p {
    margin: 0.429em 0;
}

h1, h2, h3,
h4, h5, h6 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
}

h1 {
    margin: 0.75em 0 0.3333em;
    font-size: 1.7142857em;
    line-height: 1.5;
    font-weight: 600;
    color: #959ca1;
}

h2 {
    margin: 0.75em 0 0.3333em;
    font-size: 1.7142857em;
    line-height: 1.5;
    font-weight: 400;
    color: #787e82;
}

h3 {
    margin: 0.857em 0 0.2857em;
    font-size: 1.5em;
    line-height: 1.429;
    font-weight: 400;
    color: #787e82;
}

h4 {
    margin: 1em 0 0.25em;
    font-size: 1.143em;
    line-height: 1.5;
    font-weight: 600;
    color: #959ca1;
}

h5 {
    margin: 1em 0 0.25em;
    font-size: 1.143em;
    line-height: 1.5;
    font-weight: 400;
    color: #787e82;
}

h6 {
    margin: 1em 0 0.25em;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 600;
    color: #959ca1;
}

blockquote {
    margin: 0.857em 1.5em;
    border: 1px solid #e1e3e4;
    padding: 0.429em 1.5em;
    font-style: italic;
    background: #f5f5f5;
    border-radius: 4px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #d1c5b7;
    text-shadow: none;
}

::selection {
    background: #d1c5b7;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   LSBC 2013
   ========================================================================== */

/*
 *  Page Module
 */

.page-breadcrumb {
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.5;
}

    .page-breadcrumb-item {
        display: inline-block;
        *display: inline; /* iefix */
        *zoom: 1; /* iefix */
        margin: 0 0.5em 0 0;
    }

        .page-breadcrumb-item > a {
            text-decoration: none;
        }

            .page-breadcrumb,
            .page-breadcrumb-item > .active {
                color: #959ca1;
            }

        .page-breadcrumb-item > a:hover {
            text-decoration: underline;
        }

            .page-breadcrumb-item > a.active:hover {
                text-decoration: none;
            }

        .page-breadcrumb-separator {
            margin: 0 0.75em 0 0;
            color: #959ca1;
        }

.page-title {
    margin: 0.6667em 0 0.75em;
    font-size: 2.57142857em;
    line-height: 1;
    font-weight: 400;
    color: #8b6f4c;
}

/*
 * Forms
 */


label,
.h-condensed {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.857em;
    font-family: "Arial Narrow", Arial, Helvetica, "Trebuchet MS", sans-serif;
    letter-spacing: 2px;
    color: #787e82;
}

input[type="text"],
input[type="password"] {
    border:1px solid #cacdd0;
    min-height: 1.158em;
    padding: 0.571em;
}

textarea {
   border:1px solid #cacdd0;
   padding: 0.75em;
   line-height: 1.6em;
}

button, .btn, .btn-icon {
    border: 1px solid #889095;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

	font-size: 0.857em;
    text-transform: uppercase;
    color: #fff;
    background: #889095;

    -moz-box-shadow: inset 0px 0px 0px 1px #a6acb0;
    -webkit-box-shadow: inset 0px 0px 0px 1px #a6acb0;
    box-shadow: inset 0px 0px 0px 1px #a6acb0;
}

    .btn, .btn-icon {
        text-decoration: none;
        font-size: 0.857em;
        text-align:center;
        display:block;
    }

        .btn:hover {
            color:#fff;
            background:#a6acb0;
        }

        .btn-icon:hover {
            color:#fff;
        }

input[type="submit"] {
    border: 1px solid #889095;
    border-radius: 2px;
    padding: 0 1.2em;
    height: 2.5em;

    font-size: 0.857em;
    text-transform: uppercase;
    color: #fff;
    background: #889095;

    -moz-box-shadow: inset 0px 0px 0px 1px #a6acb0;
    -webkit-box-shadow: inset 0px 0px 0px 1px #a6acb0;
    box-shadow: inset 0px 0px 0px 1px #a6acb0;
}

    input[type="submit"]:hover,
    button:hover {
        background:#a6acb0;
    }

.error-box {
    padding: 0 0.857em;
    border: 1px solid #b42c33;
    background: #eccacc;
}

    .error-box p {
        color: #b42c33;
    }

.marker,
.form-required {
    color: #b42c33;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid #b42c33;
}

.form-item .description {
    font-size: 0.857em;
}

/**
 * Webforms
 */
.webform-client-form label {
  text-transform: none;
}
.webform-client-form .form-radios {
  margin-left: 12px;
}
.webform-client-form .webform-component {
  padding-top: 5px;
  padding-bottom: 10px;
}
.webform-client-form .webform-component-markup {
  padding-bottom: 0px;
}
.webform-client-form .webform-component-radios {
  border-bottom: 1px solid #ccc;
}

.survey-complete {
  width: 104%;
  background: #6d8d23;
  border:1px solid #5a741d;
  margin: 0;
  padding: 0.2em;
}
.survey-complete h2 {
  background: url("../img/sprites-quiz-results.png") -110px 6px no-repeat;
  color:#ffffff;
  font-size: 1.714em;
  font-weight: normal;
  padding: 0.5em 6em 0.5em 2em;
  margin: 0;
  text-align: center;
}


/*
 * Body
 */

.l-body {
    background: #fff;
}

    .l-body-container {
        max-width: 71.4286em;
        margin: 0 auto 2.5em;
    }

        @media only screen and (max-width: 64em) {
            .l-body {
                padding: 0 0.571em;
            }
        }

        .l-content {
            float: left;
            padding-top: 1.214em;
            width: 68.3%;
        }

            .l-content-singlecolumn {
                float: none;
                margin: 0 auto;
            }

/* Sidebar + Navigation */

.l-sidebar {
    float: left;
    margin: 0 3.2% 1em 0;
    padding: 1.143em 1.2% 1.714em 2%;
    border-right: 1px dotted #e1e3e4;
    width: 25%;
}
    #block-system-main-menu {
        margin: 0;
        padding: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.286em;
        line-height: 1.333;
    }

        #block-system-main-menu ul {
            margin: 0;
            padding: 0;
        }

        #block-system-main-menu li {
            margin: 0 0 0.429em;
            padding: 0;
            list-style: none;
        }

        #block-system-main-menu li a {
            text-decoration: none;
        }

        #block-system-main-menu li a.active {
            color: #8b6f4c;
        }

        #block-system-main-menu > li a.active:before,
        #block-system-main-menu > li a.active:after {
            content: "\2022";
            color: #bcc2ca;
            font-size: 0.825em;
            margin-left: -9px;
            margin-right: 3px;
        }

        #block-system-main-menu > li a.active:after {
            margin-left: 4px;
        }

        #block-system-main-menu li ul {
            border-left: 1px solid #cacdd0;
            padding: 0 0 0 0.6666em;
            margin: 0.5em 0 0.5em 0.3333em;
        }

        #block-system-main-menu li ul li {
            padding: 0.1875em 0;
            font-size: 0.88889em;
            line-height: 1.3125;
            font-style: italic;
        }

        #block-system-main-menu li ul li ul {
            border-left: 1px solid #cacdd0;
            padding: 0 0 0 0.75em;
            margin: 0.4444em 0 0.75em 0.25em;
        }

        #block-system-main-menu li ul li ul li {
            padding: 0 0 0.33333em;
            font-size: 1em;
            font-style: normal;
            line-height: 1.3125;
        }

    .navigation-main {
        margin: 0;
        padding: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.286em;
        line-height: 1.333;
    }

        .navigation-main-item {
            margin: 0 0 0.429em;
            padding: 0;
        }
            .navigation-main a {
                text-decoration: none;
            }

            .navigation-main .active {
                color: #8b6f4c;
            }

                .navigation-main-itemAnchor.active:before,
                .navigation-main-itemAnchor.active:after,
                .navigation-main-itemAnchor.subactive:before,
                .navigation-main-itemAnchor.subactive:after {
                    content: "\2022";
                    color: #bcc2ca;
                    font-size: 0.825em;
                    margin-left: -9px;
                    margin-right: 3px;
                }

                .navigation-main-itemAnchor.active:after,
                .navigation-main-itemAnchor.subactive:after {
                    margin-left: 4px;
                }

            .navigation-course {
                border-left: 1px solid #cacdd0;
                padding: 0 0 0 0.6666em;
                margin: 0.5em 0 0.5em 0.3333em;
            }

                .navigation-course-item {
                    padding: 0.1875em 0;
                    font-size: 0.88889em;
                    line-height: 1.3125;
                    font-style: italic;
                }

                    .navigation-course-section {
                        border-left: 1px solid #cacdd0;
                        padding: 0 0 0 0.75em;
                        margin: 0.4444em 0 0.75em 0.25em;
                    }

                        .navigation-course-section-item {
                            padding: 0 0 0.33333em;
                            font-style: normal;
                            line-height: 1.3125;
                        }

                            .navigation-course-section-itemAnchor {

                            }

                            .navigation-course-section-page {
                                border-left: 1px solid #cacdd0;
                                padding: 0.1875em 0 0 0.75em;
                                margin: 0.4444em 0 0.75em 0.25em;
                            }

                                .navigation-course-section-page-item {
                                    padding: 0.2143em 0 0.572em;
                                    font-size: 0.875em;
                                    line-height: 1.2858;
                                }

                                .navigation-course-section-page-itemAnchor.active {
                                    font-weight: 600;
                                }

    .lt-ie8 .subactive,
    .lt-ie8 .active {
        font-weight: 600;
    }

/*
 * Header
 */

.l-header {
    background: #f5f5f5;
    border-bottom: 1px solid #e1e3e4;
}

    .l-header-container {
        position: relative;
        max-width: 71.4286em;
        margin: 0 auto;
        padding: 10px 0;
    }

         @media only screen and (max-width: 84em) {
            .l-header-container {
                padding: 5px 0;
            }
         }

        .header-logo {
            float: left;
            min-width: 14em;
            margin: 0;
            padding: 0;
            font-size: 1em;
        }

            @media only screen and (max-width: 84em) {
                .header-logo {
                    /*margin: 1.429em 0 0;*/
                    height: 55px;
                    margin-left: 20px
                }
            }

            @media only screen and (max-width: 53em) {
                .header-logo {
                    /*margin: 0.857em 0 0;*/
                    height: 65px;
                }
            }

            .header-logo > a {
                display: block;
                //height: 3.143em;
            }

    .l-header-user-tools {
        float: right;
        margin: 30px 1.25em 0 25px;
    }

    .l-header-menu {
        float: left;
    }
        .l-header-menu ul {
            padding: 0;
        }
            .l-header-menu ul li {
                display: inline-block;
                float: left;
                margin-top: 1px;
                padding-right: 0.7em;
                padding-left: 0.7em;
                font-size: 0.857em;
                font-weight: bold;
                color: #889095;
                text-decoration: none;
                text-transform: uppercase;
                list-style: none;
                border-right: solid 1px #CCC;
            }
                .l-header-menu ul li a {
                    text-decoration: none;
                    color: #889095;
                }
                .l-header-menu ul li a:hover {
                    color: #407fde;
                }

    @media only screen and (max-width: 84em) {
        .l-header-user-tools {
            /*margin: 2.714em 1.25em 0 0.25em;*/
            margin: 30px 1.25em 0 25px;
            float: left;
        }
    }

    @media only screen and (max-width: 53em) {
        .l-header-user-tools {
            float: left;
        }
    }

    @media only screen and (max-width: 37em) {
        .l-header-user-tools {
            margin-top: 0.857em;
        }
    }

    .header-user-status {
        color: #787e82;
        float:left;
        margin-top: 4px;
        margin-right: 15px;
    }

        .header-user-status a {
            text-decoration: none;
        }

    .header-user-statusAction {
        margin-top: 4px;
        padding-right: 0.7em;
        padding-left: 0.7em;
        font-size: 0.857em;
        font-weight: bold;
        color: #889095;
        text-decoration: none;
        text-transform:uppercase;
    }

/* Search */

.search-form {
    float: left;
    margin-bottom: 0;
}

@media only screen and (max-width: 37em) {
    .l-header-user-tools .search-form {
        clear: left;
    }
}

.container-inline label {
    display: none;
}

.search-form input {
    padding: 7px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.search-form input[type="text"] {
    color: #787e82;
    border: 1px solid #e4e7ea;
    width: 140px;
}

.search-info {
    display: none;
}

.l-header-user-tools input[type="submit"] {
    background: #bcc2ca;
    margin-left: 4px;
    border:1px solid #bcc2ca;
    box-shadow: inset 0px 0px 0px 1px #cdd1d7;
}

    .l-header-user-tools .search-form input[type="submit"]:hover {
        background: #cdd1d7;
    }

.content .search-form {
    width: 100%;
    float: none;
}

.content .search-form #edit-basic #edit-keys {
    width: 70%;
}

.content .search-form .search-advanced {
    margin-top: 10px;
    margin-bottom: 20px;
}

.content .search-form .search-advanced .criterion {
    width: 50%;
    margin-right: 0;
}

.content .search-form .search-advanced .criterion input[type=text] {
    width: 300px;
}

.content .search-form .search-advanced .form-submit {
    margin-left: 0px;
}

/* Search Results */

.search-results {
    padding-left: 0;
}

    .search-results li {
        margin-bottom: 1.429em;
    }

    .search-results .search-snippet-info {
        padding-left: 0;
        color: #787e82;
    }


/* Language Switcher */
.language-switcher-locale-url {
  position: absolute;
  top: 5px;
  right: 20px;
  padding: 0
}
  ul.language-switcher-locale-url li {
    float: left;
    list-style: none;
    margin: 0
  }
  .language-switcher-locale-url li:first-child {
    margin-right: 10px;
  }
  .language-switcher-locale-url a {
    color: #555;
    font-size: 0.857em;
    font-style: italic;
    font-style: normal;
    text-decoration: none;
  }
  .language-switcher-locale-url a.active {
    color: #000;
    font-weight: bold;
    font-style: none;
    pointer-events: none;
  }
.language-switcher-disabled a {
  pointer-events: none;
  cursor: default;
  opacity: .5
}
.language-switcher-message {
  display: none;
  position: absolute;
  right: 0;
  background: white;
  padding: 10px;
  line-height: 20px;
  border: 1px solid gray;
}

/* Global Help Box */

    #global-help-box {
        position: absolute;
        top: 40px;
        right: -171px;
        /*
        background: url('../img/header-dnc.png') no-repeat 0 0;
        */
        background: url('../img/header-dnc-2.png') no-repeat 0 0;
        width: 139px;
        height: 80px;
        overflow: visible;
    }

    @media only screen and (max-width: 84em) {
        #global-help-box {
            float: right;
            position: relative;
            top: 25px;
            height: 80px;
            right: auto;
        }
    }

    @media only screen and (max-width: 64em) {
        #global-help-box {
            margin-right: 0.714em;
        }
    }

    @media only screen and (max-width: 52em) {
        #global-help-box {
            margin-right: 2px;
        }
    }

    	#global-help-box a {
            display: block;
    	    text-decoration: none;
    	}

        .help-box-doNotCall {
            margin: 0 0 4px;
            padding: 0;
            line-height: 1.4em;
            text-transform: uppercase;
            text-align: center;
            color:#fff;
            font-size: 0.714em;
            font-family: Georgia, "Times New Roman", serif;
        }

            @media only screen and (max-width: 84em) {
                .help-box-doNotCall {
                    margin: 0 0 3px;
                }
            }

            .help-box-doNotCall > em {
                font-size: 1.8em;
                text-transform: none;
            }

            /*
            .help-box-doNotCall strong {
                font-size: 1.4em;
            }*/



        .help-box-prompt {
            color:#234579;
            display:block;
            font-size: 0.857em;
            margin: 1.714em 0 0.429em;
            text-align: center;
        }


        .help-box-contact {
            font-size: 0.857em;
            color:#234579;
            text-align: center;
        }
        @media only screen and (max-width: 84em) {
            .help-box-contact {
                margin: 0;
            }
        }

            .help-box-contact a {
                text-decoration: none;
            }


/*
 * Home Page
 */

.welcome-login,
.welcome-register {
    float: left;
    width: 45%;
}

.welcome-login {
    margin-right: 10%;
}

    .h-welcome {
        margin-bottom: 0.75em;
        border-bottom: 1px solid #d5d7d9;
        padding-bottom: 0.25em;
        font-size: 1.714em;
        color: #787e82;
    }

    .welcome-login input[type="text"],
    .welcome-login input[type="password"] {
        width: 80%;
    }

    .btn-welcome-register-now {
        margin: 1.286em 0;
        padding: 0.429em 0;
        width: 100%;
        text-decoration: none;
    }

    .welcome-callout {
        margin: 1.286em 0;
    }

        .callout-anchor {
            text-decoration: none;
        }

            .callout-anchor:hover {
                text-decoration: underline;
            }

#block-user-login {
    margin-top: 40px;
}

    #block-user-login #user-login-form input {
        width: 89%;
    }
    #block-user-login #user-login-form input#edit-submit {
        width: 97%;
    }

/*
 * User Registration / Profile
 */

#user-register-form .form-item,
#user-profile-form .form-item {
    display: inline-block;
    margin: 0.857em 0.857em 0.857em 0;
}

#edit-field-first-name,
#edit-field-last-name {
    display: inline-block;
}

#edit-field-first-name-und-0-value,
#edit-field-last-name-und-0-value {
    width: 15.995em;
    margin-right: 4px;
}

#edit-mail,
#edit-field-city-town-und-0-value,
#edit-field-lsbc-number-und-0-value {
    width: 34.4em;
    max-width: 44.8%;
}


#edit-field-are-a-lawyer-in-british-co {
    margin-top: 0.857em;
}

#edit-field-user-resume #edit-field-user-resume-und-0-format {
  display: none;
}

#user-register-form .form-item.form-item-field-first-name-user-field-privacy,
#user-profile-form .form-item.form-item-field-first-name-user-field-privacy,
#user-register-form .form-item.form-item-field-last-name-user-field-privacy,
#user-profile-form .form-item.form-item-field-last-name-user-field-privacy,
#user-profile-form .form-item.form-item-field-city-town-user-field-privacy,
#user-register-form .form-item.form-item-field-city-town-user-field-privacy,
#user-register-form .form-item.form-item-field-country-user-field-privacy,
#user-profile-form .form-item.form-item-field-country-user-field-privacy,
#user-register-form .form-item.form-item-field-are-a-lawyer-in-british-co-user-field-privacy,
#user-profile-form .form-item.form-item-field-are-a-lawyer-in-british-co-user-field-privacy,
#user-register-form .form-item.form-item-field-lsbc-number-user-field-privacy,
#user-profile-form .form-item.form-item-field-lsbc-number-user-field-privacy,
#user-register-form .form-item.form-item-field-user-resume-user-field-privacy,
#user-profile-form .form-item.form-item-field-user-resume-user-field-privacy {
  margin-top: 0;
}
#user-register-form .form-item.form-item-field-first-name-user-field-privacy .description,
#user-profile-form .form-item.form-item-field-first-name-user-field-privacy .description,
#user-register-form .form-item.form-item-field-last-name-user-field-privacy .description,
#user-profile-form .form-item.form-item-field-last-name-user-field-privacy .description,
#user-register-form .form-item.form-item-field-city-town-user-field-privacy .description,
#user-profile-form .form-item.form-item-field-city-town-user-field-privacy .description,
#user-register-form .form-item.form-item-field-country-user-field-privacy .description,
#user-profile-form .form-item.form-item-field-country-user-field-privacy .description,
#user-register-form .form-item.form-item-field-are-a-lawyer-in-british-co-user-field-privacy .description,
#user-profile-form .form-item.form-item-field-are-a-lawyer-in-british-co-user-field-privacy .description,
#user-register-form .form-item.form-item-field-lsbc-number-user-field-privacy .description,
#user-profile-form .form-item.form-item-field-lsbc-number-user-field-privacy .description,
#user-register-form .form-item.form-item-field-user-resume-user-field-privacy .description,
#user-profile-form .form-item.form-item-field-user-resume-user-field-privacy .description {
  display: inline-block;
  margin-left: 0;
}

.profile .user-picture {
  width: 140px;
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.profile .field-name-field-first-name,
.profile .field-name-field-last-name,
.profile .field-name-field-city-town,
.profile .field-name-field-country,
.profile .field-name-field-are-a-lawyer-in-british-co,
.profile .field-name-field-lsbc-number {
  width: calc(100% - 160px);
  display: inline-block;
  float: left;
}

.profile .field-name-field-user-resume {
  clear: both;
  margin-top: 30px;
}
.profile .field-name-field-user-resume p {
  margin: 0 0 1em 0;
}

/*
 * User Account
 */

.user-account {
    margin: 1.286em 0;
}

 .user-account-info {
    float: left;
    margin: 0;
    padding: 0;
    width: 93%;
    list-style: none;
 }

    .user-account-column {
        float: left;
        margin-left: 2%;
        padding: 0;
        width: 32%;
    }

        .user-account-column:first-child {
            margin-left: 0;
        }

        .user-account-panel {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .user-account-value {
                padding-bottom: 4px;
                border-bottom: 1px solid #cacdd0;
                font-size: 1em;
                height: 24px;
                overflow: hidden;
            }

                .user-account-value-long {
                    position: relative;
                    padding-top: 4px;
                    padding-bottom: 0;
                    font-size: 0.786em;
                    line-height: 1.5;
                }

                    .user-account-value-long:after {
                        content: "";
                        display: block;
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 2em;
                        height: 24px;

                        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
                        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
                    }

            .user-account-label {
                padding: 0.6666em 0 0;
                font-size: 0.857em;
                line-height: 1;
                font-family: Arial Narrow, Arial, Helvetica, "Trebuchet MS", sans-serif;
                letter-spacing: 2px;
                text-transform: uppercase;
                color: #787e82;
            }

        .user-account-edit {
            float: right;
            margin: 0;
            padding: 0;
            width: 5%;
            font-size: 0.857em;
        }

            .user-account-edit-anchor {
                display: block;
                color: #959ca1;
                font-weight: bold;
                text-align: center;
                text-decoration: none;
            }
                .user-account-edit-anchor:hover {
                    color: #a6acb0;
                }

                .user-account-edit-anchor:active {
                    color: #959ca1;
                }

                .i-user-account-edit {
                    display: block;
                    width: 2.75em;
                    height: 2.75em;
                    margin: 0 auto 0.25em;
                    background: url("../img/sprites-user-account.png") -1350px -13px #889095;
                }
                    .user-account-edit-anchor:hover .i-user-account-edit {
                        background: url("../img/sprites-user-account.png") -1350px -13px #a6acb0;
                    }

.user-account-section {
    margin: 3.4286em 0;
}

.user-account-messageBox {
    margin: 0.857em 0;
    border: 4px double #cacdd0;
    padding: 2px;
}

    .user-account-messageBox.user-responsibility,
    .user-account-messageBox.messageBox-important {
        border-color: rgba(180,44,51,0.25);
        background: url("../img/sprites-user-account.png") -22px center no-repeat;
    }

    .user-account-messageBox.user-didYouKnow,
    .user-account-messageBox.messageBox-warning {
        border-color: rgba(139,111,76,0.25);
        background: url("../img/sprites-user-account.png") -743px center no-repeat;
    }

    .user-account-messageBox.messageBox-success {
        border-color: rgba(109,141,35,0.25);
    }

    .user-account-messageBox p {
        margin: 0.5em 0;
        padding: 0 0 0 18%;
        width: 75%;
        font-size: 1.143em;
        line-height: 1.5;
    }

    .course-landing-overviewModule > .messageBox-important {
        margin-top: 0;
        background: url("../img/sprite-course-landing-quizStatus.png") no-repeat center 10px;
    }

        .course-landing-overviewModule > .user-account-messageBox > p {
            margin: 3em 1em 1em;
            padding: 0;
            width: auto;
            font-size: 1em;
            text-align: center;
        }

.user-account-courses-list {
    margin: 1.143em 0;
    padding: 0;
    list-style: none;
}

    .course-list-item {
        margin: 1.143em 0;
        border: 1px solid #dfe1e3;
        border-top-width: 6px;
    }

        .user-account-courses-header {
            padding: 0.429em 1em 0;
            background: #f5f5f5;

        }

            .h-course-list {
                margin: 0;
                font-size: 1.714em;
                line-height: 1.5;
            }

                .h-course-list-anchor {
                    text-decoration: none;
                }

                    .h-course-list-anchor:hover {
                        text-decoration: underline;
                    }

                .accordion-arrow {
                    display: inline-block;
                    position: relative;
                    top: -5px;
                    right: 4px;

                    cursor: pointer;
                    color: #234579;
                }

                    .accordion-arrow:hover {
                        color: #407fde;
                    }

                    .accordion-arrow > span {
                        line-height: 1;
                        font-size: 0.5em;
                    }
                    .accordion-arrow > span > span.title {
                        font-size: 2em;
                        position: relative;
                        top: 3px;
                    }

                    .accordion-arrowCollapsed {
                        display: inline-block;
                    }

                    .js .accordion-arrowExpanded {
                        display: none;
                    }

        .user-account-courses-content {
            border-top: 1px solid #dfe1e3;
            padding: 0.857em 2.286em;
        }

            .user-account-courses-cpdvalue {
                margin: 1.143em 0;
            }

            .user-account-courses-listModules {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .user-account-courses-listModulesItem {
                    border-top: 1px solid #dfe1e3;
                    padding: 1.286em 3.130434782609%;
                }
                    .user-account-courses-listModulesItem:first-child {
                        border-top: 0 none;
                    }

                            .h-course-list-module {
                                font-size: 1.143em;
                            }

                                .h-course-list-module > a {
                                    text-decoration: none;
                                }

                            .modulequizattempts-headings {
                                margin: 1.143em 0 0.429em;
                                border-bottom: 1px dotted #cacdd0;
                            }

                                .h-modulequizattempts {
                                    float: left;
                                    width: 50%;
                                    *width: 49.9%;
                                    margin: 0;
                                    font-size: 0.857em;
                                    font-family: "Arial Narrow", Helvetica, "Trebuchet MS", sans-serif;
                                    letter-spacing: 2px;
                                    text-transform: uppercase;
                                    font-weight: 400;
                                    color: #787e82;
                                }

                                    .h-modulequizattempts.quizResult {
                                        text-align: right;
                                    }

                            .modulequizattempts-headings,
                            .modulequizattempts-list {
                                width: 55%;
                                min-width: 22em;
                            }

                            .modulequizattempts-list {
                                margin: 0;
                                padding: 0;
                                list-style: none;
                            }
                                .modulequizattempts-list:hover {
                                    color: #787e82;
                                }

                                .modulequizattempts-listItem {
                                    padding: 3px 0;
                                    line-height: 1.286;
                                }

                                    .modulequizattempts-listItem:hover {
                                        color: #000;
                                    }

                                    .modulequizattempts-listItem > .quiz-attempt-time {
                                        float: left;
                                        display: block;
                                        width: 80%;
                                    }

                                    .modulequizattempts-listItem > .quiz-attempt-score {
                                        float: right;
                                        display: block;
                                        width: 19%;
                                        text-align: right;
                                    }

                            .quiz-history-view-all-link {
                                text-decoration: none;
                            }



/* Edit History */

.user-account-edit-history {
    margin: 1.286em 0;
    padding: 0;
    list-style: none;
}

    .user-account-edit-history-item {
        margin: 1.714em 0 0;
        border-bottom: 1px solid #d5d7d9;
    }

        .user-edit-breadcrumb {
            float: right;
            margin: 0.25em 0 0.5em 5%;
            padding: 0;
            width: 40%;
            font-size: 0.857em;
            line-height: 1.3333;
            text-align: right;
            font-family: Georgia, "Times New Roman", serif;
            color: #787e82;
        }

            .user-edit-breadcrumb > a {
                text-decoration: none;
                color: #787e82;
            }

                .user-edit-breadcrumb > a:hover {
                    text-decoration: underline;
                    color: #234579;
                }

        .user-edit-meta {
            float: left;
            width: 55%;
        }

            .h-user-edit-history,
            .h-course-list-module {
                margin: 0;
                font-size: 1em;
                line-height: 1.286;
                font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
                font-weight: 600;
                letter-spacing: 0;
                text-transform: none;
                color: #555;
            }

                .h-user-edit-history > a {
                    text-decoration: none;
                }

            .user-edit-history-date {
                font-size: 0.857em;
                font-family: "Arial Narrow", Helvetica, "Trebuchet MS", sans-serif;
                letter-spacing: 2px;
                margin: 0 0 0.5em;
                text-transform: uppercase;
                color: #787e82;
            }

            .user-edit-history-description {

            }



/*
 * Courses Landing
 */

.available-courses-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .available-courses-list-item {
        padding: 0.857em 1.5em;
    }

/*
 * Course Single Landing
 */

.course-landing-description {
    margin: 1.143em 0;
}

.course-landing-moduleList {
    margin: 1.143em 0;
    padding: 0;
    list-style: none;
}

    .course-landing-moduleItem {
        border-top: 1px solid #d5d7d9;
        padding: 2em 0;
    }
        .course-landing-moduleItem:first-child {
            border: 0 none;
        }

        .course-landing-overview {
            float: left;
            width: 47.5%;
        }
            .course-landing-overviewModule {
                margin-right: 4.66%
            }
            .course-landing-overviewQuiz {

            }

            .course-landing-overviewAnchor, .course-survey-anchor {
                display: block;
                margin: 0 0 0.857em;
                text-decoration: none;
                color: #eee;
            }

                .h-course-landing-overview {
                    margin: 0;
                    border: 1px solid;
                    border-bottom: 0;
                    padding: 0.75em 0.5em;

                    font-size: 1.286em;
                    line-height: 1.3333;

                    text-align: center;
                    color: #eee;

                    border-color: #787e82;
                    background: #889095;

                    -webkit-border-top-left-radius: 2px;
                    -webkit-border-top-right-radius: 2px;
                    -moz-border-radius-topleft: 2px;
                    -moz-border-radius-topright: 2px;
                    border-top-left-radius: 2px;
                    border-top-right-radius: 2px;

                    -webkit-transition: background-color 200ms;
                    -moz-transition: background-color 200ms;
                    -ms-transition: background-color 200ms;
                    transition: background-color 200ms;
                }
                    .h-course-landing-overviewModule {
                        border-color: #234579;
                        background: #305fa7;
                    }

                    .h-course-landing-overviewQuiz {
                        border-color: #787e82;
                        background: #889095;
                    }

                .course-landing-overviewCTA {
                    border: 1px solid;
                    margin: 0;
                    padding: 0.75em;
                    font-size: 0.857em;
                    font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 0;
                    line-height: 1;

                    text-align: center;
                    color: #eee;

                    border-color: #787e82;
                    background: #787e82;

                    -webkit-border-bottom-right-radius: 2px;
                    -webkit-border-bottom-left-radius: 2px;
                    -moz-border-radius-bottomright: 2px;
                    -moz-border-radius-bottomleft: 2px;
                    border-bottom-right-radius: 2px;
                    border-bottom-left-radius: 2px;

                    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.2);
                    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.2);
                    box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.2);

                    -webkit-transition: background-color 200ms;
                    -moz-transition: background-color 200ms;
                    -ms-transition: background-color 200ms;
                    transition: background-color 200ms;
                }
                    .course-landing-overviewCTAModule {
                        border-color: #234579;
                        background: #234579;
                    }

                    .course-landing-overviewCTAQuiz {
                        border-color: #787e82;
                        background: #787e82;
                    }

                    .is-complete .h-course-landing-overviewQuiz {
                        border-color: #5a741d;
                        background: #6d8d23 url("../img/sprite-course-landing-quizStatus.png") no-repeat scroll -960px center;
                    }

                    .is-complete .course-landing-overviewCTAQuiz {
                        border-color: #5a741d;
                        background: #5a741d;
                    }

                    .is-incomplete .h-course-landing-overviewQuiz {
                        border-color: #9c8d2d;
                        background: #c0b02c url("../img/sprite-course-landing-quizStatus.png") no-repeat scroll 20px center;
                    }

                    .is-incomplete .course-landing-overviewCTAQuiz {
                        border-color: #9c8d2d;
                        background: #9c8d2d;
                    }

                    .is-highlighted .h-course-landing-overviewQuiz {
                        border-color: #b42c33;
                        background: #d6464e;
                    }

                    .is-highlighted .course-landing-overviewCTAQuiz {
                        border-color: #b42c33;
                        background: #b42c33;
                    }

                        .course-landing-overviewAnchor:hover,
                        .course-landing-overviewAnchor:hover > .h-course-landing-overview,
                        .course-landing-overviewAnchor:hover > .course-landing-overviewCTA,
                        .course-survey-anchor:hover,
                        .course-survey-anchor:hover > .h-course-landing-overview,
                        .course-survey-anchor:hover > .course-landing-overviewCTA {
                            color: #fff;
                        }

                        .course-landing-overviewAnchor:hover > .h-course-landing-overview {
                            border-color: #204b8d;
                            background-color: #2862bd;
                        }
                        .course-landing-overviewAnchor:hover > .course-landing-overviewCTA {
                            border-color: #204b8d;
                            background-color: #204b8d;
                        }

                        .course-landing-overviewAnchor:hover > .h-course-landing-overviewQuiz,
                        .course-survey-anchor:hover > .h-course-landing-overviewQuiz {
                            border-color: #7d8589;
                            background-color: #8c979c;
                        }
                        .course-landing-overviewAnchor:hover > .course-landing-overviewCTAQuiz,
                        .course-survey-anchor:hover > .h-course-landing-overviewCTAQuiz {
                            border-color: #7d8589;
                            background-color: #7d8589;
                        }

                        .is-complete > .course-landing-overviewAnchor:hover > .h-course-landing-overviewQuiz {
                            border-color: #66881b;
                            background-color: #7aa31d;
                        }

                        .is-complete > .course-landing-overviewAnchor:hover > .course-landing-overviewCTAQuiz {
                            border-color: #66881b;
                            background-color: #66881b;
                        }

                        .is-incomplete > .course-landing-overviewAnchor:hover > .h-course-landing-overviewQuiz {
                            border-color: #b29f27;
                            background-color: #dac620;
                        }

                        .is-incomplete > .course-landing-overviewAnchor:hover > .course-landing-overviewCTAQuiz {
                            border-color: #b29f27;
                            background-color: #b29f27;
                        }

                        .is-highlighted > .course-landing-overviewAnchor:hover > .h-course-landing-overviewQuiz {
                            border-color: #cd222a;
                            background-color: #ee3843;
                        }

                        .is-highlighted > .course-landing-overviewAnchor:hover > .course-landing-overviewCTAQuiz {
                            border-color: #cd222a;
                            background-color: #cd222a;
                        }


                    .js .course-landing-overviewQuiz form { /* hides form button because we want to use an anchor */
                        display: none;
                    }










/*
 * Textbook Page
 */

.need-help {
    margin: 1.714em 0;
}

.sectionlanding-fullPageList {
    margin: 1.286em 0;
}

    .sectionlanding-fullPageList-item {
        margin: 1.143em 0;
    }

        .h-sectionlanding-fullPageList {
            margin: 0 0 0.429em;
            font-size: 1em;
            font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;

            letter-spacing: 0;
            text-transform: none;
        }

        .sectionlanding-fullPageList-summary {
            margin: 0;
        }

.section-fullPageList-item {
    margin-bottom: 20px;
}

  .lsbc-edit-form {
      margin-bottom: 0.75em;
  }
  #cke_ckeditor_target {
      margin-bottom: 0.75em;
  }


    .lsbc-book-edit-controls li {

    }
    .btn.lsbc-book-cancel-edit-link {
      border: 1px solid #889095;
      border-radius: 2px;
      text-transform: uppercase;
      color: #fff;
      background: #889095;

      -moz-box-shadow: inset 0px 0px 0px 1px #a6acb0;
      -webkit-box-shadow: inset 0px 0px 0px 1px #a6acb0;
      box-shadow: inset 0px 0px 0px 1px #a6acb0;
      text-decoration: none;
      font-size: 0.857em;
      text-align:center;
      margin-right: 0.625em;
      line-height: normal;

      padding: 0.43em;
  }

  .btn.lsbc-book-cancel-edit-link:hover {
    background-color:#a6acb0;
  }


  .lsbc-edit-feedback {
    padding: 0.857em 1em;
    color: #6d8d23;
    font-weight: 600;
  }

      .submit-change-btn {
        padding: 0.43em;
        vertical-align: top;
      }

      .reason-edit-field {
           width: 100%;
           max-width: 660px;
      }

.content-body {
    padding: 0 0 0.857em;
}

  /* Related Resources */

  .post-related-resources {
      border-top: 1px solid #D3D7D9;
      margin-top: 0.571em;
      padding: 0;
  }
  .post-related-resources ul {
      width: 100%;
      list-style:none;
      padding: 0 0 2em 0;
  }

  .field-collection-container .action-links-field-collection-add {
      display: none;
  }

      .post-related-resources ul li {
           display:inline-block;
           width: 47%;
           vertical-align: top;
           font-size: 0.925em;
           margin: 4px 2% 4px 0;
      }

           .post-related-resources ul li a {
                text-decoration: none;
           }

            .attachments-item {
                background: no-repeat;
                padding: 1px 0 1px 1.825em;
            }

            .attachments-item-anchor[href$=".bmp"],
            .attachments-item-anchor[href$=".gif"],
            .attachments-item-anchor[href$=".jpg"],
            .attachments-item-anchor[href$=".jpeg"],
            .attachments-item-anchor[href$=".png"], {
                background-image: url("../img/attachments/page_white_picture.png");
            }

            .attachments-item-anchor[href$=".doc"],
            .attachments-item-anchor[href$=".docx"],
            .attachments-item-anchor[href$=".rtf"] {
                background-image: url("../img/attachments/page_white_word.png");
            }

            .attachments-item-anchor[href$=".xls"],
            .attachments-item-anchor[href$=".xlsx"] {
                background-image: url("../img/attachments/page_white_excel.png");
            }

            .attachments-item-anchor[href$=".ppt"],
            .attachments-item-anchor[href$=".pptx"] {
                background-image: url("../img/attachments/page_white_powerpoint.png");
            }

            .attachments-item-anchor[href$=".pdf"] {
                background-image: url("../img/attachments/page_white_acrobat.png");
            }

            .attachments-item-anchor[href$=".zip"],
            .attachments-item-anchor[href$=".7z"],
            .attachments-item-anchor[href$=".rar"],
            .attachments-item-anchor[href$=".gz"],
            .attachments-item-anchor[href$=".tar"],
            .attachments-item-anchor[href$=".gzip"],
            .attachments-item-anchor[href$=".sit"],
            .attachments-item-anchor[href$=".dmg"] {
                background-image: url("../img/attachments/page_white_zip.png");
            }

            .attachments-item-anchor[href$=".html"] {
                background-image: url("../img/attachments/page_white_url.png");
            }

  /* Post Meta */
  .post-meta {
      width: 100%;
  }

  .post-meta-list {
      list-style: none;
      padding: 0 0 0 0;
  }

      .post-meta-listItem {
          float: left;
      }

  .post-meta-action {
      float:left;
  }
      .post-meta-action li {
          margin-right: 1em;
      }
      .post-meta-action-control {
          border-right: 1px dotted #e1e3e4;
          padding-right: 1em;
      }

      .post-meta-action .btn-icon,
      .post-meta-share .btn-icon {
          padding:0.571em 0.25em;
          text-transform: none;
      }
          .post-meta-share .btn-icon {
              padding-left: 2.95em;
              padding-right: 0.95em;
          }
          .post-meta-action .btn-icon:hover,
          .post-meta-share .btn-icon:hover {
              background-color:#a6acb0;
          }

      .post-meta-action-navNext,
      .post-meta-action-navPrevious {
      	text-indent: -9999em;
		width: 2.825em;
      }

            .post-meta-action-navNext         { background: url("../img/sprites-post-meta.png") -42px center no-repeat #889095; }
            .post-meta-action-navPrevious     { background: url("../img/sprites-post-meta.png") 5px center no-repeat #889095;   }
            .post-meta-action .post-meta-action-navQuizIsNext     {
                padding: 0.571em 0.95em 0.571em 3em;
                background: url("../img/sprites-post-meta.png") -42px center no-repeat #889095;
                font-weight: 600;
            }

      .btn-icon.post-meta-action-edit {
          padding: 0.571em 1.25em 0.571em 2.525em;
       }

        .post-meta-action-edit {
            background: url("../img/sprites-user-account.png") -1346px -10px #234579;
            width: 10em;
            border-color: #234579;
            -moz-box-shadow: inset 0px 0px 0px 1px #5a749b;
            -webkit-box-shadow: inset 0px 0px 0px 1px #5a749b;
            box-shadow: inset 0px 0px 0px 1px #5a749b;
        }

            .post-meta-action .post-meta-action-edit:hover {
                background-color: #5a749b;
            }

      .post-meta-action-edit.active {
          background: url("../img/sprites-user-account.png") -1830px -10px #fff;
          color:#889095;
          -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #5a749b;
      }
      .post-meta-action-edit.active:hover {
        background-color: #fff;
        color: #889095;
      }

      .post-meta-action-edit-child {
      		display:none;
			position:relative;
			clear:left;
			margin:0 auto;
 			left: -5.429em;
      }
          .post-meta-action-edit-panel {
		      padding: 0 1.125em 1.125em;
		      background:#eff0f0;
		      border: 1px solid #d3dae4;
		      border-radius: 4px;
		      position:absolute;
		      top: 0.857em;
		      width: 20.3em;
          }

               .panel-arrow {
				    background: url("../img/sprites-post-meta.png") -729px center no-repeat;
				    display:block;
				    height:8px;
				    width: 14px;
				    position:relative;
				    top: -0.571em;
					margin: 0 auto;
               }

                .post-meta-action-edit-panel-options {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

               .post-meta-action-edit-panel-options li {
                    display: block;
                    float:none;
                    margin: 0;
                    padding: 0;
               }

               .post-meta-action-edit-panel-options li a.btn {
                    padding:0.571em 0.825em;
                    text-transform:none;
                    text-align:center;
               }

                .lsbc-improve-edit-cta {
                    display: block;
                    padding: 0.5em 1em 0;
                    font-size: 0.857em;
                    line-height: 1.333;
                }


.btn-link {
    position: relative;
    line-height: 28px;
    padding: 0 1.2em;
    top: -1px;
    margin-left: 7px;
}

  .post-meta-share {
      float:right;
  }
      .post-meta-share li {
          margin-left: 14px;
      }

      .post-meta-share-print { background: url("../img/sprites-post-meta.png") -456px center no-repeat #889095; }
      .post-meta-share-email { background: url("../img/sprites-post-meta.png") -543px center no-repeat #889095; }


  /* Comment Form */

  #comments {
      float:left;
      width: 100%;
  }

  .comment-wrapper{
      width: 100%;
  }

  .h-community-discussion {
      font-size: 1em;
      text-align: center;
      border-top: 1px solid #D3D7D9;
      border-bottom: 1px solid #D3D7D9;
      padding: 0.325em 0;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: 400;
  }
  #comments label[for=edit-comment-body-und-0-value] {
      display: none;
  }

  .comment-form #edit-author--2 label a {
      font-weight: bold;
      text-decoration: none;
  }
  .comment-form .form-item > label {
      font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
      font-size: 1em;
      letter-spacing: normal;
      text-transform: none;
  }
  .comment-author-details {
      list-style: none;
      padding: 0;
	  float:left;
	  margin-right: 24px;
      vertical-align: top;
  }
  .comment .content {
      float: left;
      max-width: 70%;

  }
  .comment-body {
      margin: 0.857em 0 1.714em;
  }


/*
 * Quiz
 */

 .lsbc-book-edit-controls {
	list-style:none;
	padding: 0;
 }

 	.lsbc-book-edit-controls li {
		display:inline-block;
 	}

 #edit-tries-answer {
    cursor:pointer;
 }

     #edit-tries-answer table {
         width:100%;
     }

     #edit-tries-answer input[type="radio"] {
          margin: -1.85em 1em 0;

     }

    .multichoice_row {
        display: block;
        position: relative;
    }

     .multichoice_row p {
         /*width: 90%;*/
         margin: .714em 0 .714em 1em;
     }

     .multichoice_row ul {
         padding: 0 2em 0 5em;
     }

     .multi-opt-label {
    		 position: absolute;
    		 display:table-cell;
    		 vertical-align: middle;
         float: left;
         font-size: 1.714em;
         line-height: 1.8em;
         top:50%;
         margin-top: -0.9em;
         max-width: 14px;
         left: 50px
     }

     .multichoice_row td {
        padding: 1.25em 0;
		overflow:hidden;
		display:table-cell;
     }



			.multichoice_row td.selector-td {
				display:table-cell;
        width: 80px
			}



            .lt-ie8 .multichoice_row td p {
                position: relative;
                top: 0.3em;
            }


     .lt-ie10 .multichoice_row {
        display: block;
        position: static;
     }

        .lt-ie8 .multichoice_row  {
            display: block;
            position: static;
        }

     .lt-ie10 .multichoice_row td {
        display: block;
        position: relative;
    }

        .lt-ie8 .multichoice_row td {
            display: table-cell;
            position: static;
            padding-top: 0.6em;
        }

     .lt-ie10 .multi-opt-label {
        position: absolute;
        display: block;
     }
        .lt-ie8 .multi-opt-label,
        .lt-ie8 .lsbc-edit-form .answer-option-label {
            position: relative;
            display: table-cell;
            margin-top: -1.2em;
         }
         .lt-ie8 .lsbc-edit-form .answer-option-label {
            margin-left:4%;
         }


    .lt-ie10 .multichoice_row p {
        float: left;
     }
        .lt-ie10 .multichoice_row p {
        float: none;
     }




     .multichoice_row td ol {
         padding-left: 4.75em;
         padding-right: 1em;
     }

 tr.even, tr.odd {
 	background: none;
 }

     tr.even .form-item, tr.odd .form-item {
	     float:left;
         margin-top:16%;
         z-index:200;
     }
			.multichoice_row td.selector-td .form-item {
				margin:0;
				position:absolute;
				z-index: 200;
				padding: 0;
			}

 tr.selected,
 tr.selected td,
 tr.selected td.selector-td {
     background:#eff0f0;
 }


 #quiz-report-form td p,
 #quiz-report-form td ul {
     padding: 0;
     margin-bottom: 0;
 }
     input#edit-back {
         background: #889095;
         border:1px solid #889095;
         color:#fff;
         float:left;
         margin-right: 0.75em;
         height: 2.925em;
     }

         input#edit-back:hover {
             color:#fff;
             text-decoration:none;
             background:#a6acb0;
         }

          #quiz-question-text #edit-submit {
            float: left;
            height: 2.925em;
            padding-right: 1em;
          }

          .post-meta-list.quiz {
            float:left;
            margin: 0 0 0 0.851em;
            border-left: 1px dotted #e1e3e4;
            padding: 0 0 0 0.851em;

          }
          .post-meta-list.quiz p {
            margin: 0;
          }

         .post-meta-action-edit-child.quiz {
            margin-bottom: 0;
        }

  .quiz-result-score {
      width: 100%;
      background: #6d8d23;
      border:1px solid #5a741d;
      margin-bottom: 0.75em;
      padding: 1em 1.286em 0.25em;
      position:relative;
  }

  .quiz-result-mandatory {
      width: 100%;
      padding: 0.5em 1.286em;
  }



  .quiz-report {
      list-style: none;
      padding: 0;
  }

  .quiz-report-score-container {
      border-bottom: 1px solid #cccccc;
      border-bottom: 1px solid rgba(149,156,161,0.4);

  }

 .quiz-report-question-render {
     display:block;
 }
 .quiz-report-score-container span.multichoice-icon {
 	  position: absolute;
 	  top: -7em;
 }
     .quiz-report-score-container.q-correct,
     .quiz-report-score-container.q-wrong {
         background: none;
     }
     .quiz-report-qa-block {
         width: 80%;
         margin-left: 9.15em;
         padding-top: 0.875em;
         position: relative;
     }
     .question-link {
       position: absolute;
       right: 0;
       top: 17px;
       font-size: 12px
     }

     .quiz-report-qa-block ul.links {
       display: none;
     }


      .quiz-report-qa-block table {
          position:relative;
      }
          .quiz-report-qa-block table tbody,
          .quiz-report-qa-block tr {
              border: 0 none;
          }
	  .user-account-messageBox.user-mandatory-quiz {
	      width: 104%;
	  }
      .user-account-messageBox.user-responsibility-quiz {
          width: 104%;
          border-color: rgba(139,111,76,0.25);
          background: url("../img/sprites-quiz-results.png") -894px center no-repeat;
      }

      .score-label {
          position:absolute;
          margin-top: -0.5em;
          color:#fff;
          font-family: Georgia, "Times New Roman", serif;
          font-size:0.857em;
          text-transform: uppercase;
          width: 7.5em;
          text-align:center;
      }

      .score-percentage {
          color:#ffffff;
          margin: 0;
          font-size: 2.571em;
          font-weight: normal;
          display: inline-block;
          width: 2.5em;
          text-align:Center;
         }

      .score-complete {
          background: url("../img/sprites-quiz-results.png") -237px -9px no-repeat;
          color:#ffffff;
          font-size: 1.714em;
          font-weight: normal;
          padding-left: 3em;
          display: inline-block;
          margin-left: 0.5em;
          position:absolute;
          top:0;

      }

  .multichoice-icon-cell {
      width: 52px;
      position:absolute;
      left: -9.125em;
  }
  .multichoice-icon {
      margin-left: 32px;
      background:url("../img/sprites-quiz-results.png") no-repeat;
  }

      .multichoice-icon.wrong {
          background-position: -1901px -7px;
      }

      .multichoice-icon.correct {
          background-position: -1707px -7px;
      }

      .btn-quiz-finished {
          display:inline-block;
          padding: 0.75em;
      }

      .quiz-finish-or {
          margin: 0 0.75em;
          font-size: 0.857em;
      }
/*
 * Footer
 */

.l-footer {
    margin: 1em auto 0;
    padding: 30px 0 3em;
    max-width: 71.4286em;

    background: url("../img/footer-bg-repeatx.gif") repeat-x scroll 0 0;
}

    .footer-logo {
        float: left;
        width: 25%;
        min-width: 4em;
        margin: 0;
        margin-right: 6.4%;
        padding: 0;
    }

        .footer-logo > a {
            display: block;
        }
        .footer-logo > a > img {
            max-width: 100%;
        }

    .footer-navigation > .menu {
        float: right; /*left;*/
        margin: 25px 0 0;
        padding: 0;
        width: 68.4%; /*52.6%;*/

        font-family: Georgia, "Times New Roman", serif;
    }

        .footer-navigation > ul li.leaf {
            display: inline-block;
            *display: inline; /* iefix */
            *zoom: 1; /* iefix */

            margin: 0 1.25em 0 0;
            padding: 0;
            list-style: none;
        }

            .footer-navigation > .menu > .leaf > a {
                color: #787e82;
                text-decoration: none;
            }

            .footer-navigation > .menu > .leaf > a:hover {
                text-decoration: underline;
            }

            .footer-navigation > .menu > .leaf > .active-trail {
                color: #8b6f4c;
            }



/*
 * Log In Page
 */
.login-page-box {
    margin: 1.28em 0 3.4286em;
    width: 60%;
}

    .login-page-box .form-text {
        width: 85%;
    }

/*
 * Login Assistant Page
 */

.login-assistant {
    padding: 1.5em;
    border: 1px solid #e2dbd2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .login-assistant-title {
        margin-top: 0;
    }

    .login-assistant-step {
        font-size: 1.143em;
        line-height: 1.5;
    }

        .login-assistant-step:last-child,
        #login-assist-step-3 {
            margin-top: 1.5em;
        }

        .login-assistant-instruction {
            margin: 1em 0;
        }

        .login-assistant-btn {
            margin: 0 0.375em 0.375em 0;
            padding: 1em;
            width: 10em;
        }

        input[type="text"].login-assistant-inputfield,
        input[type="password"].login-assistant-inputfield {
            margin: 0 0.375em 0.375em 0;
            padding: 1em;
        }


/* Quiz Question Page - Edit Functionality */

.lsbc-edit-form .question-edit-field {
    width: 96%;
}

.lsbc-edit-form .answer-option {
    width: 89%;
    margin: 4px 0 0;
    float:right;
}

.answer-edit-section {
    display:inline-block;
    width: 100%;
    margin: 4px 0;
}
.answer-edit-label-group {
    float:left;
    margin-right: 1em;
}

.lsbc-edit-form .answer-option-label {
    display: inline-block;
    max-width: 14px;
    font-size: 1.714em;
    line-height: 1.8em;
    margin-left: 4px;
}

/* Account & Change Password Form  */

.lsbc-form-notifications {
    width: 100%;
    margin: 0;
    padding: 10px;
    border: solid 1px #E1E3E4;
    box-sizing: border-box;
}
.lsbc-form-notifications.short {
    width: 60%;
}
.lsbc-form-notifications.newaccount {
    width: 502px;
}

.lsbc-form-notifications li {
    margin-left: 20px;
}

.lsbc-form-notifications.errors {
    border: solid 1px #B42C33;
}

.lsbc-form-notifications.errors li {
    color: #B42C33;
}

/* No Video Support */

.no-video-support {
    border: solid 1px #B42C33;
    color: #B42C33;
    padding: 0 10px;
    width: 50%;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

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

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

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

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

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

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

/*	#screen-logo, #lang-bar, #social-bar, #meta-bar, #breadcrumb,
	.navigation-heading, footer, nav, hr */


    a,
    a:visited {
        text-decoration: underline;
    }
/*
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
*/
    /*
     * Don't show links for images, or javascript/internal links
     */
/*
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
*/
    pre,
    blockquote {
        border: 1px solid #999;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

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

    @page {
        margin: 0.5cm;
    }

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

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


	#global-help-box, .header-user-status, .l-sidebar, .search-form, .post-meta, .l-footer,
	.user-account-edit, .item-list .pager, .post-related-resources, .comment-form, #toolbar, .quiz-complete-actions {
	    display:none;
	}

	body.toolbar, body.toolbar-drawer {
	    padding-top: 0 !important;
	}
	.header-logo > a:after {
		content: "";
	}

	.print-logo {
		display: block;
	}

	.user-responsibility-quiz, .user-mandatory-quiz {
		width: 98% !important;
	}

	.user-account-messageBox,
	.quiz-result-score	 {
	    border-color: #000000 !important;
	}

	.quiz-result-score {
		width: 94.5%;
	}

	.quiz-report-qa-block {
	    width: 100%;
	    margin-left: 0;
	}
	.user-account-messageBox p {
	    width: auto;
	    margin-left: 0.75em;
	}

	.l-content {
	    width: 100%;
	}
	.callout-anchor, .need-help {
	    display: none;
	}

}


.hidden-quiz-history {
    display:none;
}

/* Edit quiz score */
.edit-quiz-score-form-wrapper {
    background: #e6e6e6;
    padding: 20px;
    width:100%;
    margin:20px 0;
}

.edit-quiz-score-form-wrapper h3 {
    margin-top:0;
}

.edit-quiz-score-num-correct {
    width:35px;
}

.export-btn {
    position:relative;
    left:420px;
    width:150px;
    padding:5px;
}

.export-btn a {
    color:#ffffff;
    text-decoration: none;
}

#user-profile-form .form-item-roles {
    display:none;
}

.node-type-multichoice .comment-wrapper,
.node-type-multichoice .question_type_name {
  display: none;
}

.page-user-myresults #block-system-main p em {
  display: none;
}