/**********************
 **********************
 **                  **
 **   Reset Styles   **
 **                  **
 **********************
 **********************/

 html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    font-family: 'Roboto', 'Arial', sans-serif;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    border: none;
	background-color: inherit;
	cursor: pointer;
	outline: none!important;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: #39393c;
    font-size: 10pt;
    /* fix for safari issue that sometimes renders fonts as antialiased when
    transforms are happening, that causes the whole page's font weight
    to change and then back again which is very jarring. */
    -webkit-font-smoothing: subpixel-antialiased;
}

ol, ul {
    list-style: none;
}

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

body, div, h1, h2, h3, h4, h5, p, li {
    color: #39393c;
}

a, a * {
	cursor: pointer;
}

a {
    color: #1a99d6;
    user-select: none;
    -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

    a:hover {
        color: #0a83be;
    }

    a:active, a:focus {
        outline: none;
        ie-dummy: expression(this.hideFocus=true);
    }

p {
    font-size: 10pt;
    line-height: 18px;
}

::selection {
    color: #fff;
    background: #1a99d6;
}

::-moz-selection {
    color: #fff;
    background: #1a99d6;
}

h1 {
    font-size: 21pt;
    font-weight: normal;
}

h2 {
    font-size: 17pt;
    font-weight: normal;
}

h3 {
    font-size: 14pt;
    font-weight: normal;
}

h4 {
    font-size: 11pt;
    font-weight: bold;
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #616163;
}

strong, b {
    font-weight: bold;
    font-weight: 600;
}

input, textarea {
    cursor: text;
}

select {
    padding: 7px 25px 7px 10px;
    height: 33px;
    font-family: "Roboto", Arial;
    font-size: 10pt;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/static/assets/images/arrows/triangles_Vertical.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
    background-position: right 10px top -136px;
    background-repeat: no-repeat;
}

input, textarea, select {
    border: solid 1px #e0e0e0;
    outline-color: #0a83be;
    background-color: #fff;
}

    input.placeholder, textarea.placeholder {
        color: #b5bbbd;
    }

    input::-webkit-input-placeholder,
    input::-moz-placeholder,
    input:-ms-input-placeholder,
    input:-moz-placeholder,
    input:placeholder-shown,
    input::placeholder,
    select::-webkit-input-placeholder,
    select::-moz-placeholder,
    select:-ms-input-placeholder,
    select:-moz-placeholder,
    select:placeholder-shown,
    select::placeholder,
    textarea::-webkit-input-placeholder,
    textarea::-moz-placeholder,
    textarea:-ms-input-placeholder,
    textarea:-moz-placeholder,
    textarea:placeholder-shown,
    textarea::placeholder {
        opacity: 1;
        color: #b5bbbd;
    }

    /* Hide the "clear" image that IE 10 adds to inputs */
    input::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }

    input:focus, textarea:focus, select:focus {
        background-color: #fff;
        outline: #0a83be 2px solid;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
        outline-color: #0a83be;
    }



/***********************
 ***********************
 **                   **
 **   Common Styles   **
 **                   **
 ***********************
 ***********************/

.Clear {
    clear: both;
}

.Hidden {
    display: none;
}

.filled-box {
    border: Solid 1px #1a99d6;
    background-color: White;
}

.filled-box2 {
    border: Solid 1px #e0e0e0;
    background-color: #eff1f2;
}

.filled-box3 {
    border: solid 1px #1a99d6;
    background-color: #1a99d6;
    padding: 2px;
    color: White;
}

    .filled-box3 h1, .filled-box3 h2, .filled-box3 h3, .filled-box3 h4, .filled-box3 p {
        color: White;
    }

    .filled-box3 a {
        color: White;
    }

        .filled-box3 a:hover {
            color: White;
        }

.filled-box3-button {
    padding: 7px;
    border: solid 1px #1a99d6;
    cursor: pointer;
    height: 100%;
}

    .filled-box3-button a, .filled-box3-button a:hover {
        text-decoration: none;
    }

