/* Big layout sections */
/* Edit for change in font family */
/*body
{
	background-color: white;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: normal;
	text-align: left;
	width: 100%;
}*/

a {
    cursor: pointer;
}

/*.widemain
{
	width: 750px;
}

.homemain
{
	width: 825px;
}*/

/*.controlmain
{
	width: 500px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}*/

/*.MainForm
{
	width: 980px;
}*/

.Control {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    border: solid 1px silver;
    padding-bottom: 1em;
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 14px;
    clear: both;
}

    .Control table {
        margin-left: auto;
        margin-right: auto;
        width: 450px;
    }

    .Control td {
        padding-top: 0.8em;
    }

#content {
    margin: 0px 0px 0px 180px;
    padding: 5px 5px 20px 5px;
}

div.Main {
    clear: both;
    padding-top: 10px;
    padding-left: 100px;
}

/* Wizard Selection */

table.WizardSelection {
    width: 280px !important;
    border-collapse: separate;
}

td.WizardSelection a {
    color: White;
    background-color: inherit;
    text-decoration: none;
    display: block;
    width: 270px;
    padding: 10px;
    overflow: hidden;
}

td.WizardSelection {
    background-repeat: no-repeat;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    width: 280px;
    height: 20px;
    background-color: #66cc99;
}

/* Non Table Headings */

.Header, .UnderHeader, .Subheader, .ListSubHeader {
    text-align: left;
    color: Green;
    clear: both;
}

.Header {
    font-size: 175%;
    padding: 0.15em 0em 0.6em 0em;
}

.UnderHeader {
    float: left;
    font-size: 130%;
    padding: 0em 0em 0.3em 0em;
}

.Subheader {
    font-size: 130%;
    padding: 1em 0.0em 0.5em 0.0em;
}

.UnderSubHeader {
    font-size: 12px;
    color: Black;
}

/*.PageHeader
{
	padding-left: 4px;
	width: 746px;
}*/

.ListSubHeader {
    font-size: 115%;
    text-decoration: underline;
}

.Center {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.TextCenter {
    text-align: center !important;
}

/* HomePages */

.ClientLoginBlock {
    margin-bottom: 1em;
    border: 1px solid silver;
    padding: 1em;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/* Removed due to disabled portal conflicting with protal sites on shared db. */
#ctl00_mCPH_divClientRegister {
    display: none;
}

#ctl00_mCPH_divClientLogin {
    display: none;
}

#SRUserLogin {
    margin-top: 15em;
}

table.Login {
    font-weight: bold;
    border: 1px solid silver;
}

    table.Login td {
        padding: 5px 5px 5px 5px;
        text-align: right;
    }

    table.Login input {
        width: 150px;
    }

        table.Login input[type="submit"] {
            width: 100px;
            margin-right: 8px;
        }

table.UserSelect {
    border: 1px solid silver;
    border-collapse: collapse;
}

    table.UserSelect td {
        text-align: right;
    }

        table.UserSelect td a {
            display: block;
            color: Black;
            padding: 15px 5px 15px 100px;
            text-decoration: none;
            background-repeat: no-repeat;
            background-position: 5px center;
        }

            table.UserSelect td a:hover {
                color: Black;
                background-color: #eeffee
            }

            table.UserSelect td a span.User {
                font-weight: bold;
            }

            table.UserSelect td a span.Details {
                color: Gray;
            }

            table.UserSelect td a.System {
                background-image: url('../../Images/Default/SystemSmall.gif');
            }

            table.UserSelect td a.Organisation {
                background-image: url('../../Images/Default/OrganisationSmall.gif');
            }

            table.UserSelect td a.Division {
                background-image: url('../../Images/Default/DivisionSmall.gif');
            }

            table.UserSelect td a.Site {
                background-image: url('../../Images/Default/SiteSmall.gif');
            }

            table.UserSelect td a.User {
                background-image: url('../../Images/Default/UserSmall.gif');
            }

div.Content_Columns {
    margin-top: 3em;
    width: 600px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
}

div.MainMenuItemLeft {
    float: left;
}

div.MainMenuItemRight {
    float: right;
}

div.alerts {
    width: 700px;
    height: 50px;
    line-height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
    background-color: #9ce0bb;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    font-size: 1.25em;
    clear: both;
}

    div.alerts a {
        display: block;
        width: 100%;
        height: 100%;
        background-color: inherit;
        color: White;
        text-decoration: none;
    }

        div.alerts a:hover {
            color: #eeffee;
        }

div.SectionIcons {
    text-align: center;
}

div.HomeShortcutLeftPad {
    padding-left: 60px;
}

div.SectionIcons {
    margin-bottom: 5px;
}

div.SectionIconRow {
    text-align: center;
}

a.SectionIconText {
    width: 250px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    font-size: 15pt;
    line-height: 1.3em;
    text-align: left;
    color: white;
    text-decoration: none;
    background-color: #9ce0bb;
    margin: 5px 5px 5px 5px;
    vertical-align: bottom;
    background-origin: border-box;
    padding-left: 5px;
}

    a.SectionIconText:Hover {
        color: #eeffee;
    }

    a.SectionIconText:Active {
        color: #eeffee;
    }

.SectionIconText + .tooltip > .tooltip-inner {
    background-color: #49af80;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}

.test + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid black;
}

div.Shortcut {
    text-align: center;
    border: 1px solid silver;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 775px;
    margin-left: auto;
    margin-right: auto;
}

div.Warning {
    text-align: center;
    background-color: Ivory;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #dc143c;
    font-weight: bold;
    display: block;
    border: 1px solid silver;
    margin-left: auto;
    margin-right: auto;
}

/* Main menu style */

.MainMenuItem {
    margin-top: 2em;
    margin-bottom: 4em;
}

div.SideBar {
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 30px 5px 0px 5px;
    background-color: #EEFFEE;
}

div.BehindSideBar {
    position: absolute;
}

div.SideBar A {
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    clear: both;
}

a.navigation {
    float: left;
    height: 25px;
    text-decoration: none;
    padding: 5px 15px 5px 5px;
    color: #ffffff;
    font-size: small;
}

/* Ribbon Style */

