/* ==========================================================================
 * HTML5 Boilerplate - RESET SECTION
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
/*! normalize.css v1.0.1 | MIT License | git.io/normalize 
   ========================================================================== */

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

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

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

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

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

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] { display: none; }

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

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents 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 */
}

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

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

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

body { margin: 0; background: #f7f7f7; }

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

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

a:focus { outline: thin dotted; }

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

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

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

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 { font-size: 1.625em; margin: 0.5em 0 0.2em; color: #007ba5; font-weight: normal; }
h2 { font-size: 1.625em; margin: 0.5em 0 0.2em; color: #007ba5; font-weight: normal; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; color: #007ba5; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }

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

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

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

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

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

dfn { font-style: italic; }

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

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

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

p, pre { margin: 1em 0; }

/*
 * Corrects 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; }

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

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

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

q { quotes: none; }

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

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

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

small { font-size: 80%; }

/*
 * Prevents `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; }

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

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

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

dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }

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

menu, ol, ul { padding: 0 0 0 40px; }

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

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

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

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

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

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

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

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

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

figure { margin: 0; }

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

/*
 * Corrects 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. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

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

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves 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 */
}

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

button, input { line-height: normal; }

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

button, html input[type="button"], 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], input[disabled] { cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes 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. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `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;
}

/*
 * Removes 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; }

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

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

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

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

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

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

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

/* ==========================================================================
   User selections
   ========================================================================== */
   
::-moz-selection, ::selection { background: #b3d4fc; text-shadow: none; }
/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	width: auto;
	margin-left: -1%;
	margin-right: -1%;
}
.container_12:after {
	display: block;
	overflow: hidden;
	clear: both;
	content: "";
	width: 100%;
	height: 0;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:6.333%;
}

.container_12 .grid_2 {
	width:14.667%;
}

.container_12 .grid_3 {
	width:23.0%;
}

.container_12 .grid_4 {
	width:31.333%;
}

.container_12 .grid_5 {
	width:39.667%;
}

.container_12 .grid_6 {
	width:48.0%;
}

.container_12 .grid_7 {
	width:56.333%;
}

.container_12 .grid_8 {
	width:64.667%;
}

.container_12 .grid_9 {
	width:73.0%;
}

.container_12 .grid_10 {
	width:81.333%;
}

.container_12 .grid_11 {
	width:89.667%;
}

.container_12 .grid_12 {
	width:98.0%;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:8.333%;
}

.container_12 .prefix_2 {
	padding-left:16.667%;
}

.container_12 .prefix_3 {
	padding-left:25.0%;
}

.container_12 .prefix_4 {
	padding-left:33.333%;
}

.container_12 .prefix_5 {
	padding-left:41.667%;
}

.container_12 .prefix_6 {
	padding-left:50.0%;
}

.container_12 .prefix_7 {
	padding-left:58.333%;
}

.container_12 .prefix_8 {
	padding-left:66.667%;
}

.container_12 .prefix_9 {
	padding-left:75.0%;
}

.container_12 .prefix_10 {
	padding-left:83.333%;
}

.container_12 .prefix_11 {
	padding-left:91.667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:8.333%;
}

.container_12 .suffix_2 {
	padding-right:16.667%;
}

.container_12 .suffix_3 {
	padding-right:25.0%;
}

.container_12 .suffix_4 {
	padding-right:33.333%;
}

.container_12 .suffix_5 {
	padding-right:41.667%;
}

.container_12 .suffix_6 {
	padding-right:50.0%;
}

.container_12 .suffix_7 {
	padding-right:58.333%;
}

.container_12 .suffix_8 {
	padding-right:66.667%;
}

.container_12 .suffix_9 {
	padding-right:75.0%;
}

.container_12 .suffix_10 {
	padding-right:83.333%;
}

.container_12 .suffix_11 {
	padding-right:91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:8.333%;
}

.container_12 .push_2 {
	left:16.667%;
}

.container_12 .push_3 {
	left:25.0%;
}

.container_12 .push_4 {
	left:33.333%;
}

.container_12 .push_5 {
	left:41.667%;
}

.container_12 .push_6 {
	left:50.0%;
}

.container_12 .push_7 {
	left:58.333%;
}

.container_12 .push_8 {
	left:66.667%;
}

.container_12 .push_9 {
	left:75.0%;
}

.container_12 .push_10 {
	left:83.333%;
}

.container_12 .push_11 {
	left:91.667%;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-8.333%;
}

.container_12 .pull_2 {
	left:-16.667%;
}

.container_12 .pull_3 {
	left:-25.0%;
}

.container_12 .pull_4 {
	left:-33.333%;
}

.container_12 .pull_5 {
	left:-41.667%;
}

.container_12 .pull_6 {
	left:-50.0%;
}

.container_12 .pull_7 {
	left:-58.333%;
}

.container_12 .pull_8 {
	left:-66.667%;
}

.container_12 .pull_9 {
	left:-75.0%;
}

.container_12 .pull_10 {
	left:-83.333%;
}

.container_12 .pull_11 {
	left:-91.667%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */


html, body {
    min-width: 960px;
}

body, textarea, input, select, option, button {
    color: #4d4d4d;
    font-family: Arial,sans-serif;
    line-height: 1.43;
}

li, dt, dd, p, figure, th, td, caption, pre {
    font-size: 0.875em;
}

h1, h1 a, h2, h2 a {
    color: #007ba5;
}

    h1 a:hover, h2 a:hover {
        color: #006c91;
    }

a {
    color: #97bf0d;
    text-decoration: none;
}

    a:hover {
        color: #84a70b;
        text-decoration: none;
    }

/* layout */
#root {
    overflow: hidden;
    margin: 0;
    background: #fff;
}

#header {
    position: relative;
    z-index: 100;
    width: 960px;
    margin: 0 auto;
    padding: 60px 0 0;
}

    #header:before {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: -100%;
        right: -100%;
        z-index: -1;
        height: 5px;
        margin: 0;
        padding: 0;
        background: #e6e6e6;
    }

#logo {
    margin: 0 0 12px;
}

.fl {
    float: left;
}

.opaque {
    opacity: 0.3;
}

#logo a {
    display: block;
    width: 422px;
    height: 65px;
    overflow: hidden;
    margin: 0;
    background: url('/images/nearmiss-logo.png') no-repeat;
    text-indent: 105%;
    white-space: nowrap;
}

#nav {
    width: 100%;
    margin: 0;
}

    #nav:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

    #nav ul {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #nav ul li {
            float: left;
            margin: 0;
            font-size: 16px;
            font-weight: bold;
            line-height: 50px;
        }

            #nav ul li ~ li {
                margin-left: 20px;
            }

            #nav ul li a {
                display: block;
                position: relative;
                color: #007ba5;
                text-decoration: none;
            }

                #nav ul li a:hover:before, #nav ul li.active a:before {
                    content: ' ';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    z-index: -1;
                    height: 5px;
                    background: #007ba5;
                }

#header .topUserMenu {
    position: absolute;
    top: 10px;
    right: 0;
}

#header .topTermsMenu {
    position: absolute;
    top: 88px;
    right: 0;
    max-width: 50%;
}

#content {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 50px;
}

#footer {
    width: 960px;
    margin: 0 auto;
    padding: 50px 0 20px;
    color: #b2b2b2;
}

    #footer .container_12 + .container_12 {
        padding-top: 20px;
        border-top: 5px solid #e6e6e6;
    }

    #footer h3 {
        color: #4d4d4d;
    }

    #footer .footerSocial {
        margin: 0;
    }

    #footer .credits {
        margin: 0;
        text-align: right;
        line-height: 31px;
    }

        #footer .credits a {
            color: #b2b2b2;
        }

            #footer .credits a:hover {
                color: #999;
            }

/* elements */

.browsehappy {
    text-align: center;
    font-size: 125%;
}


.addSafetyLearning {
    width: 640px;
    padding-top: 20px;
}

    .addSafetyLearning .logo {
        float: right;
        margin: 10px 0 50px;
    }

    .addSafetyLearning .logoContainer {
        height: 160px;
        margin-bottom: 20px;
    }

        .addSafetyLearning .logoContainer img {
            opacity: 0.4;
            filter: alpha(opacity=40);
            max-width: 50%;
            max-height: 160px;
        }

    .addSafetyLearning p.action > span {
        width: 350px;
        display: inline-block;
        position: relative;
        text-align: left;
        line-height: 26px;
    }

    .addSafetyLearning .photos .slImage {
        max-height: 200px;
        max-width: 200px;
    }


.mailingList > p {
    float: left;
    width: 50%;
}

.mailingList .selectAll {
    padding: 20px 0;
    margin: 20px 0;
    border-top: 2px solid #E6E6E6;
    border-bottom: 2px solid #E6E6E6;
}

.mailingList #selectAllLists {
    margin-right: 10px;
}

.addSafetyLearning .field {
    position: relative;
    margin: 0 0 15px;
}

.field > span {
    line-height: 25px;
}

.addSafetyLearning .field.separated {
    padding-bottom: 17px;
}

    .addSafetyLearning .field.separated:before {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        height: 2px;
        background: #e6e6e6;
    }

.addSafetyLearning .field input[type=text],
.addSafetyLearning .field input[type=email],
.addSafetyLearning .field input[type=password] {
    width: 100%;
    height: 32px;
    padding: 6px 10px;
    border: 3px solid #e6e6e6;
    background: #fff;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

.addSafetyLearning .field textarea {
    width: 100%;
    min-height: 118px;
    padding: 6px 10px;
    border: 3px solid #e6e6e6;
    background: #fff;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    resize: none;
}

.addSafetyLearning .field input[type=text],
.addSafetyLearning .field input[type=email],
.addSafetyLearning .field input[type=password],
.addSafetyLearning .field textarea {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.addSafetyLearning .field.mainTitle input {
    height: 46px;
    padding-top: 7px;
    padding-top: 7px;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
}

.addSafetyLearning .field.date input {
    color: #a6a5a5;
}

.addSafetyLearning .field.subtitle input {
    height: 46px;
    padding-top: 7px;
    padding-top: 7px;
    color: #007ba5;
    font-size: 26px;
    line-height: 26px;
}

.addSafetyLearning .field.description textarea {
    min-height: 158px;
}

.addSafetyLearning .fieldBlock {
    position: relative;
    margin: 0 -10px 15px;
}

    .addSafetyLearning .fieldBlock:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

    .addSafetyLearning .fieldBlock.separated {
        padding-bottom: 2px;
    }

        .addSafetyLearning .fieldBlock.separated:before {
            content: ' ';
            position: absolute;
            bottom: 0;
            left: 30px;
            right: 30px;
            height: 2px;
            background: #e6e6e6;
        }

    .addSafetyLearning .fieldBlock .field {
        float: left;
        width: 310px;
        margin: 0 10px 15px;
        border: 3px solid #e6e6e6;
    }

    .addSafetyLearning .fieldBlock .field {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .addSafetyLearning .fieldBlock .field label {
            float: left;
            width: 115px;
            padding: 0 5px 0 10px;
            color: #a6a5a5;
            line-height: 26px;
        }

        .addSafetyLearning .fieldBlock .field input[type=text],
        .addSafetyLearning .fieldBlock .field input[type=email],
        .addSafetyLearning .fieldBlock .field input[type=password] {
            width: 172px;
            height: 26px;
            padding: 6px 5px;
            border: none;
        }

.addSafetyLearning .uploadList {
    overflow: hidden;
    margin: 0 10px;
    font-size: 0;
    letter-spacing: -5px;
}

    .addSafetyLearning .uploadList figure {
        display: inline-block;
        position: relative;
        width: 290px;
        margin: 0 10px 15px;
        background: #f0f0f0;
        font-size: 14px;
        letter-spacing: 0;
        vertical-align: top;
        max-height: 200px;
        overflow: hidden;
    }

        .addSafetyLearning .uploadList figure img {
            display: block;
            max-width: 290px;
            margin: 0 auto;
        }

        .addSafetyLearning .uploadList figure a {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 100;
            width: 50px;
            height: 50px;
            overflow: hidden;
            margin: 0;
            background: url('/images/close-a.png') no-repeat;
            text-indent: 105%;
            white-space: nowrap;
        }

.addSafetyLearning .field.upload {
    margin-left: 20px;
    margin-right: 20px;
    height: 32px;
    overflow: hidden;
}

.addSafetyLearning .field.upload-description {
    margin-left: 20px;
    margin-right: 20px;
    height: 32px;
}

.addSafetyLearning .field.upload label {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0;
    padding: 0 13px;
    color: #a6a5a5;
    line-height: 32px;
}

.addSafetyLearning .field.upload label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .addSafetyLearning .field.upload label:before {
        content: ' ';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        right: 0;
        z-index: -3;
        height: 26px;
        border: 3px solid #ef8e2d;
        background: #fff;
    }

    .addSafetyLearning .field.upload label span.fLabel {
        position: absolute;
        top: 0;
        right: 114px;
        z-index: -2;
        width: 266px;
        height: 32px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: #a1bd30;
        font-size: 14px;
        font-weight: normal;
        line-height: 32px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .addSafetyLearning .field.upload label:after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        width: 104px;
        height: 32px;
        content: 'Browse';
        border: none;
        background: #ef8e2d;
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        line-height: 32px;
        text-align: center;
    }

.addSafetyLearning .field.upload:hover label:after {
    background-color: #d97f25;
}

.addSafetyLearning .field.upload input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 32px;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 240px;
    cursor: pointer;
    opacity: 0;
}

.ie8 .addSafetyLearning .field.upload input[type=file] {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
}

.addSafetyLearning .editableHeader {
    margin: 0 0 5px;
}

    .addSafetyLearning .editableHeader > input[type=text] {
        margin: 0;
        display: inline;
        border: 3px solid #fff;
        outline: none;
        color: #4d4d4d;
        font-size: 20px;
        padding: 5px 10px;
        font-weight: bold;
        line-height: 22px;
        vertical-align: top;
    }

        .addSafetyLearning .editableHeader > input[type=text]:focus {
            background-color: #f0f0f0;
        }

    .addSafetyLearning .editableHeader.active > h3 {
        display: block;
        padding: 5px 20px;
        background: #f0f0f0;
    }

    .addSafetyLearning .editableHeader > h3 textarea {
        width: 100% !important;
        border: none;
        background: none;
        resize: none;
    }

    .addSafetyLearning .editableHeader > h3 em {
        color: #f00;
        font-weight: normal;
    }

    .addSafetyLearning .editableHeader > a {
        display: inline-block;
        margin: 0 0 0 5px;
        color: #f27020;
        font-size: 12px;
        font-weight: normal;
        line-height: 31px;
        vertical-align: bottom;
    }

    .addSafetyLearning .editableHeader.active > a {
        display: none;
    }

    .addSafetyLearning .editableHeader textarea {
        padding: 0 20px;
    }

.addSafetyLearning p.action {
    margin: 20px 0 0 0;
}

.addSafetyLearning .field.additional textarea {
    color: #a6a5a5;
}

.addSafetyLearning .field .mce-tinymce {
    border: 3px solid #e6e6e6 !important;
}

.field.orange .mce-tinymce, .field.orange textarea {
    border: 3px solid #f27020;
}

/* safety learning list */
.safetyLearningList {
    width: 64.667%;
}

    .safetyLearningList ul {
        padding: 0;
        border: 1px solid #e6e6e6;
        list-style: none;
    }

    .safetyLearningList li {
        padding: 15px;
        border-top: 1px solid #e6e6e6;
    }

        .safetyLearningList li:first-child {
            padding: 15px;
            border-top: none;
        }

        .safetyLearningList li .title, .safetyLearningList li .headerText {
            margin-right: 20px;
            display: inline-block;
            width: 240px;
            vertical-align: top;
        }

        .safetyLearningList li .headerText {
            font-weight: bold;
            color: #4a4a4a;
        }

            .safetyLearningList li .headerText:hover {
                color: #d77e25;
            }

        .safetyLearningList li > a {
            font-weight: bold;
        }

            .safetyLearningList li > a.delete, .safetyLearningList li > a.edit {
                float: right;
                clear: both;
            }

.blockReports {
    /*margin: 10px 0 20px;
    border: 2px solid #e6e6e6;*/
}

    .blockReports > h3 {
        margin: -2px -2px 2px;
        padding: 0 15px;
        background: #007ba5;
        color: #fff;
        font-size: 18px;
        font-weight: normal;
        line-height: 40px;
        text-transform: uppercase;
    }

        .blockReports > h3.orange {
            background-color: #ef8e2d;
        }

        .blockReports > h3 > a {
            display: block;
            position: relative;
            margin: 0 -15px;
            padding: 0 15px;
            /*background: #007ba5;*/
            color: #fff;
            font-size: 18px;
            font-weight: normal;
            line-height: 40px;
            text-transform: uppercase;
        }

            .blockReports > h3 > a:before {
                content: ' ';
                position: absolute;
                top: 50%;
                right: 15px;
                width: 11px;
                height: 22px;
                margin: -11px 0 0;
                background: url('/images/arrow-right-b.png') 50% 50% no-repeat;
            }

    .blockReports p {
        padding: 0 12px;
        font-size: 12px;
        line-height: 1.1666;
    }

        .blockReports p.filter {
            margin: 0 0 1px;
            padding: 5px 15px;
            background: #e6e6e6;
            color: #4d4d4d;
            font-size: 12px;
            line-height: 25px;
            text-align: right;
        }

    .blockReports .blockReports {
        margin-top: 0;
    }

    .blockReports p.info {
        margin: 0 0 1px;
        padding: 25px 10px 10px;
        background: #e6e6e6;
        color: #4d4d4d;
    }

    .blockReports .info span {
        margin-left: 30px;
    }

    .blockReports p.filter label {
        color: #4d4d4d;
        font-size: 12px;
        line-height: 25px;
    }

    .blockReports p.action {
        margin: 25px 0 10px;
    }

    .blockReports .tableUtilities {
        width: 100%;
    }

        .blockReports .tableUtilities:after {
            display: block;
            overflow: hidden;
            clear: both;
            content: "";
            width: 100%;
            height: 0;
        }

    .blockReports.extraTableStyle {
        margin-bottom: 0;
    }

        .blockReports.extraTableStyle p.filter span.select {
            width: 160px;
        }

        .blockReports.extraTableStyle .bottomToolbar {
            margin: 0;
            padding: 25px 0 10px;
        }

            .blockReports.extraTableStyle .bottomToolbar:after {
                display: block;
                overflow: hidden;
                clear: both;
                content: "";
                width: 100%;
                height: 0;
            }

            .blockReports.extraTableStyle .bottomToolbar p.action {
                float: left;
                margin: 0;
                padding: 0 12px;
            }

            .blockReports.extraTableStyle .bottomToolbar p.filter {
                float: right;
                margin: 1px 0 0;
                padding: 0;
                background: none;
            }

                .blockReports.extraTableStyle .bottomToolbar p.filter label {
                    margin-right: 5px;
                    color: #007ba5;
                    font-size: 14px;
                    font-weight: bold;
                    line-height: 25px;
                }

                .blockReports.extraTableStyle .bottomToolbar p.filter span.select {
                    width: 115px;
                }

            .blockReports.extraTableStyle .bottomToolbar p.total {
                float: right;
                width: 90px;
                margin: 0;
                padding: 0 10px 0 20px;
                color: #007ba5;
                font-size: 20px;
                font-weight: bold;
                line-height: 27px;
            }

.bottomToolbar input[type=text] {
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}

.bottomToolbar.companyAction {
    border: 1px solid #f27020;
    display: none;
}

.bottomToolbar .actionButtons {
    text-align: right;
}

    .bottomToolbar .actionButtons a.button {
        min-width: 87px;
        display: inline-block;
    }

    .bottomToolbar .actionButtons a.cancel {
        margin-right: 10px;
    }

    .bottomToolbar .actionButtons a.deleteCompany {
        margin-top: 10px;
    }

.bottomToolbar.companyAction a {
    color: #f27020;
    font-size: 12px;
    line-height: 25px;
    height: 25px;
}

.bottomToolbar.companyAction > div {
    padding: 15px;
}

.bottomToolbar.companyAction .inputElements {
    width: 450px;
    float: left;
    font-size: 12px;
}

    .bottomToolbar.companyAction .inputElements input {
        width: 120px;
        padding: 4px 10px 3px;
        margin-bottom: 10px;
    }

    .bottomToolbar.companyAction .inputElements select {
        width: 120px;
        padding: 3px 10px;
    }

    .bottomToolbar.companyAction .inputElements select {
        width: 120px;
        padding: 3px 10px;
    }

        .bottomToolbar.companyAction .inputElements select.error::after {
            content: "*";
            color: #ff0000;
        }

.blockReports.lastOnePagers {
}

    .blockReports.lastOnePagers p.action {
        text-align: right;
    }

.blockReports.latestNearMissReports {
}

    .blockReports.latestNearMissReports p.filter span.select {
        width: 140px;
    }

.blockReports.legends {
}

    .blockReports.legends ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .blockReports.legends ul li {
            position: relative;
            margin: 0;
            padding: 10px 30px 10px 45px;
            border-bottom: 1px solid #e6e6e6;
            font-size: 12px;
            line-height: 14px;
        }

            .blockReports.legends ul li img {
                position: absolute;
                top: 7px;
                left: 12px;
                max-width: 19px;
                margin: 0;
            }

    .blockReports.legends p.action {
        text-align: right;
    }

.blockReports.searchTable {
    position: relative;
    margin-top: 70px;
}


    .blockReports.searchTable p.generateReport {
        position: absolute;
        top: -44px;
        left: -2px;
        margin: 0;
        padding: 0;
    }

.generateReport {
    margin-left: 15px;
    float: right;
    /*text-align: right;*/
    padding: 25px 0;
}

/* datatables*/
.blockReports.searchTable.tableTabbed {
    margin-top: 0;
}

.dataTables_processing {
    position: absolute;
    line-height: 12px !important;
    /*background: transparent url('images/spinner.gif') no-repeat*/
}

.blockReports.searchTable .tableUtilities {
    width: auto;
    margin: 0;
    padding: 20px;
    text-align: right;
}

    .blockReports.searchTable .tableUtilities .dataTables_info {
        display: inline-block;
        margin: 0;
        line-height: 30px;
        vertical-align: top;
    }

    .blockReports.searchTable .tableUtilities .dataTables_paginate {
        display: inline-block;
        margin: 0 0 0 10px;
        line-height: 24px;
        vertical-align: top;
    }

        .blockReports.searchTable .tableUtilities .dataTables_paginate a {
            display: inline-block;
            width: 30px;
            height: 30px;
            overflow: hidden;
            margin: 0;
            background: #a1bd30 url('/images/pagination-arrows-a.png') no-repeat;
            text-indent: 105%;
            white-space: nowrap;
            vertical-align: top;
            cursor: pointer;
            outline: none;
        }

            .blockReports.searchTable .tableUtilities .dataTables_paginate a:hover {
                background-color: #84a70b;
            }

            .blockReports.searchTable .tableUtilities .dataTables_paginate a + a {
                margin-left: 4px;
                background-position: -30px 0;
            }

    .blockReports.searchTable .tableUtilities.top {
        position: absolute;
        top: -43px;
        right: -2px;
        float: right;
        margin: 0 20px 0 0;
        padding: 0;
    }

.blockReports.statisctics {
}

    .blockReports.statisctics .pieChart {
        margin: 0;
        padding: 12px;
        border-top: 1px solid #e6e6e6;
    }

        .blockReports.statisctics .pieChart:after {
            display: block;
            overflow: hidden;
            clear: both;
            content: "";
            width: 100%;
            height: 0;
        }

        .blockReports.statisctics .pieChart h4 {
            margin: 0 0 5px;
            color: #000;
            font-size: 17px;
            font-weight: bold;
            line-height: 1.5;
        }

        .blockReports.statisctics .pieChart .graph {
            float: left;
            width: 120px;
            height: 120px;
            overflow: hidden;
            margin: 0;
            font-size: 140px;
            line-height: 1;
        }

            .blockReports.statisctics .pieChart .graph .chartwell span.space {
                color: #fff;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.blue0 {
                color: #005d83;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.blue1 {
                color: #0081a9;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.blue2 {
                color: #0893b3;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.blue3 {
                color: #39a7c3;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.blue4 {
                color: #6cbcd1;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.green0 {
                color: #377402;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.green1 {
                color: #478b0c;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.green2 {
                color: #71b232;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.green3 {
                color: #8fc25c;
            }

            .blockReports.statisctics .pieChart .graph .chartwell span.green4 {
                color: #b0d48e;
            }

            .blockReports.statisctics .pieChart .graph ~ * {
                margin-left: 122px !important;
            }

        .blockReports.statisctics .pieChart ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .blockReports.statisctics .pieChart ul li {
                position: relative;
                margin: 0 0 3px;
                padding: 0 0 0 20px;
                font-size: 12px;
                line-height: 14px;
            }

                .blockReports.statisctics .pieChart ul li:before {
                    content: ' ';
                    position: absolute;
                    top: 1px;
                    left: 0;
                    width: 10px;
                    height: 10px;
                    overflow: hidden;
                    background: transparent;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    border-radius: 5px;
                }

                .blockReports.statisctics .pieChart ul li.blue0:before {
                    background: #005d83;
                }

                .blockReports.statisctics .pieChart ul li.blue1:before {
                    background: #0081a9;
                }

                .blockReports.statisctics .pieChart ul li.blue2:before {
                    background: #0893b3;
                }

                .blockReports.statisctics .pieChart ul li.blue3:before {
                    background: #39a7c3;
                }

                .blockReports.statisctics .pieChart ul li.blue4:before {
                    background: #6cbcd1;
                }

                .blockReports.statisctics .pieChart ul li.green0:before {
                    background: #377402;
                }

                .blockReports.statisctics .pieChart ul li.green1:before {
                    background: #478b0c;
                }

                .blockReports.statisctics .pieChart ul li.green2:before {
                    background: #71b232;
                }

                .blockReports.statisctics .pieChart ul li.green3:before {
                    background: #8fc25c;
                }

                .blockReports.statisctics .pieChart ul li.green4:before {
                    background: #b0d48e;
                }

#breadcrumbs, #breadcrumbsTrail {
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
    padding: 7px 0;
}

    #breadcrumbs:before, #breadcrumbsTrail:before {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: -100%;
        right: -100%;
        z-index: -1;
        height: 2px;
        background: #e6e6e6;
    }

    #breadcrumbs:after, #breadcrumbsTrail:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

#content > #breadcrumbs:first-child {
    margin-top: -20px;
}

#breadcrumbs p.back {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

#breadcrumbs ul, #breadcrumbsTrail ul {
    float: right;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    #breadcrumbs ul li, #breadcrumbsTrail ul li {
        float: left;
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

        #breadcrumbs ul li ~ li, #breadcrumbsTrail ul li ~ li {
            margin-left: 20px;
        }

        #breadcrumbs ul li a, #breadcrumbsTrail ul li a {
            color: #4d4d4d;
        }

            #breadcrumbs ul li a:hover {
                color: #007ba5;
            }

        #breadcrumbs ul li.active a {
            color: #007ba5;
            font-weight: bold;
        }

.footerContact {
    color: #b2b2b2;
}

    .footerContact a {
        color: #b2b2b2;
    }

        .footerContact a:hover {
            color: #999;
        }

.footerMenu {
}

    .footerMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .footerMenu ul li {
            width: 100%;
            overflow: hidden;
            margin: 0 0 14px;
            font-size: 15px;
            line-height: 24px;
        }

            .footerMenu ul li a {
                float: left;
                padding-left: 30px;
                background: url('/images/arrow-right-a.png') 0 5px no-repeat;
                color: #ef8e2d;
            }

                .footerMenu ul li a:hover, .footerMenu ul li.active a {
                    color: #d77e25;
                }

.footerSocial {
}

    .footerSocial ul {
        list-style: none;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .footerSocial ul li {
            float: left;
            margin: 0;
            font-size: 14px;
            line-height: 31px;
        }

            .footerSocial ul li ~ li {
                margin-left: 50px;
            }

            .footerSocial ul li a {
                position: relative;
                float: left;
                height: 31px;
                padding-left: 40px;
                color: #b2b2b2;
            }

                .footerSocial ul li a:hover {
                    color: #999;
                }

                .footerSocial ul li a:before {
                    content: ' ';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 31px;
                    height: 31px;
                    overflow: hidden;
                    background: url('/images/social-icons-a.png') -10001px -10001px no-repeat;
                }

            .footerSocial ul li.linkedin a:before {
                background-position: 0 0;
            }

            .footerSocial ul li.youtube a:before {
                background-position: -50px 0;
            }

            .footerSocial ul li.facebook a:before {
                background-position: -100px 0;
            }

            .footerSocial ul li.linkedin a:hover:before {
                background-position: 0 -50px;
            }

            .footerSocial ul li.youtube a:hover:before {
                background-position: -50px -50px;
            }

            .footerSocial ul li.facebook a:hover:before {
                background-position: -100px -50px;
            }

.introFeatures {
    margin: 0 -1% 20px;
}

.mainBanner {
    position: relative;
    width: 100%;
    margin: 0 0 40px;
}

    .mainBanner > a {
        display: block;
    }

    .mainBanner figure {
        margin: 0;
        height: 270px;
        width: 960px;
    }

        .mainBanner figure img {
            display: block;
            max-width: 960px;
            margin: 0;
        }

    .mainBanner .copy {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 420px;
        height: 115px;
        overflow: hidden;
        margin: 0;
        padding: 50px 110px 25px 20px;
        background: url('/images/main-banner-bg.png') no-repeat;
        color: #fff;
    }

        .mainBanner .copy:before {
            content: ' ';
            position: absolute;
            bottom: 35px;
            right: 32px;
            width: 51px;
            height: 86px;
            overflow: hidden;
            background: url('/images/main-banner-arrow.png') no-repeat;
        }

        .mainBanner .copy h2 {
            margin: 0 0 5px;
            color: #fff;
            font-size: 32px;
            font-weight: bold;
            line-height: 40px;
        }

        .mainBanner .copy p {
            margin: 0;
            color: #fff;
            font-size: 15px;
            line-height: 20px;
        }

.simpleBanner {
    position: relative;
    width: 100%;
    margin: 0 0 20px;
}

    .simpleBanner > a {
        display: block;
    }

    .simpleBanner figure {
        margin: 0;
        height: 270px;
        width: 960px;
        overflow: hidden;
    }

        .simpleBanner figure img {
            display: block;
            max-width: 960px;
            margin: 0;
        }

    .simpleBanner .copy {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 420px;
        min-height: 50px;
        max-height: 100px;
        overflow: hidden;
        margin: 0;
        padding: 60px 110px 25px 20px;
        background: url('/images/simple-banner-bg.png') no-repeat;
        color: #fff;
    }


        .simpleBanner .copy h2 {
            margin: 0 0 5px;
            color: #fff;
            font-size: 32px;
            font-weight: bold;
            line-height: 40px;
        }

        .simpleBanner .copy p {
            margin: 0;
            color: #fff;
            font-size: 15px;
            line-height: 20px;
        }

.mainFeatures {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    background: #4e4e4e;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 15px;
}

    .mainFeatures .grid_4 {
        width: 280px;
        padding: 0 10px;
    }

    .mainFeatures h2 {
        margin: 0 0 10px;
        color: #fff;
    }

        .mainFeatures h2 a {
            color: #fff;
        }

.newReport {
}

    .newReport .utilityLinks {
        overflow: hidden;
        margin: 0 0 20px;
    }

        .newReport .utilityLinks:after {
            display: block;
            overflow: hidden;
            clear: both;
            content: "";
            width: 100%;
            height: 0;
        }

        .newReport .utilityLinks p {
            float: left;
            max-width: 50%;
            margin: 0;
            line-height: 30px;
            padding: 0;
        }

            .newReport .utilityLinks p a {
                float: left;
            }

            .newReport .utilityLinks p.toggler {
                float: right;
                margin: 0;
                line-height: 30px;
            }

                .newReport .utilityLinks p.toggler a {
                    float: right;
                }

    .newReport .blockReports {
        position: relative;
        margin: 0;
    }

        .newReport .blockReports h3 {
            position: relative;
            margin: -2px -2px 0;
        }

.js .newReport .blockReports h3 {
    padding-right: 40px;
    cursor: pointer;
}

    .js .newReport .blockReports h3:before {
        content: ' ';
        position: absolute;
        top: 50%;
        right: 12px;
        width: 15px;
        height: 15px;
        overflow: hidden;
        margin: -7px 0 0;
        background: url('/images/accordion-toggler-bg.png') no-repeat;
        text-indent: 105%;
        white-space: nowrap;
    }

.js .newReport .blockReports.active h3 {
    cursor: text;
}

    .js .newReport .blockReports.active h3:before {
        content: '';
        background-position: 0 -15px;
    }

.newReport .blockReports .content {
    margin: 0;
    padding: 5px 10px;
}

.js .newReport .blockReports .content {
    display: none;
}

.newReport .blockReports .content .fieldset {
    margin: 0 -10px;
    padding: 5px 10px;
    border-bottom: 1px solid #e6e6e6;
}

.newReport p, .hasTooltip {
    position: relative;
    padding-right: 26px;
}

    .newReport p:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

.newReport .field label {
    float: left;
    width: 160px;
    margin: 0 8px 0 0;
    padding: 6px 0;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}

    .newReport .field label em {
        color: #ef8e2d;
        font-size: 24px;
        font-style: normal;
    }

.newReport .field input[type=text],
.newReport .field input[type=email],
.newReport .field input[type=password] {
    width: 390px;
    height: 32px;
    padding: 6px 10px;
    border: 3px solid #e6e6e6;
    background: #fff;
    color: #a1bd30;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

.newReport .field textarea {
    width: 390px;
    min-height: 138px;
    padding: 6px 10px;
    border: 3px solid #e6e6e6;
    background: #fff;
    color: #a1bd30;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    resize: none;
}

.js .newReport .field span.select {
    width: 390px;
    height: 32px;
    border: 3px solid #e6e6e6;
    background: #fff url('/images/select-b.png') 100% 50% no-repeat;
    color: #a1bd30;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
}

.newReport .field input[type=text],
.newReport .field input[type=email],
.newReport .field input[type=password],
.newReport .field textarea,
.newReport .field span.select {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newReport .field.upload {
    height: 32px;
    overflow: hidden;
}

.newReport .reportImage {
    width: 200px;
    height: 200px;
    position: relative;
    border: 3px solid #C9C9C9;
    line-height: 200px;
    text-align: center;
}

    .newReport .reportImage img {
        max-width: 200px;
        max-height: 200px;
    }

    .newReport .reportImage input.button {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

.newReport .button.deleteReport {
    float: right;
}

.newReport .panelDelete hr:first-child {
    margin-top: -20px;
}

.newReport .field.upload label {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0;
    padding: 0 400px 0 0;
    color: #898989;
    line-height: 32px;
}

.newReport .field.upload label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .newReport .field.upload label:before {
        content: ' ';
        position: absolute;
        top: 0;
        right: 0;
        z-index: -3;
        width: 384px;
        height: 26px;
        border: 3px solid #e6e6e6;
        background: #fff;
    }

    .newReport .field.upload label span.fLabel {
        position: absolute;
        top: 0;
        right: 114px;
        z-index: -2;
        width: 266px;
        height: 32px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: #a1bd30;
        font-size: 14px;
        font-weight: normal;
        line-height: 32px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .newReport .field.upload label:after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        width: 104px;
        height: 32px;
        content: 'Browse';
        border: none;
        background: #c9c9c9;
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        line-height: 32px;
        text-align: center;
    }

.newReport .field.upload:hover label:after {
    background-color: #a9a9a9;
}

.newReport .field.upload input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    right: 26px;
    z-index: 2;
    width: 390px;
    height: 32px;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 240px;
    cursor: pointer;
    opacity: 0;
}

.ie8 .newReport .field.upload input[type=file] {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
}

.newReport .info, .addSafetyLearning .info {
    position: absolute;
    top: 6px;
    right: 0;
    width: 19px;
    height: 19px;
    overflow: hidden;
    background: url('/images/ico-info.png') no-repeat;
    text-indent: 105%;
    white-space: nowrap;
    cursor: pointer;
}

.newReport .field.date {
    padding-right: 276px;
}

    .newReport .field.date .calendar {
        position: absolute;
        top: 3px;
        right: 279px;
        width: 32px;
        height: 26px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: url('/images/ico-calendar.png') no-repeat;
        text-indent: 105%;
        white-space: nowrap;
        cursor: pointer;
    }

    .newReport .field.date img {
        position: absolute;
        top: 3px;
        right: 292px;
        width: 32px;
        height: 26px;
        margin: 0;
        border: none;
        cursor: pointer;
    }

    .newReport .field.date input {
        width: 140px;
        padding-right: 40px;
    }

.newReport .blockReports .actions {
    margin: 0 -10px;
    padding: 20px 10px 15px;
}

    .newReport .blockReports .actions:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

    .newReport .blockReports .actions p.back {
        float: left;
        margin: 0;
    }

    .newReport .blockReports .actions p.submit {
        float: right;
        margin: 0;
    }

.newReport .rating {
    margin: 30px 0 20px;
    padding: 20px 12px;
    background: #a1bd30;
}

    .newReport .rating:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

    .newReport .rating .field {
        float: left;
        width: 50%;
        margin: 0;
        text-align: right;
    }

    .newReport .rating .field {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .newReport .rating .field label {
            display: inline-block;
            float: none;
            width: auto;
            padding: 0;
            color: #fff;
            font-size: 18px;
            line-height: 32px;
        }

        .newReport .rating .field span.select {
            font-size: 16px;
            line-height: 24px;
        }

        .newReport .rating .field.severity span.select {
            width: 120px;
        }

        .newReport .rating .field.potential span.select {
            width: 125px;
        }

.newReport .summary {
    margin: 20px 0;
    padding: 0;
}

    .newReport .summary + div.summary.actions {
        padding-top: 20px;
        border-top: 1px solid #C9C9C9;
    }

    .newReport .summary.actions > div {
        padding-bottom: 20px;
    }

    .newReport .summary:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

p.checkbox, span.hasTooltip {
    position: relative;
    float: left;
    margin: 1px 0 0;
    padding-left: 0;
    line-height: 29px;
}

    p.checkbox input[type=checkbox] {
        display: inline-block;
        margin: -5px 5px 0 0;
        vertical-align: middle;
    }

    p.checkbox label {
        color: #4d4d4d;
        font-size: 16px;
        line-height: 20px;
        cursor: pointer;
    }

:root p.checkbox input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
}

    :root p.checkbox input[type=checkbox] + label {
        display: inline-block;
        position: relative;
        padding-left: 40px;
        line-height: 30px;
        vertical-align: top;
    }

        :root p.checkbox input[type=checkbox] + label:before {
            position: absolute;
            top: 0;
            left: 0;
            content: ' ';
            width: 30px;
            height: 30px;
            margin: 0;
            background: url('/images/checkbox-a.png') no-repeat;
            vertical-align: top;
        }

    :root p.checkbox input[type=checkbox]:checked + label:before {
        background-position: 0 -50px;
    }


.newReport .summary p.save {
    float: right;
    margin: 0;
    padding: 0;
}

.newsEntry {
}

    .newsEntry h4 {
        margin: 0;
        color: #007ba5;
    }

        .newsEntry h4 a {
            color: #007ba5;
        }

            .newsEntry h4 a:hover {
                color: #006c91;
            }

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

.ourPartners {
    position: relative;
    width: 888px;
    margin: 0 0 30px;
    padding: 0 36px;
}

    .ourPartners .viewport {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 90px;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    .ourPartners .viewport {
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

    .ourPartners ul.items {
        list-style: none;
        width: 900px;
        overflow: hidden;
        margin: -12px -12px 0 0;
        padding: 0;
    }

.js .ourPartners ul.items {
    width: auto;
    height: 90px;
    margin: 0;
}

.ourPartners ul.items li {
    float: left;
    width: 168px;
    height: 90px;
    margin: 12px 12px 0 0;
    padding: 0;
    font-size: 10px;
    letter-spacing: 0;
}

.js .ourPartners ul.items li {
    margin: 0;
}

    .js .ourPartners ul.items li ~ li {
        margin-left: 12px;
    }

.ourPartners ul.items li span {
    display: block;
    width: 160px;
    height: 82px;
    margin: 0;
    padding: 0;
    border: 4px solid #e6e6e6;
    text-align: center;
    line-height: 80px;
}

    .ourPartners ul.items li span img {
        max-width: 154px;
        max-height: 80px;
    }

/*.ourPartners ul.items li span:hover
                {
                    border-color: #ef8e2d;
                }*/

.ourPartners ul.direction-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 10;
    height: 0;
    list-style: none;
    margin: -13px 0 0;
}

    .ourPartners ul.direction-nav li {
        position: absolute;
        top: 0;
        right: 0;
        width: 13px;
        height: 25px;
        margin: 0;
        padding: 0;
    }

        .ourPartners ul.direction-nav li:first-child {
            left: 0;
            right: auto;
        }

        .ourPartners ul.direction-nav li a {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: url('/images/our-partners-arrows.png') -15px 0 no-repeat;
            text-indent: 105%;
            white-space: nowrap;
            outline: none;
        }

        .ourPartners ul.direction-nav li:first-child a {
            background-position: 0 0;
        }

        .ourPartners ul.direction-nav li a.disabled {
            opacity: 0.3;
        }

.popularSearches {
    margin: 0 0 30px;
}

    .popularSearches > h3 {
        margin: 0 0 4px;
        padding: 0 15px;
        background: #007ba5;
        color: #fff;
        font-size: 18px;
        font-weight: normal;
        line-height: 40px;
        text-transform: uppercase;
    }

        .popularSearches > h3 > a {
            display: block;
            position: relative;
            margin: 0 -15px;
            padding: 0 15px;
            background: #007ba5;
            color: #fff;
            font-size: 18px;
            font-weight: normal;
            line-height: 40px;
            text-transform: uppercase;
        }

            .popularSearches > h3 > a:before {
                content: ' ';
                position: absolute;
                top: 50%;
                right: 15px;
                width: 11px;
                height: 22px;
                margin: -11px 0 0;
                background: url('/images/arrow-right-b.png') 50% 50% no-repeat;
            }

    .popularSearches ul {
        list-style: none;
        overflow: hidden;
        margin: 0 -2px;
        padding: 0;
        font-size: 0;
        letter-spacing: -5px;
    }

        .popularSearches ul li {
            display: inline-block;
            width: 237px;
            margin: 0;
            padding: 0 2px;
            font-size: 17px;
            font-weight: bold;
            line-height: 18px;
            letter-spacing: 0;
            vertical-align: top;
        }

            .popularSearches ul li a {
                display: block;
                position: relative;
                width: 100%;
                height: 170px;
            }

            .popularSearches ul li img {
                display: block;
                width: 100%;
                height: auto;
                margin: 0;
                max-height: 170px;
            }

            .popularSearches ul li span {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 36px;
                overflow: hidden;
                margin: 0;
                padding: 36px 20px 14px;
                background: url('/images/popular-searches-bg-grey.png') 0 100% no-repeat;
                color: #646464;
            }

.quickSearch {
    margin-top: 25px;
}

    .quickSearch p {
        position: relative;
        margin: 0 0 10px;
    }

    .quickSearch .field label {
        display: block;
        color: #4d4d4d;
        font-size: 14px;
        font-weight: normal;
        cursor: pointer;
    }

.js .quickSearch .field label {
    position: absolute;
    top: 0;
    left: 15px;
    line-height: 35px;
}

.quickSearch .field input {
    width: 100%;
    height: 35px;
    padding: 7px 10px;
    border: 4px solid #e6e6e6;
    background: #f7f7f7;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
}

.quickSearch .generateLink {
    margin-bottom: 10px;
}

    .quickSearch .generateLink + p {
        display: none;
    }

.quickSearch .field input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.quickSearch .field span.select {
    border: 4px solid #e6e6e6 !important;
    color: #666 !important;
    line-height: 26px !important;
}

.quickSearch p.action {
    margin: -3px 0 0;
    text-align: right;
}

.ratePotential {
    display: inline-block;
    width: 72px;
    height: 28px;
    overflow: hidden;
    background: url('/images/ratings-graph.png') 0 -150px no-repeat;
    text-indent: 105%;
    white-space: nowrap;
    vertical-align: top;
}

    .ratePotential.value0 {
        background-position: 0 -118px;
    }

    .ratePotential.value1 {
        background-position: 0 0;
    }

    .ratePotential.value2 {
        background-position: 0 -29px;
    }

    .ratePotential.value3 {
        background-position: 0 -60px;
    }

    .ratePotential.value4 {
        background-position: 0 -88px;
    }

.rateSeverity {
    display: inline-block;
    width: 78px;
    height: 22px;
    overflow: hidden;
    background: url('/images/ratings-skulls.png') -100px 100% no-repeat;
    text-indent: 105%;
    white-space: nowrap;
    vertical-align: bottom;
}

option.rateSeverity, option.ratePotential {
    display: block;
    width: 64px;
    height: 30px;
    text-indent: 125%;
    margin: 0 auto;
}

.rateSeverity.value0 {
    background-position: -80px 100%;
}

.rateSeverity.value1 {
    background-position: -60px 100%;
}

.rateSeverity.value2 {
    background-position: -40px 100%;
}

.rateSeverity.value3 {
    background-position: -20px 100%;
}

.rateSeverity.value4 {
    background-position: 0 100%;
}

.report {
    padding-top: 30px;
}

    .report .reportInfo {
        margin: 0 0 5px;
    }

        .report .reportInfo:after {
            display: block;
            overflow: hidden;
            clear: both;
            content: "";
            width: 100%;
            height: 0;
        }

        .report .reportInfo p.date {
            float: left;
            margin: 0;
            color: #a6a5a5;
            font-size: 14px;
            line-height: 25px;
        }

        .report .reportInfo p.ratings {
            float: right;
            margin: 0;
            text-align: right;
        }

            .report .reportInfo p.ratings .rateSeverity {
                margin: 0;
            }

            .report .reportInfo p.ratings .ratePotential {
                margin: 0 0 0 20px;
            }

    .report h1 {
        margin: 0 0 20px;
    }

    .report h2 {
        margin: 25px 0 15px;
        color: #4d4d4d;
        font-size: 1.25em;
        font-weight: bold;
        line-height: 1.25;
    }

    .report p.split {
        margin: 0 0 20px;
    }

        .report p.split:after {
            display: block;
            overflow: hidden;
            clear: both;
            content: "";
            width: 100%;
            height: 0;
        }

        .report p.split span {
            display: block;
            margin: 0;
        }

            .report p.split span:first-child {
                float: left;
                width: 185px;
                color: #a6a5a5;
            }

            .report p.split span + span {
                margin-left: 195px;
            }

    .report .details {
        margin: 0 0 20px;
        padding: 15px 15px 5px;
        background: #f7f7f7;
    }

        .report .details.sep {
            border-top: 2px solid #e6e6e6;
        }

.js .report .details {
    display: none;
}

.report .details p {
    margin: 0 0 10px;
}

    .report .details p:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

    .report .details p span {
        display: block;
        margin: 0;
    }

        .report .details p span:first-child {
            float: left;
            width: 170px;
            color: #a6a5a5;
        }

        .report .details p span + span {
            margin-left: 180px;
            color: #a1bd30;
        }

.report p.toggler {
    text-align: right;
}

    .report p.toggler a:after {
        content: '+';
    }

    .report p.toggler a.active:after {
        content: '-';
    }

.report figure.thumbnail {
    margin: 0 0 20px;
}

    .report figure.thumbnail a {
        display: block;
        position: relative;
        z-index: 1;
    }

        .report figure.thumbnail a:before {
            content: ' ';
            position: absolute;
            top: 0;
            right: 0;
            z-index: 0;
            width: 50px;
            height: 50px;
            overflow: hidden;
            background: url('/images/ico-loupe.png') no-repeat;
            text-indent: 105%;
            white-space: nowrap;
        }

    .report figure.thumbnail img {
        display: block;
        position: relative;
        z-index: -1;
        width: 307px;
        height: auto;
        max-height: 307px;
        margin: 0;
    }

.report p.action {
    margin: 0 0 20px;
}

.reportStatus {
}

    .reportStatus.fixed {
        position: fixed;
        top: 30px;
        left: 50%;
        z-index: 9999;
        width: 308px;
        margin: 0 0 0 172px;
    }

    .reportStatus .block {
        margin: 0;
        background: #f2f2f2;
    }

        .reportStatus .block h3 {
            margin: 0;
            padding: 0 15px;
            background: #c9c9c9;
            color: #fff;
            font-size: 18px;
            font-weight: normal;
            line-height: 40px;
            text-transform: uppercase;
        }

        .reportStatus .block:first-child h3 {
            background: #007ba5;
            color: #fff;
        }

        .reportStatus .block .content {
            margin: 0;
            padding: 15px 20px 20px;
        }

            .reportStatus .block .content p {
                width: 100%;
                overflow: hidden;
                margin: 10px 0 0;
                font-size: 14px;
                line-height: 16px;
                display: grid;
                grid-template-columns: 1fr 1fr;
            }

                .reportStatus .block .content p::after {
                    content: none;
                }

                .reportStatus .block .content p > span {
                    float: left;
                    /*width: 150px;*/
                    max-height: 48px;
                    margin-left: 5px;
                }
                .reportStatus .block .content p:first-child {
                    margin-top: 0;
                }
                    .reportStatus .block .content p > span:first-child {
                        /*width: 105px;*/
                        margin-left: 0;
                    }
                    .reportStatus .block .content p > span:last-child {
                        font-weight: bold;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }

.searchFilters {
    margin: 0 0 20px;
    background: #e6e6e6;
}

    .searchFilters:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

    .searchFilters > .column {
        float: left;
        width: 33.33%;
    }

    .searchFilters h3 {
        margin: 0 0 15px;
        color: #4d4d4d;
        font-size: 18px;
        font-weight: normal;
        line-height: 24px;
        text-transform: uppercase;
    }

    .searchFilters p.clearForm {
        margin: 0 0 15px;
        font-size: 14px;
        line-height: 24px;
        text-align: right;
    }

p.clearForm a {
    font-weight: bold;
}

.searchFilters .field {
    position: relative;
    margin: 0 0 9px;
}

    .searchFilters .field input[type=text],
    .searchFilters .field input[type=email],
    .searchFilters .field input[type=password] {
        width: 100%;
        height: 34px;
        padding: 10px;
        border: none;
        background: #fff;
        color: #a1bd30;
        font-size: 14px;
        font-weight: normal;
        line-height: 14px;
    }

.js .searchFilters .field span.select,
.js .quickSearch .field span.select {
    width: 100%;
    height: 34px;
    border: none;
    background: #fff url('/images/select-b.png') 100% 50% no-repeat;
    color: #b2b2b2;
    font-size: 14px;
    font-weight: normal;
    line-height: 34px;
}

.searchFilters .field input[type=text],
.searchFilters .field input[type=email],
.searchFilters .field input[type=password],
.searchFilters .field span.select,
.js .quickSearch .field span.select {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .searchFilters .field span.select.active,
    .js .quickSearch .field span.select.active {
        color: #a1bd30 !important;
    }

.searchFilters .field.date {
    width: 124px;
}

    .searchFilters .field.date label {
        color: #b2b2b2;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
    }

.js .searchFilters .field.date label {
    position: absolute;
    top: 0;
    left: 11px;
    line-height: 34px;
}

.searchFilters .field.date .calendar {
    position: absolute;
    top: 3px;
    right: 279px;
    width: 32px;
    height: 26px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: url('/images/ico-calendar.png') no-repeat;
    text-indent: 105%;
    white-space: nowrap;
    cursor: pointer;
}

.searchFilters .field.date img {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 32px;
    height: 26px;
    margin: 0;
    border: none;
    cursor: pointer;
}

.searchFilters .field.date input {
    padding-right: 40px;
}

.searchFilters .row {
    margin: 0 0 9px;
}

    .searchFilters .row:after {
        display: block;
        overflow: hidden;
        clear: both;
        content: "";
        width: 100%;
        height: 0;
    }

    .searchFilters .row p {
        float: left;
        margin: 0;
    }

        .searchFilters .row p.date ~ p.date {
            padding-left: 16px;
        }

            .searchFilters .row p.date ~ p.date label {
                left: 27px;
            }

            .searchFilters .row p.date ~ p.date:before {
                content: '-';
                position: absolute;
                top: 0;
                left: 0;
                width: 16px;
                height: 34px;
                margin: 0;
                padding: 0;
                color: #a1bd30;
                font-size: 14px;
                font-weight: normal;
                line-height: 34px;
                text-align: center;
            }

.searchFilters .filterGroup {
    padding: 10px 20px 0;
}

    .searchFilters .filterGroup.additionalFilters {
        padding-top: 0;
    }

.js .searchFilters .filterGroup.additionalFilters {
    display: none;
}

.js .searchFilters.open .filterGroup.additionalFilters {
    display: block;
}

.searchFilters .searchBlock {
    min-height: 192px;
    margin: 0;
    padding: 10px 20px 20px;
    background: #007ba5;
}

    .searchFilters .searchBlock + .filterGroup {
        margin-top: 42px;
    }

    .searchFilters .searchBlock h3 {
        color: #fff;
    }

    .searchFilters .searchBlock .field label {
        color: #fff;
        font-size: 17px;
        font-weight: normal;
        line-height: 24px;
    }

.js .searchFilters .searchBlock .field label {
    position: absolute;
    top: 0;
    left: 14px;
    color: #a1bd30;
    line-height: 34px;
}

.searchFilters .searchBlock .field input[type=text],
.searchFilters .searchBlock .field input[type=email],
.searchFilters .searchBlock .field input[type=password] {
    width: 100%;
    height: 34px;
    padding: 5px 10px;
    border: 3px solid #e6e6e6;
    background: #fff;
    color: #a1bd30;
    font-size: 17px;
    font-weight: normal;
    line-height: 18px;
}

.searchFilters .toggler {
    float: right;
    margin: 0 20px 15px;
    text-align: right;
}

    .searchFilters .toggler a:after {
        content: '+';
    }

.searchFilters.open .toggler a:after {
    content: '-';
}

.searchForm {
    padding-top: 20px;
    position: relative;
}

.searchForm-loading {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background: white;
    z-index: 10;
    opacity: 0.5;
}

img.hover {
    max-width: 300px;
    max-height: 300px;
}

a.showImage {
    display: inline-block;
    position: relative;
    width: 21px;
    height: 21px;
    overflow: hidden;
    background: url('/images/show-image-icon.png') no-repeat;
    text-indent: 105%;
    white-space: nowrap;
}

    a.showImage:hover {
        background-position: -21px 0;
    }

.subscribeNewsletter {
}

    .subscribeNewsletter p {
        position: relative;
        margin: 0 0 10px;
    }

    .subscribeNewsletter .field label {
        display: block;
        color: #a1bd30;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
    }

.js .subscribeNewsletter .field label {
    position: absolute;
    top: 0;
    left: 15px;
    line-height: 35px;
}

.subscribeNewsletter .field input {
    width: 100%;
    height: 35px;
    padding: 6px 10px;
    border: 4px solid #e6e6e6;
    background: #f7f7f7;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 15px;
}

.subscribeNewsletter .field input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.subscribeNewsletter p.action {
    margin: -3px 0 0;
    text-align: right;
}

.topUserMenu {
    float: right;
}

    .topUserMenu p {
        float: left;
        margin: 0 20px 0 0;
        font-size: 16px;
        line-height: 24px;
    }

    .topUserMenu ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .topUserMenu ul li {
            float: left;
            margin: 0;
            font-size: 16px;
            line-height: 24px;
        }

            .topUserMenu ul li ~ li {
                margin-left: 15px;
            }

                .topUserMenu ul li ~ li:before {
                    content: '|';
                    margin-right: 15px;
                    color: #97bf0d;
                }

            .topUserMenu ul li a {
                color: #97bf0d;
            }

                .topUserMenu ul li a:hover, .topUserMenu ul li.active a {
                    color: #84a70b;
                }

.topTermsMenu {
    float: right;
}

    .topTermsMenu ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .topTermsMenu ul li {
            float: left;
            margin: 0;
            font-size: 16px;
            line-height: 24px;
        }

            .topTermsMenu ul li ~ li {
                margin-left: 15px;
            }

            .topTermsMenu ul li a {
                color: #97bf0d;
            }

                .topTermsMenu ul li a:hover, .topUserMenu ul li.active a {
                    color: #84a70b;
                }

                .topTermsMenu ul li a img {
                    display: inline-block;
                    margin: -2px 0 0 2px;
                    vertical-align: middle;
                }

/* tables */
.tableReports {
    width: 100%;
}

    .tableReports thead th {
        padding: 15px 10px 5px;
        border: 1px solid #e6e6e6;
        border-width: 0 0 1px;
        background: #e6e6e6;
        color: #000;
        font-size: 12px;
        font-weight: normal;
        line-height: 14px;
        text-align: left;
        vertical-align: middle;
    }

        .tableReports thead th.sorting, .tableReports thead th.sorting_asc, .tableReports thead th.sorting_desc {
            outline: none;
            cursor: pointer;
        }

            .tableReports thead th.sorting_asc:after, .tableReports thead th.sorting_desc:after {
                content: ' ';
                display: inline-block;
                width: 7px;
                height: 4px;
                overflow: hidden;
                margin: -4px 0 0 4px;
                background: url('/images/sort-arrows-a.png') -10001px -10001px no-repeat;
                text-indent: 105%;
                white-space: nowrap;
                vertical-align: middle;
            }

            .tableReports thead th.sorting_asc:after {
                background-position: 0 -4px;
            }

            .tableReports thead th.sorting_desc:after {
                background-position: 0 0;
            }

    .tableReports tbody td {
        padding: 5px 10px;
        border: 1px solid #e6e6e6;
        border-width: 0 0 1px;
        color: #4d4d4d;
        font-size: 12px;
        font-weight: normal;
        line-height: 14px;
        text-align: left;
        vertical-align: middle;
    }

        .tableReports tbody td a {
            color: #f27020;
            cursor: pointer;
        }

        .tableReports tbody td.title a {
            color: #4d4d4d;
            cursor: pointer;
        }

        .tableReports tbody td a:hover {
            color: #d3580c;
        }

    .tableReports td.status {
        width: 76px;
        border-left-width: 1px;
        font-size: 0;
        letter-spacing: -5px;
        text-align: left;
    }

        .tableReports td.status img.icon {
            display: inline-block;
            width: 19px;
            margin: 0 3px;
            border: none;
            font-size: 10px;
            vertical-align: middle;
        }

        .tableReports td.status img.new:first-child,
        .tableReports td.status img.inProgress:first-child,
        .tableReports td.status img.completed:first-child {
            margin-left: 28px;
        }

        .tableReports td.status img.inDatabase:first-child {
            margin-left: 53px;
        }

    .tableReports.tableAproveUsers {
    }

        .tableReports.tableAproveUsers td {
            padding-top: 14px;
            padding-bottom: 14px;
        }

            .tableReports.tableAproveUsers td.company {
                font-weight: bold;
            }

            .tableReports.tableAproveUsers td.motivation {
                max-width: 200px;
                overflow: hidden;
            }

            .tableReports.tableAproveUsers th.view,
            .tableReports.tableAproveUsers td.view {
                border-left-width: 1px;
            }

    .tableReports.tableCompanies {
    }

        .tableReports.tableCompanies td {
            padding-top: 11px;
            padding-bottom: 11px;
        }

            .tableReports.tableCompanies td.company {
                max-width: 140px;
                font-weight: bold;
            }

            .tableReports.tableCompanies th.reports, .tableReports.tableCompanies td.reports {
                max-width: 60px;
            }

                .tableReports.tableCompanies th.reports.private, .tableReports.tableCompanies td.reports.private {
                    max-width: 50px;
                }

    .tableReports td.email a {
        display: block;
        width: 9px;
        height: 7px;
        background: transparent url('/images/email.png') no-repeat scroll center top;
    }

        .tableReports td.email a:hover {
            background-position: center bottom;
        }

    .tableReports td.edit {
        text-align: right;
    }

    .tableReports.tableCompanies td.edit a + a {
        margin-left: 20px;
    }

    .tableReports th.reports,
    .tableReports td.reports {
        width: 100px;
        border-left-width: 1px;
        text-align: right;
    }

        .tableReports td.reports a {
            margin-left: 10px;
        }

    .tableReports.tableLatestNearMissReports {
    }

        .tableReports.tableLatestNearMissReports td.photo {
            width: 21px;
            padding-left: 0;
            padding-right: 0;
            color: #e6e6e6;
            font-size: 0;
        }

        .tableReports.tableLatestNearMissReports td.title {
            font-weight: bold;
        }

        .tableReports.tableLatestNearMissReports td.company {
            width: 110px;
        }

        .tableReports.tableLatestNearMissReports th.edit,
        .tableReports.tableLatestNearMissReports td.edit {
            border-left-width: 1px;
        }

    .tableReports.tableLatestOnePagers {
    }

        .tableReports.tableLatestOnePagers td.date {
        }

        .tableReports.tableLatestOnePagers td.title {
            font-weight: bold;
        }

    .tableReports.tableSearch {
    }

        .tableReports.tableSearch th.photo,
        .tableReports.tableSearch td.photo {
            width: 21px;
            padding-left: 0;
            padding-right: 0;
            color: #e6e6e6;
            font-size: 0;
        }

        .tableReports.tableSearch td.title {
            font-weight: bold;
        }

        .tableReports.tableSearch th.eventHeading,
        .tableReports.tableSearch td.eventHeading {
            width: 140px;
            border-left-width: 1px;
        }

        .tableReports.tableSearch th.onboard,
        .tableReports.tableSearch td.onboard {
            width: 100px;
        }

        .tableReports.tableSearch th.severity,
        .tableReports.tableSearch td.severity {
            width: 63px;
            padding-right: 5px;
            border-left-width: 1px;
        }

            .tableReports.tableSearch td.severity span {
                display: inline-block;
                width: 50px;
                height: 13px;
                overflow: hidden;
                background: url('/images/ratings-skulls-black.png') -63px 0 no-repeat;
                text-indent: 105%;
                white-space: nowrap;
                vertical-align: middle;
            }

                .tableReports.tableSearch td.severity span.value0 {
                    background-position: -50px 0;
                }

                .tableReports.tableSearch td.severity span.value1 {
                    background-position: -38px 0;
                }

                .tableReports.tableSearch td.severity span.value2 {
                    background-position: -25px 0;
                }

                .tableReports.tableSearch td.severity span.value3 {
                    background-position: -12px 0;
                }

                .tableReports.tableSearch td.severity span.value4 {
                    background-position: 0 0;
                }

        .tableReports.tableSearch th.potential {
            width: 60px;
            padding-left: 5px;
        }

        .tableReports.tableSearch td.potential {
            width: 60px;
            padding-left: 0;
            text-align: center;
        }

            .tableReports.tableSearch td.potential span {
                display: inline-block;
                width: 42px;
                height: 16px;
                overflow: hidden;
                background: url('/images/ratings-graph-black.png') no-repeat;
                text-indent: 105%;
                white-space: nowrap;
                vertical-align: middle;
            }

                .tableReports.tableSearch td.potential span.value0 {
                    background-position: 0 0;
                }

                .tableReports.tableSearch td.potential span.value1 {
                    background-position: 0 -20px;
                }

                .tableReports.tableSearch td.potential span.value2 {
                    background-position: 0 -40px;
                }

                .tableReports.tableSearch td.potential span.value3 {
                    background-position: 0 -60px;
                }

                .tableReports.tableSearch td.potential span.value4 {
                    background-position: 0 -80px;
                }

        .tableReports.tableSearch th.edit {
            border-left-width: 1px;
            color: #e6e6e6;
            font-size: 0;
        }

        .tableReports.tableSearch td.edit {
            border-left-width: 1px;
        }


/* forms */
input:focus,
textarea:focus {
    outline: none;
}

span.select {
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.js span.multipleselect select {
    border: 3px solid #e6e6e6;
    color: #000;
    width: 390px;
    font: normal 12px/23px Arial,sans-serif;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.js span.select {
    display: inline-block;
    position: relative;
    height: 25px;
    border: 1px solid #d5d5d5;
    background: #fff url('/images/select-a.png') 100% 50% no-repeat;
    color: #000;
    font: normal 12px/23px Arial,sans-serif;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .js span.select span {
        display: block;
        position: absolute;
        left: 9px;
        top: 0;
        bottom: 0;
        right: 24px;
        overflow: hidden;
        height: 100%;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .js span.select select {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        height: 100%;
        margin: 0 !important;
        border: none;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        cursor: pointer;
    }

    .js span.select.loading {
        background-image: url('images/spinner.gif') !important;
        background-position: 50% 95% !important;
    }

    .js span.select select option {
        padding: 0 8px;
    }

/* buttons */
.button {
    display: inline-block;
    height: 32px;
    padding: 0 25px;
    border: none;
    background: #c9c9c9;
    color: #fff !important;
    font-size: 17px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    text-decoration: none !important;
    outline: none;
    cursor: pointer;
}

.button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .button:hover {
        background: #a9a9a9;
    }

    .button + .button {
        margin-left: 7px;
    }

    .button.green {
        background: #a1bd30;
    }

        .button.green:hover {
            background: #84a70b;
        }

    .button.orange {
        background: #ef8e2d;
    }

        .button.orange:hover {
            background: #d97f25;
        }

    .button.black {
        height: 27px;
        background-color: #3b3b3b;
        font-size: 14px;
        line-height: 27px;
    }

        .button.black:hover {
            background-color: #000;
        }

    .button.darkgrey {
        background-color: #4d4d4d;
    }

        .button.darkgrey:hover {
            background-color: #000;
        }

    .button.small {
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }

.imageButton {
    display: block;
    position: relative;
    height: 50px;
    overflow: hidden;
    padding: 0 50px 0 15px;
    border: none;
    background: #a1bd30;
    color: #fff !important;
    font-size: 17px;
    font-weight: normal;
    line-height: 50px;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none !important;
    outline: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imageButton {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .imageButton:before {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50px;
        background: #90a92b url('/images/image-button-icons.png') -10001px -10001px no-repeat;
    }

    .imageButton.orange {
        background-color: #ef8e2d;
    }

        .imageButton.orange:before {
            background-color: #eb7c0e;
        }

    .imageButton.red {
        background-color: #e50b0a;
    }

        .imageButton.red:before {
            background-color: #c40909;
        }

        .imageButton.red.delete {
            width: 308px;
        }

    .imageButton.green.edit {
        width: 308px;
    }


    .imageButton.doc:before {
        background-position: 0 0;
    }

    .imageButton.pdf:before {
        background-position: -50px 0;
    }

    .imageButton.mail:before {
        background-position: -100px 0;
    }

.panelToggler, .panelToggler:hover {
    display: inline-block;
    color: #4d4d4d;
    font-size: 17px;
    font-weight: normal;
    line-height: 30px;
    vertical-align: top;
    outline: none !important;
}

    .panelToggler:after, .panelToggler.collapse:after {
        content: '-';
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0 0 0 10px;
        background: #a1bd30;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        vertical-align: top;
    }

    .panelToggler.expand:after {
        content: '+';
    }

/* specific */
.ui-datepicker {
    width: 240px;
    padding: 0;
    display: none;
    border: 3px solid #e6e6e6;
    background: #fff;
    z-index: 9999 !important;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 30px;
        height: 30px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: #a1bd30;
        text-indent: 105%;
        white-space: nowrap;
        cursor: pointer;
    }

        .ui-datepicker .ui-datepicker-prev:before,
        .ui-datepicker .ui-datepicker-next:before {
            content: ' ';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            margin: -8px 0 0;
            padding: 0;
            border: 8px solid #fff;
        }

        .ui-datepicker .ui-datepicker-prev:before {
            margin-left: -13px;
            border-color: transparent #fff transparent transparent;
        }

        .ui-datepicker .ui-datepicker-next:before {
            margin-left: -3px;
            border-color: transparent transparent transparent #fff;
        }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        background-color: #84a70b;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

        .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;
        padding: 0;
        font-size: 13px;
        line-height: 34px;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        table-layout: fixed;
        margin: 0;
        border-collapse: collapse;
    }

    .ui-datepicker th {
        padding: 1px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        border: 1px solid #e6e6e6;
        border-width: 1px 0 0 1px;
    }

    .ui-datepicker td {
        border: 1px solid #e6e6e6;
        border-width: 1px 0 0 1px;
        padding: 1px;
        font-size: 13px;
        font-weight: bold;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            height: 28px;
            padding: 0 4px;
            line-height: 28px;
            text-align: center;
            text-decoration: none;
        }

        .ui-datepicker td .ui-state-default {
            background: #f9f9f9;
            color: #999;
        }

        .ui-datepicker td .ui-state-hover {
            background: #f0f0f0;
            color: #4d4d4d;
        }

        .ui-datepicker td .ui-state-active {
            background: #a1bd30;
            color: #fff;
        }

    .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: 100%;
        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;
    }

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    margin: 0;
    padding: 0;
    border: 1px solid #dbdbdb;
    background: #fff;
}

    .ui-tooltip .ui-tooltip-content {
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 1.5;
    }

        .ui-tooltip .ui-tooltip-content p {
            margin: 5px;
        }

/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
    margin-bottom: 0;
}

    .fancybox-wrap div, .fancybox-wrap p {
        margin-bottom: 0;
    }

.fancybox-skin {
    position: relative;
    margin: 0;
    padding: 0;
    background: url('/images/fancybox/overlay-b.png');
    background: rgba(0,0,0,0.2);
    color: #444;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
    min-width: 500px;
    min-height: 350px;
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-outer, .fancybox-inner {
    position: relative;
    margin: 0;
    padding: 0;
    outline: none;
}

.fancybox-inner {
    overflow: hidden;
    min-width: 488px;
    min-height: 340px;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    margin: 0;
    padding: 10px;
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 8020;
    margin-top: -25px;
    margin-left: -25px;
    background-position: 0 -150px;
    opacity: 0.8;
    cursor: pointer;
}

    #fancybox-loading div {
        width: 50px;
        height: 50px;
        background: url('/images/fancybox/fancybox_loading.gif') center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 8040;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.fancybox-nav {
    position: absolute;
    top: 50%;
    z-index: 8040;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    cursor: pointer;
    background: transparent url('/images/fancybox/blank.gif');
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fancybox-prev {
    left: 0px;
}

.fancybox-next {
    right: 0px;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    z-index: 8040;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    cursor: pointer;
    visibility: hidden;
}

.fancybox-prev span {
    left: 0;
    background-position: 0 -50px;
}

.fancybox-next span {
    right: 0;
    background-position: 0 -100px;
}

.fancybox-outer:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 0;
    overflow: visible;
    visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8010;
    background: #000;
    overflow: hidden;
    margin: 0;
}

    #fancybox-overlay.overlay-fixed {
        position: fixed;
        bottom: 0;
        right: 0;
        background: url('/images/fancybox/overlay-a.png');
        background: rgba(35,31,32,0.6);
    }
/* Title helper */
.fancybox-title {
    position: relative;
    z-index: 8050;
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: none;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    z-index: 8030;
    margin-bottom: -35px;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    margin-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

#loginModalTable {
    width: 100%;
}

    #loginModalTable td {
        vertical-align: top;
        width: 50%;
    }

    #loginModalTable .field {
        width: 370px;
    }

        #loginModalTable .field input[type=text],
        #loginModalTable .field input[type=email],
        #loginModalTable .field input[type=password] {
            width: 100%;
            height: 25px;
            padding: 6px 10px;
            border: 3px solid #e6e6e6;
            background: #fff;
            color: #a1bd30;
            font-size: 15px;
            font-weight: normal;
            line-height: 20px;
        }

    #loginModalTable button#loginSubmit {
        float: right;
    }


#tableUsers {
}

    #tableUsers td {
        vertical-align: top;
    }

.tableUsers .companyname {
    max-width: 90px;
}

.tableUsers .email, .tableUsers .usertype, .tableApproveUsers .email, .tableApproveUsers .phone {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tableUsers tbody input, #tableUsers tbody select {
    margin: 2px;
    padding: 3px;
    background: white;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
}

.bottomToolbar.userAction {
    font-size: 90%;
}

    .bottomToolbar.userAction tr {
        float: left;
    }

        .bottomToolbar.userAction tr td {
            vertical-align: top;
        }

p.field {
}

    p.field label {
    }

/* custom */

.grid_8, .grid_4 {
    min-height: 1px;
}

.blockReports .ships {
    display: none;
}

.blockReports.shipsVisible .ships {
    display: block;
}

/* safety learning display */
table .imageCell img {
    max-width: 300px;
}

.subcolumns {
    width: 100%;
}

    .subcolumns .c25l,
    .subcolumns .c25r {
        width: 25%;
    }

    .subcolumns .c50l,
    .subcolumns .c50r {
        width: 50%;
    }

    .subcolumns .c75l,
    .subcolumns .c75r {
        width: 75%;
    }

.c25l, .c50l, .c75l {
    float: left;
}

.c25r, .c50r, .c75r {
    float: right;
}

/* Error styling */
textarea.error, span.textarea.error {
    border: 3px solid #ff0000 !important;
}

input[type=text].error, span.select.error {
    border: 3px solid #ff0000 !important;
}

.blockReports input[type=text].error, .blockReports textarea.error {
    border: 3px solid #ff0000 !important;
}

.blockReports span.select.error {
    border: 3px solid #ff0000 !important;
}

/* view one pager */
.specialUnderline {
    border-bottom: 6px solid #e6e6e6;
    line-height: 24px;
    font-size: 20px;
    text-align: right;
    margin-bottom: 10px;
    color: #007ba5;
}

    .specialUnderline > span {
        color: #007ba5;
        border-bottom: 6px solid #007ba5;
        margin-bottom: -6px;
        text-transform: uppercase;
        font-weight: normal;
    }

.pdfTemplate .imageContainer {
    max-width: 50%;
    max-height: 200px;
    overflow: hidden;
    float: left;
}

    .pdfTemplate .imageContainer img {
        width: 98%;
        margin: 1%;
    }

.pdfTemplate h1 {
    margin-top: 5px;
}

.pdfTemplate h4, .pdfTemplate h4 span {
    color: #a1bd30 !important;
    font-size: 26px;
    margin: 30px 0;
    padding-top: 10px;
    font-weight: normal;
    border-top: 2px solid #a1bd30;
}

.pdfTemplate .eventDescription {
    padding-bottom: 20px;
    border-bottom: 2px solid #e6e6e6;
}

.pdfTemplate .date {
    color: #a6a5a5;
    font-size: 14px;
}

.pdfFooter {
    color: #a6a5a5;
    border-top: 6px solid #e6e6e6;
    padding-top: 10px;
}

    .pdfFooter > img {
        width: 80px;
        margin-right: 20px;
        vertical-align: top;
    }

    .pdfFooter > * {
        display: inline-block;
    }

    .pdfFooter > div {
        text-align: right;
        width: 495px;
    }

/* special table styles */
#tableApproveUsers td.edit a {
    display: block;
    min-width: 60px;
    margin: 5px 0 0 0;
}

    #tableApproveUsers td.edit a:first-child {
        margin-top: 0;
    }

#tableShips td.fleet {
    font-weight: bold;
}

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

    .reveal-modal {
        left: 0% !important;
        margin-left: 0 !important;
    }
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.reveal-modal-bg
{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal
{
    visibility: hidden;
    top: 50px;
    left: 50%;
    margin-left: -480px;
    width: 880px;
    background: #fff url('') no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal .checkboxModal {
    
}
    .reveal-modal.small
    {
        width: 200px;
        margin-left: -140px;
    }

    .reveal-modal.medium
    {
        width: 400px;
        margin-left: -240px;
    }

    .reveal-modal.large
    {
        width: 600px;
        margin-left: -340px;
    }

    .reveal-modal.xlarge
    {
        width: 800px;
        margin-left: -440px;
    }

    .reveal-modal.loading
    {
        background-image: url('images/spinner.gif');
        background-position: 50% 95%;
    }

    .reveal-modal .close-reveal-modal
    {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0px;
        right: 0px;
        cursor: pointer;
        background-image: url('images/close-a.png')
    }
/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.subheading {
    margin: 0;
    color: #007ba5;
    line-height: 1.43em;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: -10px;
}

/*
 * HTML5 Boilerplate - HELPERS SECTION
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 */

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

/* For image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
    .ir br { display: none; }

/* 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; }

/* Contain floats: h5bp.com/q  / Adding .clearfix to an element will ensure that it always fully contains its floated children / More details: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/*!
 * jQuery UI Tabs 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.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 li a {
	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 a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}