.filled-box3-button-hover {
    background: #82b84c top left repeat-x url(filled-box3-button-hover.gif?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
    color: #08376b;
    border: solid 1px #08376b;
}

    .filled-box3-button-hover a, .filled-box3-button-hover a:hover {
        color: #08376b !important;
    }

.filled-box3-button-disabled {
    cursor: default;
}

    .filled-box3-button-disabled a {
        text-decoration: line-through !important;
        cursor: default !important;
        color: #bcd6f0 !important;
    }

        .filled-box3-button-disabled a:hover {
            text-decoration: line-through !important;
            cursor: default !important;
            color: #bcd6f0 !important;
        }

.border {
    border: Solid 1px #0c3a6d;
}

.border2 {
    border: Solid 1px #bcd6f0;
}

.separator1 {
    border-bottom: Solid 1px #08376b;
}

.separator2 {
    border-bottom: Solid 1px #bcd6f0;
}



/*********************
 *********************
 **                 **
 **   Grid Styles   **
 **                 **
 *********************
 *********************/

.Grid {
    table-layout: fixed;
}

    .Grid, .Grid tr, .Grid tr td {
    }

        .Grid tr {
            padding: 10px 0 10px 0;
            font-size: 10pt;
            overflow: auto;

			-moz-transition: background 0.2s linear;
			-o-transition: background 0.2s linear;
			-webkit-transition: background 0.2s linear;
			transition: background 0.2s linear;
        }

        .Grid th {
            color: #39393c;
            font-weight: bold;
            font-weight: 700;
            font-size: 10pt;
            text-align: left;
            padding: 17px 3px 14px 2px;
            border-top: solid 1px #e0e0e0;
            border-bottom: solid 1px #e0e0e0;
            background-color: #fff;
        }

            .Grid th a,
            .Grid th div {
                color: #39393c;
                font-weight: bold;
                text-decoration: none;
            }

        .Grid td {
            padding: 10px 3px 10px 2px;
            border-bottom: solid 1px #eff1f2;
            overflow: hidden;
            white-space: nowrap;
            cursor: default;
            line-height: 16px;
        }

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

        .Grid tr.Sel {
            background-color: #eef8fd;
        }

        .Grid tr.Hov {
            background-color: #f5fbfe;
        }

        .Grid tr.Footer td {
            background-color: #fff;
            color: #444;
        }

        .Grid td.AlignRight, .Grid th.AlignRight {
            text-align: right;
            padding-right: 10px;
        }

        .Grid td div.Checkbox, .Grid th div.Checkbox {
            margin-left: 20px;
            height: 12px;
            width: 12px;
            border: solid 1px #e0e0e0;
            background-color: #ffffff;
        }

        .Grid th div.Checkbox {
            margin-left: 6px;
        }

            .Grid tr.Sel td div.Checkbox, .Grid tr.Sel th div.Checkbox, .Grid th div.Checkbox.Checked {
                background-image: url(/static/assets/images/Checkbox_check.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
                background-position: center;
                background-repeat: no-repeat;
            }

		a.GridButton,
		.Grid td a.Button {
            padding: 2px 5px 2px 4px;
            display: block;
            margin-right: 2px;
            height: 16px;
            font-size: 10pt;
            text-align: center;
        }

			a.GridButton:hover,
            .Grid td a.Button:hover {
            }

            .Grid td a.Button.Report {
                padding-right: 0;
                padding-left: 0;
                width: 31px;
                background-image: url(GridReport.png?v=e1918fe7a9454ba346fb0bf2a3d18903b538731f);
                background-repeat: no-repeat;
                background-position: center center;
            }

            .Grid td a.Button.Reports {
                padding-right: 0;
                padding-left: 0;
                width: 39px;
                background-image: url(GridReports.png?v=d5bc90fadfc754c04868e98a5bb879f1281ce9c9);
                background-repeat: no-repeat;
                ;
                background-position: center center;
            }

            .Grid td a.Button.Delete {
                padding-right: 0;
                padding-left: 0;
                width: 31px;
                border: Solid 1px #d03a3a;
                background-color: #d03a3a;
            }

            .Grid td a.Button.Delete:before {
                display: inline-block;
                content: "";
                padding: 8px 12px;;
                background-image: url(/static/assets/images/delete_white.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
                background-position: center;
                background-repeat: no-repeat;
                background-size: 12px;
            }

            .Grid td a.Button.Delete:hover {
                border: solid 1px #bd2a2a;
                background-color: #bd2a2a;
            }

        .Grid th .ColumnHeader {
            display: inline-block;
        }

            .Grid th .ColumnHeader.SortArrowAscending:after {
                content: "";
                width: 0;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid #39393c;
                display: inline-block;
                top: -3px;
                position: relative;
            }

            .Grid th .ColumnHeader.SortArrowDescending:after {
                content: "";
                width: 0;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid #39393c;
                display: inline-block;
                top: -3px;
                position: relative;
            }

.GridHeaderScroll {
    top: 0px;
    position: fixed;
    box-shadow: 0px 4px 10px -5px #5a5a5a;
    -moz-box-shadow: 0px 4px 10px -5px #5a5a5a;
    -webkit-box-shadow: 0px 4px 10px -5px #5a5a5a;
}

.GridFooter {
    overflow: auto;
    margin: 0;
	padding: 12px 20px 9px;
    height: 12px;
    font-size: 8.5pt;
    color: #8b9397;
    border-top: solid 1px #e0e0e0;
    background-color: #fff;
}

.GridFooter  * {
    font-size: 8.5pt;
    color: #8b9397;
}



/*********************
 *********************
 **                 **
 **   Star Styles   **
 **                 **
 *********************
 *********************/

a.Star, div.Star {
    background-position: center;
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
    background-image: url(/static/assets/images/stars_small.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
}

a.Star {
    cursor: pointer;
    display: inline-block;
}

div.Star {
    cursor: default;
    display: block;
}

    a.Star.Empty, div.Star.Empty {
        background-position: 0 0;
    }

        a.Star.Empty:hover {
            background-position: 0 -19px;
        }

    a.Star.Filled, div.Star.Filled {
        background-position: 0 -38px;
    }

        a.Star.Filled:hover {
            background-position: 0 -57px;
        }



/***********************
 ***********************
 **                   **
 **   Button Styles   **
 **                   **
 ***********************
 ***********************/
a.Button {
    display: inline-block;
    padding: 10px 20px;
    border: solid 1px #1a99d6;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    background-color: #1a99d6;
    font-size: 11pt;
    font-weight: 400;
    cursor: pointer;

	-moz-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	-webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
}

    a.Button.Secondary {
        background-color: #1a99d6;
        color: #fff;
        border: Solid 1px #1a99d6;
        text-shadow: none;
    }

        a.Button.Secondary:hover {
            color: #fff !important;
            background-color: #0a83be;
        }

    a.Button.Large {
        padding: 15px 30px;
        font-size: 13pt;
        font-weight: 400;
    }

    a.Button.Small {
        padding: 10px 15px;
        font-size: 10pt;
        line-height: 10px;
    }

    a.Button.ExtraSmall {
        padding: 6px 8px;
        font-size: 10pt;
        line-height: 11px;
    }

    a.Button:hover,
    a.Button:focus,
    a.SearchButton:hover {
        color: #fff;
        background-color: #0a83be;
        border-color: #0a83be;
    }

    a.Button:active,
    a.SearchButton:active {
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        background-color: #0a83be;
        border-color: #0a83be;
        outline: none;
        ie-dummy: expression(this.hideFocus=true);
    }

    a.Button:focus,
    a.SearchButton:focus {
        outline: none;
        ie-dummy: expression(this.hideFocus=true);
    }

    a.Button.Submit {
        border: Solid 1px #6ebe44;
        background-color: #6ebe44;
        color: #fff;
    }

        a.Button.Submit:hover,
        a.Button.Submit:focus {
            border: solid 1px #1a99d6;
            background-color: #1a99d6;
            color: #fff;
        }

    a.Button.Critical {
        border: Solid 1px #d03a3a;
        background-color: #d03a3a;
        color: #fff;
    }

        a.Button.Critical:hover {
            border: solid 1px #bd2a2a;
            background-color: #bd2a2a;
            color: #fff;
        }

    a.Button.Disabled,
    a.Button.Disabled:hover,
    a.Button.Disabled:active,
    a.Button.Disabled:focus {
        border: Solid 1px #e0e0e0;
        background-color: #e0e0e0;
        color: #8c8c8c !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-shadow: none;
    }

	a.Button.Disabled,
	a.Button.Disabled * {
		cursor: default;
	}

    a.Button.DropDown,
    a.Button.DropDown2 {
        padding-right: 32px;
        background-position: right center;
        background-repeat: no-repeat;
    }

    a.Button.Small.DropDown,
    a.Button.Small.DropDown2 {
        padding-right: 24px;
    }

    a.Button.DropDown {
        background-image: url(DropDownButtonArrow.svg?v=bc0a3a20e23d3e7b5b0986d4724381befefd49be);
    }

        a.Button.DropDown.Disabled {
            background-image: url(DropDownButtonArrow-dis.svg?v=e8dc90fa11d98725b3a0f1636cf5aaa4701dec6b);
        }

    a.Button.DropDown2 {
        background-image: url(DropDownButtonArrow2.svg?v=7f7f5a91ca9cefeebee83da305ca11799ba9b3ea);
    }

        a.Button.DropDown2.Disabled {
            background-image: url(DropDownButtonArrow2-dis.svg?v=b433a0d9b9f9935e81a68e617ad5d3887bea6c5e);
        }

a.SearchButton {
    display: inline-block;
    padding: 4px 8px 3px 8px;
    height: 29px;
    width: 40px;
    border: solid 1px #1a99d6;
    border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
    color: #fff;
    text-decoration: none;
    background: #1a99d6 url(/static/assets/images/search_button.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) center no-repeat;
    font-size: 11pt;
    font-weight: 400;
    cursor: pointer;
}




/*********************
 *********************
 **                 **
 **   Menu Styles   **
 **                 **
 *********************
 *********************/

.MenuDropDown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 5px;
    margin: 0;
    list-style: none;
    border: solid 1px #e0e0e0;
    border-radius: 3px;
    background-color: white;
    box-shadow: 3px 5px 10px -5px #5a5a5a;
    -moz-box-shadow: 3px 5px 10px -5px #5a5a5a;
    -webkit-box-shadow: 3px 5px 10px -5px #5a5a5a;
    text-align: left;
}

    .MenuDropDown .MenuListItem {
        white-space: nowrap;
        border-radius: 3px;
        padding: 5px 10px;
        line-height: 18px;
        font-size: 10pt;
        display: block;
        text-align: left;
    }

	.MenuDropDown .MenuListItem.HasSubMenu {
        background: url(/static/assets/images/arrows/Triangles_Horizontal.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) no-repeat 95% -182px;
    }

    .MenuDropDown a {
        font-weight: normal;
        white-space: nowrap;
        text-decoration: none;
        text-align: left;
        cursor: pointer;
    }

        .MenuDropDown a,
        .MenuDropDown a * {
            cursor: pointer;
        }

            .MenuDropDown a:hover {
                color: #ffffff;
                text-decoration: none;
                background-color: #1a99d6;
            }

			.MenuDropDown .MenuListItem.HasSubMenu:hover {
				background: #1a99d6 url(/static/assets/images/arrows/Triangles_Horizontal.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) no-repeat 95% -278px;
			}

			.MenuDropDown .MenuListItem.HasSubMenu.Hov {
				color: #ffffff;
                text-decoration: none;
                background: #1a99d6 url(/static/assets/images/arrows/Triangles_Horizontal.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) no-repeat 95% -278px;
			}

    .MenuDropDown .LinkHover {
        color: #ffffff;
        text-decoration: none;
        background-color: #0a83be;
    }

    .MenuDropDown .DisabledLink, .MenuDropDown .DisabledLink:hover {
        padding: 0;
        color: Silver;
        pointer-events: none;
        cursor: default;
        white-space: nowrap;
        padding: 3px 15px;
        line-height: 15px;
        font-size: 9pt;
        display: block;
    }

    .MenuDropDown .Header {
        padding: 0 0 3px 15px;
        margin: 0;
        color: Gray;
    }

    .MenuDropDown .Divider {
        padding: 0 0 3px 0;
        margin: 0 0 3px 0;
        border-bottom: 1px solid #e5e5e5; /* Need for IE 7 */
        line-height: 0px;
        font-size: 0px;
    }



/***********************
 ***********************
 **                   **
 **   Filter Styles   **
 **                   **
 ***********************
 ***********************/

.FilterListHeader {
    margin: 14px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #e0e0e0;
	font-size: 10pt;
    font-weight: 600;
    line-height: 21px;
    text-transform: uppercase;
    color: #444;
}

.FilterList {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .FilterList li {
        margin: 0;
    }

        .FilterList li a {
            font-size: 10pt;
            display: block;
            border-radius: 3px;
            padding: 10px 0 10px 10px;
            color: #1a99d6;
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;

			-moz-transition: background 0.2s linear;
			-o-transition: background 0.2s linear;
			-webkit-transition: background 0.2s linear;
			transition: background 0.2s linear;
        }

            .FilterList li a:hover {
                font-size: 10pt;
                color: #fff;
                background-color: #0a83be;
            }

            .FilterList li a.Selected,
            .FilterList li a.Selected:hover {
                color: #fff;
                background-color: #1a99d6;
            }

            .FilterList li a.Disabled, .FilterList li a.Disabled:hover {
                color: #888;
                background-color: #fff;
                cursor: default;
            }



/**************************
 **************************
 **                      **
 **   Scrollbar Styles   **
 **                      **
 **************************
 **************************/

.Scrollable {
    overflow: visible;
    overflow-y: auto;
    overflow-x: hidden;
}

    .Scrollable::-webkit-scrollbar {
        width: 10px;
        min-height: 10px;
    }

    .Scrollable::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    }

    .Scrollable::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
        background-color: #d9ecff;
        border-radius: 10px;
    }

.HorizontalScrollable {
    overflow: visible;
    overflow-y: hidden;
    overflow-x: auto;
}

    .HorizontalScrollable::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        min-height: 10px;
    }

    .HorizontalScrollable::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    }

    .HorizontalScrollable::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
        background-color: #d9ecff;
        border-radius: 10px;
    }