.ribbon {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border: none;
    border-bottom: 3px solid white;
    border-collapse: collapse;
}

    .ribbon td {
        background-color: #66cc99;
        background-position: right bottom;
        background-repeat: no-repeat;
        text-align: center;
        border: 3px solid white;
        border-bottom: none;
        border-top: none;
    }

    .ribbon a {
        background-color: inherit;
        padding: 3px 5px 3px 5px;
        display: block;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

.ribbonTop td {
    font-size: 22px;
    height: 30px;
    line-height: 18px;
}

.ribbonBottom td {
    font-size: 14px;
    height: 20px;
}

.ribbonTop .Active {
    background-color: #44aa77;
}

.ribbonBottom .Active {
    background-color: #44aa77;
}

.ribbon a:hover {
    color: #229966;
}

.ribbon .Active a:hover {
    color: #88eebb;
}

.ribbon a:active {
    background-color: inherit;
    color: white;
}

/* Summary Screen */

.SummaryPanel, div.WizardStatusPanel, div.MessagesDiv, div.SkillDiv, div.QualificationDiv {
    border: 1px solid silver;
    padding: 5px 5px 5px 5px;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    text-align: justify;
}

#ctl00_mCPH_pnlXLS {
    border: none;
}

/*.SummaryPanel table caption, .WizardStatusPanel table caption, table.MessagesTable caption, div.SkillDiv table caption, div.QualificationDiv table caption
{
	color: Green;
	font-style:italic;
	padding-bottom: 5px;
	font-size:medium;
}*/

/*.SummaryPanel table
{
	margin-left: 10px;
	margin-right: 10px;
}*/

/*.SummaryPanel td
{
	vertical-align: text-bottom;
	padding: 2px 5px 2px 5px;
	text-align: right;
}*/

.QualificationButtonContainer, .SkillButtonContainer, .Buttons {
    text-align: right;
}

    .QualificationButtonContainer img, .SkillButtonContainer img, .Buttons img {
        background-color: Transparent;
    }

.UnlinkQualification {
    display: block;
}

    .UnlinkQualification img {
        background-color: Transparent;
    }

.SkillYears input {
    width: 50px !important;
}

.Actions td {
    text-transform: capitalize;
    text-align: left;
    width: 200px;
}

.SummaryPanel th {
    vertical-align: text-top;
    padding: 2px 10px 2px 5px;
    background-color: #66cc99;
    color: white;
}

.SummaryPanel .Actions th {
    text-align: center;
}

.SummaryPanel td.Status {
    width: 70px;
    text-align: center;
}

.Contact {
    min-height: 180px;
}

/* Shared data stuff */

.DataView {
    /*width: 750px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 1em 0 0 0;
    text-align: right;
    clear: both;
}

    .DataView th,
    .DataGrid th,
    .SummaryPanel th {
        border: 2px solid white;
    }

    .DataView td,
    .DataGrid td,
    .SummaryPanel td {
        padding-left: 2px;
        padding-right: 2px;
    }

    .HighlightHover tr:hover, tr.HighlightHover:hover, .DataView .List tr:hover, .SummaryPanel .List tr:hover, tr.HighlightHover:hover td.Inactive, .HighlightHover tr:hover td.Inactive, .DataView .List tr:hover td.Inactive, table.DataGrid tr:hover {
        background-color: #eeffee;
    }

        table.DataGrid tr:hover td.Inactive {
            background-color: #ddeedd;
        }

.NoHover tr:hover, tr.NoHover:hover, tr.NoHover:hover td.Inactive, .DataEditPanel tr:hover {
    background-color: Transparent !important;
}

.DataView th,
.DataGrid th,
.SummaryPanel th {
    border: 2px solid white;
}

.DataView td,
.DataGrid td,
.SummaryPanel td {
    padding-left: 2px;
    padding-right: 2px;
}

.HighlightHover tr:hover, tr.HighlightHover:hover, .DataView .List tr:hover, .SummaryPanel .List tr:hover, tr.HighlightHover:hover td.Inactive, .HighlightHover tr:hover td.Inactive, .DataView .List tr:hover td.Inactive, table.DataGrid tr:hover {
    background-color: #eeffee;
}

    table.DataGrid tr:hover td.Inactive {
        background-color: #ddeedd;
    }

.NoHover tr:hover, tr.NoHover:hover, tr.NoHover:hover td.Inactive, .DataEditPanel tr:hover {
    background-color: Transparent !important;
}

.DataView td img {
    max-height: 50px;
    max-width: 100px;
    vertical-align: top;
}

.List td img {
    max-height: 20px;
    max-width: 50px;
}

.DataViewPanel, .DataEditPanel {
    border: 1px solid silver;
    padding: 5px 5px 5px 5px;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    text-align: justify;
    position: relative;
    min-height: 35px;
}

.DataViewPanelInner {
    position: relative;
}

.ForceLowerGap {
    padding-bottom: 40px;
}

table.List {
    min-width: 250px;
}

table.List {
    min-width: 250px;
}

div.Detail th {
    text-align: left;
}

.DataView .List table {
    padding: 5px 5px 5px 5px;
}

.DataView caption {
    color: Green;
    font-weight: bold;
    text-align: left;
    padding: 0px 5px 0px 5px;
    float: left;
}

.DataView .List td {
    /*text-transform: capitalize;*/
    text-align: left;
    vertical-align: top;
}

    .DataView .List td:first-letter {
        text-transform: capitalize;
    }

    .DataView .List td.Notes {
        text-transform: none;
    }

.DataView td.ListSubHeader, .DataEdit td.ListSubHeader {
    padding-top: 0.5em;
}

td.Date {
    width: 90px;
    text-align: center !important;
}

td.EditDate {
    width: 115px;
}

.DataView td.Index {
    text-align: right;
}

.DataView td.Status {
    width: 70px;
    text-align: center;
}

td.SoftOutcome {
    width: 260px;
}

td.SoftOutcomeInactive {
    width: 170px;
}

.DataView td.Money {
    width: 60px;
    text-align: right;
}

.DataView td.Hours {
    width: 60px;
    text-align: right;
}

.DataView td.Text {
    width: 100%;
    padding-right: 50px;
    text-align: justify;
    text-transform: none;
}

.DataView td.BigField {
    width: 290px;
    max-width: 290px;
    text-align: justify;
    padding-right: 10px;
}

.DataView .Details td.BigField {
    padding-right: 0px;
}

.DataActionImage {
    margin-left: 5px;
    vertical-align: bottom;
    background-color: White;
    border-style: none;
}

.DataActionImageContainer {
    clear: both;
    position: absolute;
    right: 2px;
    height: 35px;
    vertical-align: text-bottom;
    bottom: 2px;
}

.LittleDataActionImageContainer {
    clear: both;
    position: absolute;
    right: 2px;
    bottom: 2px;
    height: 50px;
    vertical-align: text-bottom;
}

.DataActionImageContainer a {
    vertical-align: bottom;
}

td.SmallLeft {
    width: 80px;
    text-align: left !important;
}

td.SmallCenter {
    width: 80px;
    text-align: center !important;
}

td.MediumCenter {
    width: 150px;
    text-align: center !important;
}

td.MediumLeft {
    width: 150px;
    text-align: left !important;
}