/****************************
 ****************************
 **                        **
 **   ModalDialog Styles   **
 **                        **
 ****************************
 ****************************/

.ModalDialogBackground {
    display: none;
    background-color: #000;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000020;
}

.ModalDialog {
    position: fixed;
    top: -1500px;
    left: 50%;
    z-index: 1000050;
    overflow: auto;
    display: block;
    overflow: hidden;
    -moz-box-shadow: 0 0 20px -3px #444;
    -webkit-box-shadow: 0 0 20px -3px #444;
    box-shadow: 0 0 20px -3px #444;
    background-color: white;
    border: solid 1px #e0e0e0;
	border-radius: 3px;
}

    .ModalDialog.Show {
        top: 50%;
    }

    .ModalDialog .Header {
        padding: 10px;
        border-bottom: Solid 1px #e0e0e0;
		background-color: #eff1f2;
    }

        .ModalDialog .Header h3 {
			font-size: 10pt;
			font-weight: 600;
			text-transform: uppercase;
			line-height: 22px;
        }

        .ModalDialog .Header .Close {
            margin-top: 2px;
			margin-right: 6px;
            float: right;
            font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: bold;
            line-height: 18px;
            color: #000000;
            text-shadow: 0 1px 0 #ffffff;
            opacity: 0.2;
            filter: alpha(opacity=20);
            text-decoration: none;
        }

            .ModalDialog .Header .Close:hover {
                color: #000000;
                text-decoration: none;
                opacity: 0.4;
                filter: alpha(opacity=40);
                cursor: pointer;
            }

    .ModalDialog .Body {
        padding: 15px;
        overflow: auto;
    }

    .ModalDialog .Footer {
		padding: 10px;
		margin-bottom: 0;
		background-color: #eff1f2;
		border-top: Solid 1px #e0e0e0;
		-webkit-box-shadow: inset 0 1px 0 #ffffff;
		-moz-box-shadow: inset 0 1px 0 #ffffff;
		box-shadow: inset 0 1px 0 #ffffff;
		overflow: auto;
    }

        .ModalDialog .Footer .Button {
            float: right;
            margin-left: 5px;
            margin-bottom: 0;
            position: relative;
        }



/***********************
 ***********************
 **                   **
 **   Avatar Styles   **
 **                   **
 ***********************
 ***********************/

.Avatar {
    width: 48px;
    height: 48px;
    background: url(/static/assets/images/avatars.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) 0 0 no-repeat;
    background-size: 96px 288px;
}

.Avatar.Terminated {
    background-position: -48px 0;
}

.Avatar.Male {
    background-position: 0 -144px;
}

.Avatar.Terminated.Male {
    background-position: -48px -144px;
}

.Avatar.Male.Child {
    background-position: 0 -48px;
}

.Avatar.Terminated.Male.Child {
    background-position: -48px -48px;
}

.Avatar.Female {
    background-position: 0 -192px;
}

.Avatar.Terminated.Female {
    background-position: -48px -192px;
}

.Avatar.Female.Child {
    background-position: 0 -96px;
}

.Avatar.Terminated.Female.Child {
    background-position: -48px -96px;
}

.Avatar.Organization {
    background-position: 0 -240px;
}

.Avatar.Terminated.Organization {
    background-position: -48px -240px;
}

.Avatar.Large {
    width: 128px;
    height: 128px;
    background: url(/static/assets/images/avatars.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) 0 0 no-repeat;
    background-size: 256px 768px;
}

.Avatar.Large.Terminated {
    background-position: -128px 0;
}