/* Data View Screens */

.DataViewPanel td {
    vertical-align: text-bottom;
    padding: 2px 5px 2px 5px;
    text-align: right;
}

    .DataViewPanel td img {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .DataViewPanel td.Text {
        text-align: justify;
    }

    .DataViewPanel td.TextNarrow {
        text-align: justify;
        width: 525px;
    }

.DataViewPanel th {
    vertical-align: text-top;
    padding: 2px 10px 2px 5px;
    background-color: #66cc99;
    color: white;
}

.List th {
    text-align: center;
}

th.Aggregate {
    background-color: Silver;
}

/* Data Edit Screens */

.DataEditPanel th {
    vertical-align: text-top;
    padding: 2px 10px 2px 5px;
    background-color: #66cc99;
    color: white;
}

.Details td {
    padding-bottom: 0.5em;
}

#ctl00_mCPH_celDestinationJobTitle {
    word-break: break-all;
}

.DataEntry th {
    text-align: left;
}

.MultiItemEdit {
    margin-bottom: 35px;
}

    .MultiItemEdit td {
        vertical-align: bottom !important;
        border-top: 1px solid silver;
        padding-top: 1em;
    }

    .MultiItemEdit img {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

/* Editors */

.EditorLabel {
    display: block;
    padding-top: 10px;
    color: Gray;
    font-weight: bold;
}

/* Images */

.LeftImage {
    float: left;
    background: none;
}

.RightImage {
    float: right;
    background: none;
}

.RightTitleImage {
    float: right;
    background: none;
    display: none;
}

img {
    border: none;
    /*background-color: #EEFFEE;*/
    color: Black;
}

/* Form Elements */

/*input[type="text"], input[type="password"]
{
	width: 200px;
}

.List input[type="text"]
{
	width: 120px;
}*/

input[type="checkbox"] {
    border: none;
    background: none;
}

input[type="radio"] {
    border: none;
    background: none;
}

input.Date, .List input.Date {
    width: 65px;
}

input.Time, .List input.Time {
    width: 15px;
}

input.BigField, .List input.BigField {
    width: 265px;
}

select.Summary {
    margin-bottom: 0.5em;
}

.SkillMatrix {
    width: 180px;
}

.leftLabel {
    display: block;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
}

.rightField {
    width: 250px;
    display: block;
}

.rightFieldWiz {
    width: 220px;
    display: block;
}

/*input[type=text],
input[type=radio],
input[type=file]
{
	border: solid 1px silver;
}*/

input {
    padding: 1px;
    /*background: #eeffee;*/
    vertical-align: middle;
}

.calendarButton {
    vertical-align: text-bottom;
    cursor: pointer;
}

textarea {
    padding: 1px;
    /*border: solid 1px silver;*/
    /*background: #eeffee;*/
}

select {
    padding: 1px;
    /*border: solid 1px silver;*/
    /*background: #eeffee;*/
    vertical-align: middle;
}

    select.BigField {
        width: 200px;
    }

div.CheckedListBox {
    border: solid 1px silver;
    background: #eeffee;
}

input.FullWidth {
    width: 550px;
}

div.CollapsibleHead {
    color: Green;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}

div.NotLink {
    cursor: auto;
    margin-left: 20px;
}

div.CollapsibleHead img {
    padding-right: 5px;
    background-color: Transparent;
}

div.CollapsibleContent {
    height: 0px;
}

    div.CollapsibleContent TextArea {
        margin-top: 5px;
    }

.MultipleActionListbox {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    height: 8em;
}

table.RichTextBox {
    margin-left: 0px;
}

input.AutoComplete {
    background-image: url('../../Images/Default/autocompleteMiniscule.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}

input.Search {
    width: 325px;
}

.ProviderSelection input[type="text"] {
    width: 300px;
}

/* Calendar (not popup one) */

.DataView .Calendar {
    margin-right: auto;
    border: 1px solid silver;
    text-align: center;
}

.DataView .CalendarTop {
    background-color: #66cc99;
    margin: 0px 0px 0px 0px;
    color: White !important;
    font-weight: bold;
}

.DataView .CalendarNav {
    text-align: center !important;
    padding: 0px 0px 0px 0px;
}

    .DataView .CalendarNav a {
        text-decoration: None;
        display: block;
        color: #229966 !important;
    }

        .DataView .CalendarNav a:hover {
            color: #eeffee !important;
        }

.DataView .DayHeader {
    color: Green;
    font-weight: bold;
    padding: 4px 2px 4px 2px;
}

.DataView .Day {
    height: 25px;
}

    .DataView .Day a {
        text-decoration: None;
        display: block;
        border: 1px solid white;
        padding: 3px 0px 3px 0px;
        margin: 0px 2px 0px 2px;
    }

        .DataView .Day a:hover {
            border: 1px solid silver;
        }

.DataView .SelectedDay {
    background-color: White !important;
}

    .DataView .SelectedDay a {
        color: Navy !important;
        text-decoration: None;
        display: block;
        border: 1px solid silver;
        background-color: #eeffee !important;
        padding: 3px 0px 3px 0px;
        margin: 0px 2px 0px 2px;
    }

.DataView .OtherMonthDay {
    height: 25px;
}

    .DataView .OtherMonthDay a {
        color: Gray !important;
        text-decoration: None;
        display: block;
        border: 1px solid white;
        padding: 3px 0px 3px 0px;
        margin: 0px 2px 0px 2px;
    }

        .DataView .OtherMonthDay a:hover {
            border: 1px solid silver;
        }

/* Hyperlink Style */

a {
    color: navy;
    text-decoration: underline;
}

    a:hover {
        color: blue;
    }

    a:active {
        color: blue;
    }

/* Datagrid */

div.DataGrid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

table.DataGrid {
    min-width: 100%;
    text-align: justify;
    min-height: 35px;
    margin-left: auto;
    margin-right: auto;
}

.DataGridMedium {
    width: 100%;
    text-align: justify;
    min-height: 35px;
    margin-right: auto;
}

.DataGridThin {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.DataGrid td {
    padding: 0.3em 0.1em 0.3em 0.1em;
}

.DataView td.dgHeaderStyle {
    vertical-align: text-top;
    padding: 2px 10px 2px 5px;
    background-color: #66cc99;
    color: white;
    text-align: center;
    font-weight: bold;
}

.dgHeaderStyle {
    vertical-align: text-top;
    padding: 2px 10px 2px 5px;
    background-color: #66cc99;
    color: white;
    text-align: center;
    font-weight: bold;
}

.dgItemStyleNoAccess {
    color: Gray;
}

/* Wizard Elements */

div.WizardHintTitle {
    font-weight: bold;
    padding-bottom: 5px;
}

div.WizardHint {
    position: fixed;
    right: 7px;
    top: 117px;
    bottom: 50px;
    width: 140px;
    font-style: italic;
    color: Green;
    display: inline;
    background: white;
    border: 1px solid silver;
    padding: 5px 5px 5px 5px;
}

.RegistrationWizardButtons {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background-color: White;
    border: 2px solid gray;
}

#wizardElements_Layout {
    width: 655px;
    margin-left: auto;
    margin-right: auto;
}

div.WizardElement {
    width: 650px;
    margin-bottom: 0.8em;
}

div.DisplayRow {
    background-color: inherit;
    margin-bottom: 3px;
    color: White;
}

    div.DisplayRow div {
        padding: 5px 2px 2px 2px;
    }

    div.DisplayRow a {
        background-color: inherit;
        font-weight: bold;
        color: White;
        text-decoration: none;
    }

div.WizardElement_Left {
    clear: both;
    background-color: #44aa77;
    padding: 1px;
    width: 646px;
    /*float: left;*/
}

div.WizardInput_Left {
    clear: left;
    padding-top: 2px;
}

.WizardInput_Left input {
    vertical-align: top;
}

div.WizardInput_Left select.Group {
    margin-bottom: 2px;
}

.WizardGroupItem_Left {
    width: 256px;
    padding: 1px;
    display: inline-block;
}

div.Mandatory {
    text-align: right;
    display: block;
    color: Red;
    float: right;
}

div.MenuHeader_SmallText {
    font-size: 10pt;
    padding: 4px 0px 0px 0px;
    line-height: 12px;
}

/*div.MainHeader
{
	min-width: 820px;
	width: 100%;
	clear: both;
}*/

div.HeaderRow {
    background-color: #66cc99;
    width: 650px;
}

div.HeaderRowTitle {
    background-color: inherit;
    font-size: 14pt;
    font-weight: bold;
    color: white;
    float: left;
    padding: 10px 0px 5px 5px;
}

div.HeaderRowImage {
    float: right;
}

div.HeaderRowSpacer {
    clear: both;
    height: 0px;
}

input.WizardButton {
    width: 225px;
}

input.WizardButton_User {
    margin-top: 0.7em;
    width: 200px;
}

img.ImageStatus {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

img.ImageLogo {
    padding: 5px 5px 5px 5px;
    background-color: #66cc99;
}

div.GridControlBorder {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border-right: ridge;
    border-top: ridge;
    border-left: ridge;
    border-bottom: ridge;
}

input.TabButton {
    margin-top: 5px;
    margin-left: 2px;
    margin-right: -7px;
    margin-bottom: -1px;
    border-bottom: none;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    background-color: Transparent;
}

div.UserInfo {
    height: 20px;
    float: right;
    font-size: 10pt;
}

.Display {
    margin: 10px 0px 10px 0px;
    font-size: 12px;
    width: 300px;
}

.leftLabels {
    display: block;
    float: left;
    width: 120px;
    padding: 5px;
    text-align: left;
    margin-top: 5px;
}

.leftLabels_Short {
    display: block;
    float: left;
    width: 80px;
    padding: 3px;
    text-align: left;
    margin-top: 5px;
}

.leftLabel_Lineup {
    padding: 5px 0px 5px 135px;
}

.leftLabel_Lineup_Short {
    padding: 0px 0px 0px 85px;
}

.rightFields {
    text-align: left;
    padding: 3px;
    width: 200px;
    margin-top: 5px;
}

.rightFields_Short {
    padding: 3px;
    width: 120px;
    margin-top: 5px;
}

.CenterItem {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    text-align: center;
}

.CenterTable {
    margin-left: auto;
    margin-right: auto;
}

.RightItem {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: right;
}

div.DataProtectionNotes {
    width: 650px;
    height: 100px;
    border: 1px solid silver;
    overflow: scroll;
    text-align: justify;
}

.DataProtectionAcceptance {
    display: block;
}

.DataProtectionAcceptanceGap {
    padding-bottom: 100px;
}

.GroupElement {
    margin-left: auto;
    margin-right: auto;
    border: solid 1px silver;
    padding-bottom: 1em;
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 14px;
    clear: both;
}

/* Soft outcome controls */

div.SoftOutcomeMessage {
    margin-top: 3px;
    margin-left: 3px;
    float: left;
    width: 75px;
}

div.CancelMiniscule {
    float: left;
}

div.SoftOutcomeWait {
    background-color: Navy;
}

div.CancelMiniscule img {
    margin-top: 3px;
    margin-right: 3px;
    border: 0px !important;
}

span.SoftOutcomeButton {
    cursor: pointer;
    height: 18px;
    width: 14px;
    border: 1px solid silver;
    margin: 0px 0px 0px 0px;
}

span.SoftOutcomeSelected {
    background-color: Navy;
}

span.SoftOutcomeUnselected {
    background-color: Window;
}

span.SoftOutcomeSelectedInactive {
    background-color: #4444aa;
}

span.SoftOutcomeUnselectedInactive {
    background-color: #eeeeee;
}

a.ClearSoftOutcome {
    cursor: pointer;
}

/* Small things that affect lots */

html, body {
    height: 100%;
}

br {
    clear: left;
}

table {
    border-collapse: collapse;
}

div.Wait {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 250px;
    text-align: center;
    font-size: 50pt;
    background-color: #777777;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1005;
}

div.WaitText {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 250px;
    text-align: center;
    font-size: 25pt;
    color: white;
    z-index: 1005;
}

/*Help Styles */

div.HelpText {
    text-align: justify;
}

a.HelpAnchor {
    text-decoration: none;
    color: Green;
    text-align: center;
}

div.HelpRef {
    padding-top: 0.5em;
    font-style: italic;
    text-align: center;
}

img.HelpImage {
    border: 2px dotted #66cc99;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

a.HelpLink {
    height: 15px;
    width: 15px;
    display: block;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    margin-bottom: 20px;
}

    /*.alignedTextSection {
    margin-left: 100px;
}*/

    a.HelpLink img {
        background-color: Transparent;
    }

li {
    line-height: 1.25em;
}

/* Report Styles */

div.ReportViewer {
    margin: 10px 0px 0px 0px;
    height: 525px;
    width: 760px;
    clear: both;
    display: inline-block;
    overflow-y: auto;
}

.ReportViewer input {
    width: auto;
}

.ReportViewer select {
    width: 120px;
}

.ReportViewer {
    text-align: left;
}

div.ReportViewer img {
    background: none;
}

.ReportViewerButtons {
    width: 760px;
}

.FloatingReportButton {
    text-align: left;
    top: -50px;
    position: relative;
    height: 0px;
}

.ReportViewer span {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 3px 0px !important;
    display: block;
}

.ReportViewer a {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 3px 0px !important;
    display: block;
}

.ReportViewer input {
    background-color: rgb(236, 233, 216) !important;
    margin: 0px 0px 3px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.ReportViewer select {
    background-color: Window !important;
    margin: 0px 0px 3px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.ReportViewer td {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.ReportViewer table {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.ReportViewer iframe {
    border: 1px solid silver !important;
    margin: 5px 0px 0px 0px !important;
}

.DataViewPanel .RawDataView {
    margin-top: 15px;
}

    .DataViewPanel .RawDataView table {
        margin-left: 1px;
    }

/* Misc Small parts */

.ScriptLink {
    cursor: pointer;
}

hr {
    border: 1px solid silver;
    border-bottom: none;
    border-left: none;
    border-right: none;
    height: 1px;
}

#jumpTo {
    padding-right: 2px;
    padding-left: 2px;
    z-index: 1;
    top: 0px;
    right: 0px;
    padding-bottom: 2px;
    width: 80px;
    padding-top: 2px;
    position: absolute;
}

div.Information {
    border: none;
    font-style: italic;
    text-align: justify;
    color: Red;
    font-weight: bold;
    clear: both;
    display: block;
    padding-top: 15px;
}

div.NotBadInformation {
    font-style: italic;
    text-align: justify;
    color: blue;
    width: 100%;
    padding: 5px 5px 5px 5px;
    text-align: center;
    font-weight: bold;
    clear: both;
}

a.Information {
    color: Red;
    text-decoration: none;
    padding-left: 40px;
}

    a.Information:hover {
        color: Red;
        text-decoration: underline;
    }

div.InformationContainer {
    width: 500px;
}

div.InformationInner {
    padding: 5px;
}

div.Info {
    padding-top: 5px;
    padding-bottom: 5px;
}

table.SearchControl {
    margin-left: 0px;
    width: 350px;
}

td.SearchControl {
    text-align: left;
    vertical-align: top;
}

    td.SearchControl select {
        width: 250px;
    }

        td.SearchControl select.SearchWidth {
            width: 380px;
        }

        td.SearchControl select.ListWidth {
            width: 535px;
        }

div.WaitMessage {
    display: block;
    width: 150px;
    height: 21px;
}

div.ConfirmationAction {
    padding-bottom: 0.75em;
}

img.CalendarImage {
    cursor: pointer;
}

img.CancelEnrolmentImage {
    background-color: Transparent;
    cursor: pointer;
    margin: 1px 5px 1px 1px;
}

img.httpsimage {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

img.NoBackground {
    background-color: Transparent;
}

input.NoBackground {
    background-color: Transparent;
}

.TextStrengthWeak {
    margin-top: 35px;
    padding-left: 15px;
    padding-bottom: 20px;
    color: Red;
    font-weight: bold;
    font-size: small;
}

.TextStrengthNotGood {
    margin-top: 35px;
    padding-left: 15px;
    color: Orange;
    font-weight: bold;
    font-size: small;
}

.TextStrengthGood {
    position: absolute;
    margin-top: 35px;
    padding-left: 15px;
    color: Green;
    font-weight: bold;
    font-size: small;
}

.WideMainTextStrengthWeak {
    width: 450px;
    margin-top: 35px;
    padding-left: 15px;
    padding-bottom: 20px;
    color: Red;
    font-weight: bold;
    font-size: small;
}

.WideMainTextStrengthNotGood {
    width: 450px;
    margin-top: 35px;
    padding-left: 15px;
    color: Orange;
    font-weight: bold;
    font-size: small;
}

.WideMainTextStrengthGood {
    width: 450px;
    margin-top: 35px;
    padding-left: 15px;
    color: Green;
    font-weight: bold;
    font-size: small;
}

div.NoBorder {
    border: none;
}

a.PasswordInvalidMessage {
    margin-left: 40px;
    font-weight: bold;
}

td.ExpandableContent {
    text-align: center !important;
    vertical-align: text-top;
}

    td.ExpandableContent div {
        text-align: justify;
        position: absolute;
        right: 0px;
        width: 500px;
        border: 1px solid silver;
        background-color: #fffacd;
        padding: 5px 5px 5px 5px;
        z-index: 99;
    }

img.ExpandImage {
    cursor: pointer;
}

.DataEditPanel td.ExtraInformation {
    padding-bottom: 15px;
}

td.ExtraInformation span {
    float: left;
    margin-right: 10px;
}

td.ExtraInformation .ui-slider {
    float: left;
    display: inline-block;
    width: 150px;
    margin-right: 10px;
}

.ExtraInformationHeader, .SkillDetailExperienceLabel {
    color: Green;
    font-weight: bold;
    text-align: left;
    padding-top: 5px;
    clear: left;
}

div.SkillSliderLabel {
    display: block;
    height: 10px;
    clear: left;
    font-size: smaller;
    text-align: center;
    margin-bottom: 2px;
}

td.QuestionnaireDescription {
    text-align: justify;
    font-style: italic;
    font-size: 11px;
    padding-left: 25px;
    padding-bottom: 0.5em;
}

div.FadeAlert {
    background-color: #FFFFCC;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px;
    text-align: center;
    opacity: 1;
}

div.FadeAlertHidden {
    height: 0px;
    overflow: hidden;
    opacity: 0;
}

/* Custom Controls */

div.ProfileItemContent {
    margin-top: 1px;
    margin-left: 1px;
    text-align: left;
}

    div.ProfileItemContent td, th {
        text-align: left;
    }

table.ProfileItemContent {
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 15px;
    width: 500px;
}

    table.ProfileItemContent th {
        padding: 2px 2px 2px 2px;
    }

table.ProfileItemInnerContent {
    border-collapse: collapse;
    width: auto;
    margin: 0px 0px 0px 0px;
}

    table.ProfileItemInnerContent th.ProfileItemInnerContent {
        text-align: center;
        padding: 0px 5px 2px 5px;
        color: Black;
        background-color: white;
        font-weight: normal;
        text-decoration: underline;
    }

    table.ProfileItemInnerContent td {
        padding: 0px 5px 0px 5px;
    }

span.ProfileItem {
    display: inline-block;
}

th.ProfileItemName {
    text-align: left;
    color: black;
    background-color: #eeffee;
}

td.ProfileItemPrompt, table.ProfileItemInnerContent td.ProfileItemPrompt {
    font-style: italic;
    text-align: justify;
    padding: 0px 10px 5px 10px;
}

td.ProfileItemLabel {
    font-weight: bold;
    color: #444444;
    padding: 2px 0px 2px 5px;
}

table.ExtendedTable {
    margin-bottom: 15px;
}

    table.ExtendedTable th, table.ExtendedTable thead td {
        color: White;
        background-color: #66cc99;
        border-left: 2px solid white;
        border-right: 2px solid white;
        text-align: center;
    }

    table.ExtendedTable thead td {
        padding-top: 2px;
        padding-bottom: 4px;
    }

    table.ExtendedTable tfoot th {
        padding-right: 2px;
    }

    table.ExtendedTable th.header {
        background-position: right;
        background-repeat: no-repeat;
        padding-right: 12px;
        padding-left: 12px;
        cursor: pointer;
    }

    table.ExtendedTable th.headerSortUp {
        background-image: url('../../Images/Default/sortArrowDown.gif');
    }

    table.ExtendedTable th.headerSortDown {
        background-image: url('../../Images/Default/sortArrowUp.gif');
    }

    table.ExtendedTable td {
        padding: 2px 5px 2px 5px;
    }

        table.ExtendedTable td.date {
            text-align: center;
            /*width: 100px;*/
        }

        table.ExtendedTable td.numeric {
            text-align: right;
        }

    table.ExtendedTable th.footer {
        text-align: right;
    }

    table.ExtendedTable td.footer {
        text-align: right;
        font-weight: bold;
    }

/* Multi item select styles */

.MultiItemSelectBox {
    width: 325px;
}

.MultiItemContainer {
    margin-left: 2px;
    border: solid 1px Silver;
    border-collapse: collapse;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

    .MultiItemContainer .CollapsibleHead {
        padding-left: 5px;
        padding-top: 5px;
    }

    .MultiItemContainer .MultiItemContainerContent {
        margin-left: 15px;
    }

    .MultiItemContainer td {
        vertical-align: middle;
    }

    .MultiItemContainer th {
        background-color: Transparent;
        text-decoration: underline;
        font-weight: normal;
        color: Black;
        text-align: left;
    }

    .MultiItemContainer Caption {
        color: Gray;
        font-weight: bold;
        text-align: left;
    }

    .MultiItemContainer th.RowHeader {
        width: 15em;
        text-align: right;
    }

.MultiItemTable {
    border: none;
    border-collapse: separate;
    margin-top: 0px;
}

    .MultiItemTable th {
        border: none;
    }

    .MultiItemTable td {
        border: none;
    }

div.MultiItemSelectBoxDiv {
    border: 1px solid silver;
    padding-left: 2px;
}

.MultiItemIconSection {
    width: 750px;
    text-align: right;
}

.MultipleSearchResults {
    margin-bottom: 50px;
}

.MultiItemContainer input {
    vertical-align: top;
}

/* Group Item Select styles */

.Hidden {
    display: none;
}

.GroupItemSelectList {
    border: solid 1px silver;
    overflow: auto;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 50;
    cursor: pointer;
}

.GroupItemSelectItem {
    padding: 3px 2px;
    background-color: White;
}

.GroupItemSelectSelectedItem {
    padding: 3px 2px;
    background-color: #3597ff;
    color: White;
}

input.GroupItem {
    width: 200px;
}

img.ClearButton {
    margin-top: 2px;
    margin-left: 2px;
    cursor: pointer;
}

/* Quick Jump List Styles */

div.QuickJumpList {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 200px;
    border: solid 1px silver;
    /*background-color: #eeffee;*/
    min-height: 100px;
}

div.QuickJumpListHidden {
    position: fixed;
    right: 20px;
    top: auto !important;
    bottom: 20px;
    width: 150px;
    border: solid 1px silver;
    height: auto !important;
    /*background-color: #66cc99;*/
    text-align: center;
    padding: 2px 2px 2px 2px;
}

    div.QuickJumpListHidden div.QuickJumpListTop {
        display: none;
    }

    div.QuickJumpListHidden div.QuickJumpListItemList {
        display: none;
    }

a.ShowQuickJumpListVisible {
    visibility: visible;
}

a.ShowQuickJumpListHidden {
    visibility: hidden;
}

div.QuickJumpListHidden a {
    color: White;
    font-weight: bold;
    text-decoration: none;
}

    div.QuickJumpListHidden a:hover {
        text-decoration: underline;
    }

div.QuickJumpListEdit {
    display: block;
    text-align: right;
    position: absolute;
    right: 25px;
    top: 25px;
    background-color: #fffacd;
    padding: 5px;
    border: 1px solid silver;
    display: none;
}

input.QuickJumpListEditText {
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

div.QuickJumpList a {
    text-decoration: none;
    color: Black;
    display: inline-block;
    width: 156px;
    padding: 2px 0px 2px 5px;
    margin-right: 2px;
    font-weight: normal;
}

    div.QuickJumpList a.ReadOnly {
        color: Gray;
    }

    div.QuickJumpList a:hover {
        color: Black;
        background-color: #aabbaa;
    }

img.RemoveQuickJumpLink {
    cursor: pointer;
    vertical-align: top;
    padding-top: 1px;
}

div.QuickJumpListTop {
    background-color: #66cc99;
    height: 20px;
    text-align: center;
}

    div.QuickJumpListTop input,
    div.QuickJumpListTop img {
        background-color: #66cc99;
        padding: 2px 2px 0px 0px;
        cursor: pointer;
    }

.QuickJumpListHead {
    color: White;
    font-weight: bold;
}

.QuickJumpListNew {
    float: left;
}

.QuickJumpListNewDisabled {
    display: none;
}

div.QuickJumpListAddHidden {
    display: none;
}

div.QuickJumpListAdd {
    display: block;
    text-align: right;
    position: absolute;
    right: 25px;
    top: 25px;
    background-color: #fffacd;
    padding: 5px;
    border: 1px solid silver;
}

input.QuickJumpListAddClient {
    width: 100px;
    margin-right: 2px;
}

input.QuickJumpListAdd {
    vertical-align: middle;
}

.QuickJumpListEdit {
    float: left;
}

.QuickJumpListClose {
    float: right;
}

div.QuickJumpListItemList {
    overflow: auto;
}

div.QuickJumpListReturnTo {
    border-top: solid 1px silver;
}

    div.QuickJumpListReturnTo a {
        font-weight: 500;
        line-height: 15px;
        padding: 2px 0px 2px 5px;
    }

        div.QuickJumpListReturnTo a.ReadOnly {
            font-weight: normal;
        }

        div.QuickJumpListReturnTo a:hover {
            color: Black;
            background-color: #aabbaa;
        }

/*Client Header Styles*/

div.InactiveClient, div.InactiveVacancy, div.InactiveEnterprise {
    background: #fdffb8;
}

td.Inactive {
    background: #fdffb8;
}

td.Inactive {
    background: #fdffb8;
}

/*Overridden Ajax control styles*/

/* Ajax Calendars */

/*.ajax__calendar_days td, .ajax__calendar_months td, .ajax__calendar_years td {
    padding: 0px 0px 0px 0px !important;
}

.ajax__calendar_title {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
}

.ajax__calendar_container {
    z-index: 100;
}*/

.ajax__calendar_body td {
    padding: initial !important;
}

.ajax__calendar_container {
    width: 190px !important;
    background-color: #EEEEEE !important;
    border: solid 1px #DDDDDD !important;
}

.ajax__calendar_body {
    width: 180px !important;
    height: 150px !important;
    background-color: #EEEEEE !important;
    border: solid 1px #cccccc !important;
}

.ajax__calendar_header {
    background-color: #6c9;
    margin-bottom: 4px;
}

.ajax__calendar_title {
    color: #ffffff;
    padding-top: 3px;
}

.ajax__calendar_hover .ajax__calendar_next,
.ajax__calendar_hover .ajax__calendar_prev {
    border: solid 2px #6c9 !important;
    background-color: #ffffff !important;
}

.ajax__calendar_dayname {
    text-align: center !important;
    margin-bottom: 4px !important;
    margin-top: 2px !important;
}

.ajax__calendar_day,
.ajax__calendar_month,
.ajax__calendar_year {
    margin: 1px 1px 1px 1px !important;
    text-align: center !important;
    border: solid 1px #cccccc !important;
    color: #4094C4 !important;
    background-color: #f9f9f9 !important;
}

.ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar_hover .ajax__calendar_year {
    color: #2ecc71 !important;
    background-color: #FEFEFE !important;
    border: solid 1px #2ecc71 !important;
}

.ajax__calendar_active .ajax__calendar_day,
.ajax__calendar_active .ajax__calendar_month,
.ajax__calendar_active .ajax__calendar_year {
    color: #000000 !important;
    background-color: #6c9 !important;
}

.ajax__calendar_today .ajax__calendar_day {
    color: #000000 !important;
    background-color: #6c9 !important;
}

.ajax__calendar_other,
.ajax__calendar_hover .ajax__calendar_today {
    color: #000000 !important;
}

.ajax__calendar_days {
    background-color: #EEEEEE !important;
}

/* Ajax Calendars Css Ends */

/*Slider Styles*/
.ajax__slider_h_rail {
    position: relative;
    background: url('../../Images/Default/slider_h_rail.gif') repeat-x;
    height: 22px;
    width: 150px;
    display: inline-block;
}

.ajax__slider_h_handle {
    position: absolute;
    height: 22px;
    width: 10px;
}

.ajax__slider_v_rail {
    position: relative;
    background: url('../../Images/Default/slider_v_rail.gif') repeat-y;
    width: 22px;
    height: 150px;
}

.ajax__slider_v_handle {
    position: absolute;
    height: 10px;
    width: 22px;
}

td.SkillSliderContainer {
    width: 250px;
}

    td.SkillSliderContainer span {
        float: left;
        padding-right: 5px;
    }

/*Accordian Styles*/

.AccordianHeader {
    background-image: url('../../Images/Default/expand.png');
    background-repeat: no-repeat;
    background-position: 5px 2px;
    padding-left: 20px;
    cursor: pointer;
}

.AccordianHeaderSelected {
    background-image: url('../../Images/Default/selected.png');
}

/*Lightbox style*/

div.background {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #777777;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

div.box {
    display: block;
    background-color: White;
    position: fixed;
    width: 750px;
    height: 450px;
    border: solid 3px grey;
    overflow: hidden;
    padding: 25px 15px;
    z-index: 99;
}

    div.box input.close {
        position: absolute;
        right: 1px;
        top: 1px;
        width: 100px;
    }

    div.box .DataActionImageContainer {
        clear: both;
        position: absolute;
        right: 2px;
        bottom: -50px;
        height: 35px;
        vertical-align: text-bottom;
    }

/*Social Media style*/

.SocialMediaContainer {
    position: absolute;
    left: 731px;
    padding-top: 130px;
    display: inline-block;
}

.SocialMedia {
    float: right;
}

.SocialMediaFull {
    max-width: 200px;
    height: auto;
}

.SocialMediaImage {
    border: none;
    background-color: transparent;
    color: black;
}

/*Client Image style*/

.ClientImageContainer {
    float: right;
    width: 200px;
}

.ClientImage {
    max-height: 120px;
    max-width: 150px;
    float: right;
}

.ClientImageFull {
    max-width: 700px;
    height: auto;
}

/*Tag Cloud styles */

.TagCloudContainer {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.TagCloud {
    line-height: 3em;
    padding: 1px;
    text-align: center;
}

    .TagCloud a {
        padding: 2px;
        vertical-align: middle;
        text-decoration: none;
        display: inline-block;
    }

        .TagCloud a.One {
            font-size: 2.5em;
            font-weight: 800;
        }

        .TagCloud a.Two {
            font-size: 2.2em;
            font-weight: 700;
        }

div.TagCloud a.Three {
    font-size: 1.9em;
    font-weight: 600;
}

div.TagCloud a.Four {
    font-size: 1.6em;
    font-weight: 500;
}

div.TagCloud a.Five {
    font-size: 1.3em;
    font-weight: 300;
}

div.TagCloud a.Six {
    font-size: 1em;
    font-weight: 100;
}

/* Map style */

#subgurim_ div {
    line-height: normal;
}

#subgurim_ input {
    background-color: transparent;
}

#subgurim_ img {
    background-color: transparent;
}

.googledir div {
    line-height: normal;
}

.directionscontainer {
    float: right;
    Width: 195px;
    line-height: 14px !important;
}

.directions {
    Width: 195px;
    overflow-y: scroll;
}

.directionscontainer_printdisplay {
    line-height: 14px !important;
}

.directionsprint_printdisplay {
    display: none;
}

.directionsprint {
    float: right;
}

/* Treeview Style */

div.TreeViewContainer {
    position: relative;
    border: 1px solid silver;
    margin: 10px 0px 10px 0px;
    background-color: #eeffee;
    text-align: left;
}

    div.TreeViewContainer td {
        vertical-align: top;
        padding: 0px 5px 0px 5px;
    }

    div.TreeViewContainer input.AutoComplete {
        margin: 2px 1px 2px 2px;
        border-style: dotted;
        border-color: Black;
    }

    div.TreeViewContainer select {
        width: 150px;
        margin: 2px 1px 2px 2px;
        border-style: dotted;
        border-color: Black;
    }

table.TreeViewContainer td {
    vertical-align: top;
}

div.TreeViewContainer table {
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
}

.TreeViewNode {
    text-decoration: none;
    padding-left: 0px;
}

.TreeViewRoot {
}

.TreeViewParent {
}

.TreeViewLeaf {
}

.TreeViewLinkTopLevel {
    text-decoration: none;
    padding: 2px 2px 4px 2px;
}

    .TreeViewLinkTopLevel:hover {
        text-decoration: underline;
    }

.TreeViewSelected {
    font-weight: bold;
}

.TreeViewHover {
    text-decoration: underline;
}

.ProfileItemFlagContainer {
    width: 38em;
    clear: both;
}

/* Autocomplete List */

a.AutoCompleteList {
    width: 16px;
    height: 18px;
    position: absolute;
    display: block;
    cursor: pointer;
}

input.AutoComplete {
    vertical-align: top;
}

span.AutoCompleteSelect {
    /*display: block;*/
    width: 245px;
}

div.SelectList {
    border: 1px solid silver;
    padding: 0px;
    z-index: 99;
    background-color: white;
    width: 217px;
    position: absolute;
    display: block;
    list-style-type: none;
    overflow-y: scroll;
}

div.SelectListIE {
    margin-left: -236px;
    margin-top: 21px;
}

div.SelectListShown {
    height: 250px;
    opacity: 1;
    filter: alpha(opacity=100);
}

div.SelectListHidden {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

div.SelectList div.WaitMessage {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    text-align: center;
}

a.SelectListItem {
    padding: 3px 2px;
    background-color: White;
    display: block;
    color: Black;
    text-decoration: none;
    width: 195px;
}

    a.SelectListItem:Hover {
        background-color: #3597ff;
        color: White;
    }

/* Other */

.ProfileItemFlag {
    width: 10em;
    height: 4em;
    padding: 0.5em;
    margin: 0.25em;
    overflow: hidden;
    float: left;
    text-align: center;
}

.textwithcombo {
    vertical-align: middle;
}

.ValidationResults {
    padding-top: 8em;
}

/*Message alert styles*/

tr.MessageUnread {
    font-weight: bold;
}

/* Hover Menu*/

.SiteLabel {
    float: none;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0px;
    padding: 0;
    font-size: 1.1em;
    font-weight: bold;
    list-style: none;
}

.sf-menu {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.0;
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 775px; /* left offset of submenus need to match (see below) */
    }

        .sf-menu ul li {
            width: 100%;
            line-height: 1.1em;
            text-align: center;
        }

    .sf-menu li:hover {
        visibility: inherit;
    }

    .sf-menu li {
        float: left;
        position: relative;
        line-height: 1em;
    }

    .sf-menu a {
        display: block;
        position: relative;
    }

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

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 3.5em;
}

    .sf-menu a {
        border-left: 1px solid #fff;
        border-top: 1px solid #CFDEFF;
        padding: 0.1em 1em 0.2em 1em;
        text-decoration: none;
    }

        .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
            color: white;
        }

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
    background: #66cc99;
    position: relative;
    z-index: 0;
}

    .sf-navbar li {
        background: #66cc99;
        position: static;
        border-left: 2px solid white;
    }

    .sf-navbar a {
        padding: 0.1em 1.5em 0.2em 1.5em;
        text-decoration: none;
        border-top: none;
    }

        .sf-navbar a:hover {
            color: #fff;
        }

    .sf-navbar li ul {
        width: 100%; /*IE6 needs this*/
        background: #66cc99;
    }

    .sf-navbar li li {
        background: #66cc99;
        position: relative;
        font-size: 1.2em;
    }

        .sf-navbar li li a {
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 14px;
        }

        .sf-navbar li li ul {
            width: 13em;
        }

        .sf-navbar li li li {
            width: 100%;
        }

    .sf-navbar ul li {
        width: auto;
        float: left;
    }

    .sf-navbar a, .sf-navbar a:visited {
        border: none;
    }

    .sf-navbar li.current {
        background: #44AA77;
    }

    .sf-navbar li:hover,
    .sf-navbar li.sfHover,
    .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
        background: #44AA77;
    }

    .sf-navbar ul li:hover,
    .sf-navbar ul li.sfHover,
    ul.sf-navbar ul li:hover li,
    ul.sf-navbar ul li.sfHover li,
    .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
        background: #339966;
    }

ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
    left: 0;
    top: 1.4em; /* match top ul list item height */
}

    ul.sf-navbar .current ul ul {
        top: -999em;
    }

.sf-navbar li li.current > a {
}

/* Bing Maps Styles */

div.MSVE_Map img, img.MSVE_PoweredByLogo {
    background-color: Transparent;
}

div.BingMapsMap {
    width: 390px;
    height: 400px;
    position: relative;
    float: left;
    margin-top: 15px;
}

div.MapDirectionsControls input {
    width: 178px;
}

div.MapDirectionsControls img {
    background-color: Transparent;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
}

div.MapDirections {
    width: 330px;
    float: left;
    padding-left: 10px;
    text-align: justify;
}

    div.MapDirections ol {
        padding-left: 20px;
    }

div.unreadcount {
    z-index: 300;
    position: relative;
    color: black;
    font-weight: bold;
    border: 1px solid silver;
    background-color: #CCCCCC;
    padding: 1px 4px;
    text-align: center;
    margin: -20px 0 auto auto;
    left: 0;
    top: -5px;
    min-width: 30px;
}

.ParentEligibility {
    border-top: 1px solid silver;
}

/* Treeview styles */
.sitetreecontainer {
    width: 800px;
}

.sitetree {
    float: left;
    width: 280px;
}

.sitetreeitems {
    float: right;
    width: 500px;
}

    .sitetreeitems .MultiItemSelectBox {
        width: 220px;
    }

    .sitetreeitems .Subheader {
        padding-top: 0em;
    }

#MultiSiteWarning {
    color: Green;
    padding-bottom: 0.25em;
    padding-left: 0.25em;
}

.sitetreeitems p {
    padding-left: 0.25em;
}

.centre {
    text-align: center;
}

#ctl00_mCPH_dgrdWizards_DataTable > tfoot > tr > td {
    display: inline-block;
}

#ctl00_mCPH_dgrdActivities_pageLink1 {
    display: inline-block;
}

.DataViewPanel.Details textarea {
    width: 100%;
    margin-bottom: 1%
}

.redacted {
    display: none;
}

a.btn {
    text-decoration: none;
}

.fas.fa-undo {
    color: red;
    cursor: pointer;
}

.modal-footer a:not([href]):not([tabindex]) {
    color: #fff;
}

/* Page headings */
.section-divider > h4 {
    color: #44bd32;
}

.section-divider > hr {
    background-color: #44bd32;
}

.nav-tabs-custom .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-weight: bold;
}