.Avatar.Large.Male {
    background-position: 0 -384px;
}

.Avatar.Large.Terminated.Male {
    background-position: -128px -384px;
}

.Avatar.Large.Male.Child {
    background-position: 0 -128px;
}

.Avatar.Large.Terminated.Male.Child {
    background-position: -128px -128px;
}

.Avatar.Large.Female {
    background-position: 0 -512px;
}

.Avatar.Large.Terminated.Female {
    background-position: -128px -512px;
}

.Avatar.Large.Female.Child {
    background-position: 0 -256px;
}

.Avatar.Large.Terminated.Female.Child {
    background-position: -128px -256px;
}

.Avatar.Large.Organization {
    background-position: 0 -640px;
}

.Avatar.Large.Terminated.Organization {
    background-position: -128px -640px;
}

.Avatar.Small {
    width: 24px;
    height: 24px;
    background: url(/static/assets/images/avatars.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) 0 0 no-repeat;
    background-size: 48px 144px;
}

.Avatar.Small.Terminated {
    background-position: -24px 0;
}

.Avatar.Small.Male {
    background-position: 0 -72px;
}

.Avatar.Small.Terminated.Male {
    background-position: -24px -72px;
}

.Avatar.Small.Male.Child {
    background-position: 0 -24px;
}

.Avatar.Small.Terminated.Male.Child {
    background-position: -24px -24px;
}

.Avatar.Small.Female {
    background-position: 0 -96px;
}

.Avatar.Small.Terminated.Female {
    background-position: -24px -96px;
}

.Avatar.Small.Female.Child {
    background-position: 0 -48px;
}

.Avatar.Small.Terminated.Female.Child {
    background-position: -24px -48px;
}

.Avatar.Small.Organization {
    background-position: 0 -120px;
}

.Avatar.Small.Terminated.Organization {
    background-position: -24px -120px;
}

/**************************
 **************************
 **                      **
 ** Person Avatar Styles **
 **                      **
 **************************
 **************************/
.PersonAvatar {
    border-radius: 50%;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
}

    .PersonAvatar.Medium {
        width: 32px;
        height: 32px;
        background-size: 32px;
    }

    .PersonAvatar.Small {
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

    .PersonAvatar.Tiny {
        width: 16px;
        height: 16px;
        background-size: 16px;
    }

/********************
 ********************
 **                **
 **   Tag Styles   **
 **                **
 ********************
 ********************/

 .TagStyle,
 .TagStyle.Blue1 {
     border: solid 1px #e0e0e0;
     background-color: #e0e0e0;
     color: #39393c !important;
     border-radius: 3px;
     font-size: 8pt;
     text-decoration: none;
 }

     .TagStyle.Blue2 {
         border-color: #1e80ef;
         background-color: #1e80ef;
         color: #fff !important;
     }

     .TagStyle.Pink1 {
         border-color: #ebbae6;
         background-color: #ebbae6;
         color: #39393c !important;
     }

     .TagStyle.Pink2 {
         border-color: #eb54db;
         background-color: #eb54db;
         color: #f6e7ef !important;
     }

     .TagStyle.Green1 {
         border-color: #bcf0a1;
         background-color: #bcf0a1;
         color: #39393c !important;
     }

     .TagStyle.Green2 {
         border-color: #71c446;
         background-color: #71c446;
         color: #fff !important;
     }

     .TagStyle.Red1 {
         border-color: #ff9fba;
         background-color: #ff9fba;
         color: #39393c !important;
     }

     .TagStyle.Red2 {
         border-color: #ed1e58;
         background-color: #ed1e58;
         color: #fff !important;
     }

     .TagStyle.Aqua1 {
         border-color: #97edff;
         background-color: #97edff;
         color: #39393c !important;
     }

     .TagStyle.Aqua2 {
         border-color: #16b9dc;
         background-color: #16b9dc;
         color: #fff !important;
     }

     .TagStyle.Brown1 {
         border-color: #f9f08d;
         background-color: #f9f08d;
         color: #39393c !important;
     }

     .TagStyle.Brown2 {
         border-color: #c48e41;
         background-color: #c48e41;
         color: #fff !important;
     }

     .TagStyle.Orange1 {
         border-color: #ffc89c;
         background-color: #ffc89c;
         color: #39393c !important;
     }

     .TagStyle.Orange2 {
         border-color: #ec950c;
         background-color: #ec950c;
         color: #fff !important;
     }

     .TagStyle.Purple1 {
         border-color: #d7b6ff;
         background-color: #d7b6ff;
         color: #39393c !important;
     }

     .TagStyle.Purple2 {
         border-color: #ac16e3;
         background-color: #ac16e3;
         color: #fff !important;
     }

     .TagStyle.Black1 {
         border-color: #ccd1db;
         background-color: #ccd1db;
         color: #39393c !important;
     }

     .TagStyle.Black2 {
         border-color: #4f5155;
         background-color: #4f5155;
         color: #fff !important;
     }




/***********************
 ***********************
 **                   **
 **   Salary Styles   **
 **                   **
 ***********************
 ***********************/

 .SalaryIcon48 {
	height: 48px;
	width: 48px;
	background-image: url(/static/assets/images/salaryicons.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 48px 240px;
}

.SalaryIcon48.Day-shift,
.SalaryIcon48.day-shift,
.SalaryIcon48.day,
.SalaryIcon48.Day,
.SalaryIcon48.day,
.SalaryIcon48.Days,
.SalaryIcon48.days,
.SalaryIcon48.Morning,
.SalaryIcon48.morning,
.SalaryIcon48.Mornings,
.SalaryIcon48.mornings,
.SalaryIcon48.Wake,
.SalaryIcon48.wake,
.SalaryIcon48.Wake-1,
.SalaryIcon48.wake-1,
.SalaryIcon48.awake,
.SalaryIcon48.Awake {
	background-position: 0 -48px!important;
}

.SalaryIcon48.Night-shift,
.SalaryIcon48.night-shift,
.SalaryIcon48.Night,
.SalaryIcon48.night,
.SalaryIcon48.Nights,
.SalaryIcon48.nights,
.SalaryIcon48.Evening,
.SalaryIcon48.evening,
.SalaryIcon48.Evenings,
.SalaryIcon48.evenings,
.SalaryIcon48.Overnight,
.SalaryIcon48.overnight,
.SalaryIcon48.Wake-2,
.SalaryIcon48.wake2,
.SalaryIcon48.Sleep,
.SalaryIcon48.sleep,
.SalaryIcon48.Asleep,
.SalaryIcon48.asleep {
	background-position: 0 -96px!important;
}

.SalaryIcon48.Call,
.SalaryIcon48.call,
.SalaryIcon48.On-Call,
.SalaryIcon48.On-call,
.SalaryIcon48.on-call {
	background-position: 0 -144px!important;
}

.SalaryIcon48.Casual,
.SalaryIcon48.casual {
	background-position: 0 -192px!important;
}

.SalaryIcon32 {
	height: 32px;
	width: 32px;
	background-image: url(/static/assets/images/salaryicons.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 32px 160px;
}

.SalaryIcon32.Day-shift,
.SalaryIcon32.day-shift,
.SalaryIcon32.day,
.SalaryIcon32.Day,
.SalaryIcon32.day,
.SalaryIcon32.Days,
.SalaryIcon32.days,
.SalaryIcon32.Morning,
.SalaryIcon32.morning,
.SalaryIcon32.Mornings,
.SalaryIcon32.mornings,
.SalaryIcon32.Wake,
.SalaryIcon32.wake,
.SalaryIcon32.Wake-1,
.SalaryIcon32.wake-1,
.SalaryIcon32.awake,
.SalaryIcon32.Awake {
	background-position: 0 -32px!important;
}

.SalaryIcon32.Night-shift,
.SalaryIcon32.night-shift,
.SalaryIcon32.Night,
.SalaryIcon32.night,
.SalaryIcon32.Nights,
.SalaryIcon32.nights,
.SalaryIcon32.Evening,
.SalaryIcon32.evening,
.SalaryIcon32.Evenings,
.SalaryIcon32.evenings,
.SalaryIcon32.Overnight,
.SalaryIcon32.overnight,
.SalaryIcon32.Wake-2,
.SalaryIcon32.wake2,
.SalaryIcon32.Sleep,
.SalaryIcon32.sleep,
.SalaryIcon32.Asleep,
.SalaryIcon32.asleep {
	background-position: 0 -64px!important;
}

.SalaryIcon32.Call,
.SalaryIcon32.call,
.SalaryIcon32.On-Call,
.SalaryIcon32.On-call,
.SalaryIcon32.on-call {
	background-position: 0 -96px!important;
}

.SalaryIcon32.Casual,
.SalaryIcon32.casual {
	background-position: 0 -128px!important;
}

.SalaryIcon24 {
	height: 24px;
	width: 24px;
	background-image: url(/static/assets/images/salaryicons.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 24px 120px;
}

.SalaryIcon24.Day-shift,
.SalaryIcon24.day-shift,
.SalaryIcon24.day,
.SalaryIcon24.Day,
.SalaryIcon24.day,
.SalaryIcon24.Days,
.SalaryIcon24.days,
.SalaryIcon24.Morning,
.SalaryIcon24.morning,
.SalaryIcon24.Mornings,
.SalaryIcon24.mornings,
.SalaryIcon24.Wake,
.SalaryIcon24.wake,
.SalaryIcon24.Wake-1,
.SalaryIcon24.wake-1,
.SalaryIcon24.awake,
.SalaryIcon24.Awake {
	background-position: 0 -24px!important;
}

.SalaryIcon24.Night-shift,
.SalaryIcon24.night-shift,
.SalaryIcon24.Night,
.SalaryIcon24.night,
.SalaryIcon24.Nights,
.SalaryIcon24.nights,
.SalaryIcon24.Evening,
.SalaryIcon24.evening,
.SalaryIcon24.Evenings,
.SalaryIcon24.evenings,
.SalaryIcon24.Overnight,
.SalaryIcon24.overnight,
.SalaryIcon24.Wake-2,
.SalaryIcon24.wake2,
.SalaryIcon24.Sleep,
.SalaryIcon24.sleep,
.SalaryIcon24.Asleep,
.SalaryIcon24.asleep {
	background-position: 0 -48px!important;
}

.SalaryIcon24.Call,
.SalaryIcon24.call,
.SalaryIcon24.On-Call,
.SalaryIcon24.On-call,
.SalaryIcon24.on-call {
	background-position: 0 -72px!important;
}

.SalaryIcon24.Casual,
.SalaryIcon24.casual {
	background-position: 0 -96px!important;
}