/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color. or 01334C

orig bg:#5c87b2
madison bg: #01334C
----------------------------------------------------------*/
html
{
    /* background-color: #f4f4f4; */
    background-color: #ffffff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body
{
    font-size: .80em;
    /*font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;*/
    font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

/*a:link {
    color: #034af3;
    text-decoration: underline;
} */

a:visited
{
    outline: 0;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #12eb87;
    outline: 0;
}

p, ul
{
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0;
    /*line-height: 1.6em;*/
}

header,
footer,
nav,
section
{
    display: block;
}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*h2 {
    padding: 0 0 10px 0;
}*/

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
.page
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    min-width: 993px;
}

header, #header
{
    margin: 0;
    color: #000;
    padding: 0;
}

    header h1, #header h1
    {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #01334C;
        border: none;
        line-height: 2em;
        font-size: 32px !important;
        text-shadow: 1px 1px 2px #111;
    }

#main
{
    overflow: hidden;
    position: relative;
    clear: both;
    padding: 4px 8px 10px 0px;
    background-color: #ffffff;
    border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    /* border-right: 1px solid #01334C;
    border-left: 1px solid #01334C; */
}

#mainleft
{
    overflow: hidden;
    float: left;
    height: auto;
    /* width: 20%; */
    width: 200px;
}

#mainright
{
    padding-left: 5px;
    overflow: hidden;
    /* float: left; */
    min-height: 550px;
    /* width: 80%; */
}

#MainPanel
{
    /* height: 100%;
    width: 100%; */
}

#BodyHeader span
{
    display: inline-block;
}

footer,
#footer
{
    background-color: #ffffff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    /* border-right: 1px solid #01334C;
    border-left: 1px solid #01334C;
    border-bottom: 1px solid #01334C; */
}

/* TAB MENU
----------------------------------------------------------*/
ul, li
{
    margin-left: 10px;
}

    ul#menu
    {
        border-bottom: 1px #5C87B2 solid;
        padding: 0 0 2px;
        position: relative;
        margin: 0;
        text-align: right;
    }

        ul#menu li
        {
            display: inline;
            list-style: none;
        }

            ul#menu li#greeting
            {
                padding: 10px 20px;
                font-weight: bold;
                text-decoration: none;
                line-height: 2.8em;
                color: #fff;
            }

            ul#menu li a
            {
                padding: 10px 20px;
                font-weight: bold;
                text-decoration: none;
                line-height: 2.8em;
                background-color: #e8eef4;
                color: #034af3;
                border-radius: 4px 4px 0 0;
                -webkit-border-radius: 4px 4px 0 0;
                -moz-border-radius: 4px 4px 0 0;
            }

                ul#menu li a:hover
                {
                    background-color: #fff;
                    text-decoration: none;
                }

    ul#newmenu li a:link, ul#newmenu li a:visited, ul#newmenu li a:hover, ul#newmenu li a:active
    {
        color: #111111;
    }

    ul#menu li a:active
    {
        background-color: #a6e2a6;
        text-decoration: none;
    }

    ul#newmenu li a:hover
    {
        background-color: #eeeeee;
    }

.menuSelected
{
    background-color: #d8dfea;
}

.fullwidth
{
    width: 100%;
    display: block;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #01334C;
    /*padding: 0 1.4em 1.4em 1.4em;*/
    padding: 10px;
    margin: 0 0 .5em 0;
    /*display: inline;*/ /*KLW display: inline; screws up the width of the datatables */
    border-spacing: 0;
    background-color: #FFFFFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    min-width: 0; /*for webkit default*/
}

legend
{
    color: #01334c;
    padding: 0px 2px 0px 2px;
    border: 0;
    border-spacing: 1em 0em;
    background-color: #FFFFFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 1.2em;
    font-weight: normal;
    text-align: left;
    /*need display inline for IE bug if you want rounded corners
    display:inline-block;
    position:relative;*/
}

fieldset.SearchPanel
{
    background-color: #f1f1f1;
    border: 1px solid #4c88a5;
}

    fieldset.SearchPanel legend,
    legend.NonSearchPanel
    {
        /* background-color: #cfcfcf; */
        background-color: #4c88a5;
        border: 1px solid #4c88a5;
        color: #ffffff;
        font-size: 13px;
        padding: 3px;
    }

fieldset.SkillLegend
{
    background-color: #f1f1f1;
    width: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border-width: 2px;
    border-color: black;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    display: inline-block;
    margin: 0 0 0 0;
}

textarea
{
    min-height: 75px;
    height: 250px;
    width: 450px;
}

#PositionDescription
{
    height: 150px;
}

textarea.tall
{
    min-height: 75px;
    height: 525px;
    width: 98%;
    min-width: 550px;
    padding-left: 10px;
}

textarea.QuestionEditor {
    min-height: 100px;
    min-width: 350px;
    height: 100px;
    width: 350px;
}

input[type="text"],
input[type="password"]
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    /*width: 200px;*/
}

input[type="image"][disabled]
{
    padding: 2px;
    /*border:1px inset #afafaf ! important;
    color: GrayText ! important;*/
    background-color: #afafaf !important;
    /*cursor: inherit; */
    cursor: url('/Content/images/icons/error.png'),auto;
    border-radius: 4px;
}

/*input[type="image"]
{
    text-decoration: none;
}*/

input.ui-spinner-input
{
    border: none;
}

select
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 169px;
    margin-left: 2px;
}

/*input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}*/

/* TABLE
----------------------------------------------------------*/

table
{
    border-collapse: collapse;
}

    table.layouttable
    {
        width: 100%;
    }

div.popuptable
{
    overflow-x: scroll;
    height: 721px;
}

div.popupinnertable
{
    overflow-x: scroll;
}

/*table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}*/
/*table {
  border-collapse: collapse;
}
th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em; /* LTR * /
  text-align: left; /* LTR * /
}
tbody {
  border-top: 1px solid #ccc;
}
tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}*/

/* MISC
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

/*login*/
#logindisplay
{
    /*position:absolute;*/
    /*right:0;*/
    font-size: 1.1em;
    display: inline-block;
    float: right;
    /*text-align: right;*/
    vertical-align: middle;
    line-height: 39px;
    /* margin: 10px; */
    /* color: #01334C; */
    color: #ffffff;
    margin-right: 15px;
    margin-left: 15px;
}

    #logindisplay a:link
    {
        color: #eeeeee;
        text-decoration: underline;
    }

    #logindisplay a:visited
    {
        color: #eeeeee;
        text-decoration: underline;
    }

    #logindisplay a:hover
    {
        color: #ffffff;
        text-decoration: none;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.editor-action
{
    text-align: left;
    /*font-weight: bold; bold is reserved for required fields*/
    /*margin: 0em 10px 0 10px;*/
    vertical-align: top;
    white-space: nowrap;
}

.editor-label-required
{
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

.display-field,
.editor-field
{
    margin: 0em 0 0 0;
    vertical-align: top;
}

.internal-notes-create textarea
{
    width: 400px;
    height: 40px;
}

.internal-notes-edit textarea
{
    width: 775px;
    height: 22px;
}

.text-box
{
    /*width: 20em;*/
}

    .text-box.multi-line
    {
        height: 6.5em;
    }

.tri-state
{
    width: 6em;
}

/* Styles for header display
----------------------------------------------------------*/
/*title bar */
div#title
{
    display: inline-block;
    float: left;
    text-align: left;
    overflow: hidden;
    vertical-align: middle;
    line-height: 39px;
}

div#ActionArea
{
    float: left;
    /*height: 39px;*/
    /*padding-left: 50px;*/
    vertical-align: middle;
}

    div#ActionArea input
    {
        margin-top: 4px;
        height: 25px;
        font-size: 20px;
    }

div#topband
{
    float: right;
    /*height: 39px;*/
    width: 100%;
    background-color: #01334C;
}

div#metrics
{
    display: inline-block;
    margin: 5px 0px 10px 50px;
    float: none;
    height: 69px;
    vertical-align: middle;
    width: auto;
}

    div#metrics fieldset
    {
        min-width: 450px;
        vertical-align: middle;
    }

        div#metrics fieldset table
        {
            width: 100%;
        }

.metrics-display-label
{
    font-weight: bold;
    margin: 0 0 0 0;
}

.metrics-display-field
{
    margin: 0 0 0 0;
}

.PopoverTextSmall
{
    font-size: 11px;
    line-height: 0.5em;
}

.popoverMinWidth
{
    min-width: 300px;
}

/* superfish menu */
nav,
#menucontainer
{
    margin-top: 0px;
    min-height: 32px;
}

nav,
#menucontainerleft
{
    margin-top: 0px;
    min-height: 32px;
    /*margin-bottom: 32px;*/
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    background-color: #01334c;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #02739e), color-stop(10px, #014c59), color-stop(34px, #01334c), color-stop(34px, transparent), color-stop(100%, transparent));
    background-image: -webkit-linear-gradient(top, #02739e 0%, #014c59 10px, #01334c 34px, transparent 34px, transparent 100%);
    background-image: -moz-linear-gradient(top, #02739e 0%, #014c59 10px, #01334c 34px, transparent 34px, transparent 100%);
    background-image: -o-linear-gradient(top, #02739e 0%, #014c59 10px, #01334c 34px, transparent 34px, transparent 100%);
    background-image: linear-gradient(top, #02739e 0%, #014c59 10px, #01334c 34px, transparent 34px, transparent 100%);
    background-image: url('images/nav-bar-bg.gif') repeat-x;
}

#lowermenucontainer
{
    min-height: 32px;
    background-color: #585757;
}

/*sf mouseover*/
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active
{
    background: #585757;
    /*border-radius: 4px 4px 0 0;*/
}

.sf-navbar
{
    padding-bottom: 0em;
}

#menucontainer ul li.current
{
    /*border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;*/
}

.zeroboarder
{
    padding: 0;
    border: 0;
    border-spacing: 1em 0em;
}

table.zeroboarder
{
    border-collapse: separate;
}

/*datatables style to keep the table width 100% for datatables*/
table.display
{
    border-collapse: collapse;
    /*width: 100%;*/
}

    table.display.dataTable
    {
        width: 100%;
    }

        table.display.dataTable th
        {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
        }

table.limitcolumnwidth td
{
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.dataTables_processing
{
    z-index: 5000;
}

div.DTED_Lightbox_Wrapper
{
    z-index: 101;
}

/*.dataTable tbody tr td
{
    font-size: 10pt;
    font-family: "Segoe UI" , "Helvetica Neue" , "Lucida Grande" , Arial, Helvetica, Verdana, sans-serif;
}*/

/*buttons in datatables table show like links*/
/*tr.odd td button,
tr.odd td input[type="button"],
tr.even td button,
tr.even td input[type="button"]
{
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    cursor: hand;
    background-color: transparent;
    text-decoration: underline;
}*/

/* datatables row striping */
tr.odd
{
    background-color: #ffffff;
}

tr.even
{
    background-color: #ebebeb;
}

tr.odd td.sorting_1
{
    background-color: #ebebeb;
}

tr.even td.sorting_1
{
    background-color: #cfcfcf;
}

/*pseudo datatables for knockout*/
table.display tbody tr:nth-child(even)
{
    background-color: #ebebeb;
}

    table.display tbody tr:nth-child(even).row_selected td
    {
        background-color: #B0BED9;
    }

table.display tbody tr:nth-child(odd).row_selected td
{
    background-color: #9FAFD1;
}

/*keep items below tabs the same relative font size*/
.ui-tabs-panel
{
    font-size: .9em;
    font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}

/*keep data tables table tools buttons from overlaying each other*/
.ui-buttonset .ui-button
{
    margin-right: 0px;
}

input.text_filter, input.search_init
{
    width: auto;
    /*max-width: 10px;*/
}

/*button, input[type="button"]
{
    background:none;
    border:none;
    padding:0;
    cursor: pointer;
    cursor: hand;
    background-color: transparent;
    text-decoration: underline;
}*/

button, input[type="button"], input[type="submit"]
{
    border: 1px solid #c5dbec;
    background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #4c88a5;
    cursor: hand;
    cursor: pointer;
    font-size: 1em;
    font-family: Arial,sans-serif;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-appearance: button;
}

    button:not(.nohover):not(.ui-dialog-titlebar-close):not([role = presentation]):not(.mce-open):hover,
    input[type="button"]:not(.nohover):not(.ui-dialog-titlebar-close):not([role = presentation]):not(.mce-open):hover,
    input[type="submit"]:not(.nohover):not(.ui-dialog-titlebar-close):not([role = presentation]):not(.mce-open):hover
    {
        border: 1px solid #79b7e7;
        background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #1d5987;
    }

.nohover:hover
{
}

.uidialognoclose .ui-dialog-titlebar-close
{
    display:none;
}

.noTitleBar .ui-dialog-titlebar
{
    display: none;
}

.duplicateCandTitleBar .ui-dialog-titlebar
{
    color: white;
}

/*job edit and create layouts*/
table.parenttable > tbody > tr > td
{
    vertical-align: top;
}

td.number
{
    text-align: center;
}

td.boldnumber
{
    text-align: center;
    font-weight: bold;
}

/*icons on queue table*/
img.icon, input.icon
{
    height: 17px;
    width: 17px;
    text-decoration: none;
    border: none;
}

a.icon
{
    text-decoration: none;
    border: none;
}

/*keep jquery ui dialog over superfish flyouts*/
.ui-dialog
{
    z-index: 100;
}

    .ui-dialog .ui-dialog-content
    {
        padding: .25em;
    }

/* queue table container */
table.queuelayout
{
    border-collapse: separate;
    padding: 0px;
    border-spacing: 0px;
    border: 1px solid Black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 100%;
}

    table.queuelayout > tbody > tr > td,
    table.queuelayout > thead > tr > td
    {
        vertical-align: top;
        border: 1px solid Black;
        padding: 7px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

    /*table.queue>tbody>tr>td:first-child,
table.queue>thead>tr>th:first-child,
table.queue>thead>tr>td:first-child
{
    width: 20px;
}*/

    table.queuelayout tbody tr td h4
    {
        white-space: nowrap;
    }

td.queuetypeicon
{
    width: 21px;
}

td.activityBoard
{
    min-width: 330px;
}

div.activityBoard-titleleft
{
    margin: 0 auto;
    float: left;
    position: relative;
}

div.activityBoard-titleright
{
    margin: 0 auto;
    float: right;
    position: relative;
}

/*tabs*/
.ui-tabs .ui-tabs-panel
{
    padding: .5em;
}

.ui-tabs > .ui-tabs-nav > .ui-state-disabled
{
    display: none; /* disabled tabs don't show up */
}

table.popupheader tbody tr td:nth-child(even)
{
    width: 125px;
}

table.popupheader tbody tr td:first-child
{
    width: 200px;
}

table.popupheader tbody tr td
{
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

    table.popupheader tbody tr td:nth-child(even) h4,
    table.popupheader tbody tr td:nth-child(even) h2
    {
        color: #2e6e9e;
    }

    table.popupheader tbody tr td h4,
    table.popupheader tbody tr td h2
    {
        margin: -0.5em;
        margin-top: 0em;
        margin-bottom: 0em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }

    table.popupheader tbody tr td:nth-child(odd)
    {
        min-width: 100px;
    }

    table.popupheader tbody tr td h2
    {
        font-size: 1.2em;
    }

    table.popupheader tbody tr td h4
    {
        font-size: 1.0em;
    }

td.onehundredpercentwidth div.editor-label
{
    text-align: left;
}

.candidatePicture
{
    max-height: 75px;
    max-width: 150px;
    border-radius: 4px;
}

.candidatePicture_Cloud
{
    max-height: 105px;
    max-width: 81px;
    border-radius: 4px;
}

.candidatePicture_ActivityBoard
{
    max-height: 40px;
    max-width: 80px;
    border-radius: 4px;
}

.customerPicture
{
    max-height: 75px;
    max-width: 150px;
    border-radius: 4px;
}

/* hot list toggle */
.outertoggle
{
    position: absolute;
    right: 0;
    z-index: 100;
}

.toggler_body
{
    width: 350px;
    /*margin-left: auto;*/
    border-right: 1px solid #01334C;
    border-left: 1px solid #01334C;
}

div.toggler
{
    /*background: #585757;*/
    text-align: right;
    background: red;
    padding: .75em 1em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    min-width: 60px;
    /*border-right: 1px solid #01334C;
    border-left: 1px solid #01334C;
    border-bottom: 1px solid #01334C;*/
}

    div.toggler a
    {
        color: white;
        text-shadow: #3e0019 0.1em 0.1em 0.1em;
        text-decoration: none;
    }

span.toggler
{
    float: left;
}

.ui-icon-large
{
    width: 32px;
    height: 32px;
    background-image: url(/Content/themes/base/images/themeroller-icon-set-vector-32px-A-2e83ff.png);
    border: none;
    text-decoration: none;
}

.ui-icon-triangle-1-s-large
{
    background-position: -128px -46px;
}

.ui-icon-triangle-1-n-large
{
    background-position: 0 -32px;
}

.ui-icon-black
{
    width: 16px;
    height: 16px;
    background-image: url(/Content/themes/base/images/icons-black.png);
    border: none;
    text-decoration: none;
}

.ui-icon-wrench
{
    background-position: -176px -112px;
}

.ui-icon-phone
{
    width: 30px;
    height: 24px;
    background-image: url(/Content/themes/base/images/Icono_telefono.gif);
    background-position: -10px -12px;
    border: none;
    text-decoration: none;
}

/* end hot list toggle */

a.addButton
{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/Content/themes/base/images/ui-icons_2e83ff_256x240.png);
    /*x, y from bottom right*/
    background-position: 224px 112px;
    border: none;
    text-decoration: none;
}

a.removeButton
{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/Content/themes/base/images/ui-icons_2e83ff_256x240.png);
    /*x, y from bottom right*/
    background-position: 192px 112px;
    border: none;
    text-decoration: none;
}

div.queueTabs
{
    width: 100%;
}

div.skillEditor
{
    max-height: 180px;
    overflow: auto;
}

select[multiple]
{
    height: 120px;
}

.ui-multiselect.multijq
{
    width: 190px;
}

ul.ui-multiselect-checkboxes li
{
    margin-left: 0px;
}

div.hidden
{
    font-size: 4pt;
    color: #f1f1f1;
}

a.hidden
{
    color: #f1f1f1;
    background: #f1f1f1;
    text-decoration: none;
    cursor: default;
}

/* notes */
table.notes
{
    width: 100%;
}

tr.notes
{
    background-color: #EFF3FB;
}

td.notes
{
    white-space: nowrap;
}

textarea.notes
{
    min-height: 75px;
    height: 100px;
    width: 800px;
}

div.notes
{
    height: 300px;
    width: 100%;
    overflow-y: scroll;
    border: thin dotted #C0C0C0;
}
/* end notes */

table.visibleborders
{
    border: 1px solid Black;
}

/*table.emailComposer tr td input[type="text"],
table.emailComposer tr td input[type="password"],
table.emailComposer tr td textarea {
    width: 700px;
}*/

ul.ui-autocomplete
{
    z-index: 101;
}

.resumeImporter
{
    float: left;
    margin-top: auto;
    margin-bottom: auto;
}

    .resumeImporter input[type="file"]
    {
        margin-top: 4px;
        color: black;
        background-color: white;
    }

.float-right
{
    float: right;
}

.float-left
{
    float: left;
}

div.AddressDisplayParent
{
    height: 100%;
}

div.AddressDisplay
{
    background-color: #f1f1f1;
    border: 1px solid #4c88a5;
    padding: 1px;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

td.AddressDisplay
{
    height: 160px;
}

div.AddressDisplay table
{
    width: 100%;
}

ul#newmenu li
{
    /* margin-left: 20px; */
    list-style-type: none;
    background-repeat: no-repeat;
}

ul#helpmenu li
{
    margin-left: 20px;
    list-style-type: none;
    background-repeat: no-repeat;
}

ul.helpmenu li
{
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.submenu li
{
    margin-left: 10px;
}

    ul.submenu li a
    {
        margin-left: 18px;
        padding-left: 2px;
    }

ul#newmenu li a:link
{
    text-decoration: none !important;
    color: #303030;
    width: 152px;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
}

li.followups_menu
{
    background-image: url('images/icons/followup_icon.png');
}

li.tips_menu
{
    background-image: url('images/icons/tip.png');
}

li.calendar_menu
{
    background-image: url('images/icons/monthview.png');
}

li.myrecruits_menu
{
    background-image: url('images/icons/myrecruits_icon.png');
}

li.myjobs_menu
{
    background-image: url('images/icons/job_small.png');
}

li.jobs_menu
{
    background-image: url('images/icons/job_small.png');
}

li.customer_menu
{
    background-image: url('images/icons/customer_icon.png');
}

li.submittals_menu
{
    background-image: url('images/icons/submittal_summary.png');
}

li.echochat_menu {
    background-image: url('images/icons/echoChatico.png');
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

li.orders_menu
{
    background-image: url('images/icons/orders_icon.png');
}

li.resume_menu
{
    background-image: url('images/icons/resume_icon.png');
}

li.import_menu
{
    background-image: url('images/icons/import_icon.png');
}

li.skills_menu
{
    background-image: url('images/icons/skills_icon.png');
}

li.search_menu
{
    background-image: url('images/icons/search_icon.png');
}

li.menubar_menu
{
    background-image: url('images/icons/menubar_icon.png');
}

li.pickshovel_menu
{
    background-image: url('images/icons/teal/pickaxeShovel_teal.png');
}

li.configuration_menu
{
    background-image: url('images/icons/configuration.png');
}

li.cloud_menu
{
    background-image: url('images/icons/cloud_icon.png');
}

li.candidates_menu
{
    background-image: url('images/icons/candidates_icon.png');
}

li.candidatesui_menu
{
    background-image: url('images/sui.png');
}

li.ocean_menu
{
    background-image: url('images/icons/oceanwave.png');
}

li.email_menu
{
    background-image: url('images/icons/email_icon.png');
}

li.emailhistory_menu
{
    background-image: url('images/icons/emailhistory_icon.png');
}

li.emailtemplate_menu
{
    background-image: url('images/icons/emailtemplate_icon.png');
}

li.emailsignature_menu
{
    background-image: url('images/icons/email_signature.png');
}

li.create_user_menu
{
    background-image: url('images/icons/add_user.png');
}

li.pending_orders_menu
{
    background-image: url('images/icons/create_orders.png');
}

li.sync_menu
{
    background-image: url('images/icons/teal/db-sync-mini-teal.png');
}

li.source_menu
{
    background-image: url("images/icons/teal/filter-32.png");
    background-position: left center;
    background-size: 12px auto;
}

#activityActions a
{
    color: #025b88;
}

/* =============================
    Popovers
   ============================= */

.PopoverButtonEmulate {
    display: inline-block;
    *display: inline;
}

.PopoverButton
{
    color: #ffffff;
    /*background-color: #1f4963;*/
    line-height: 39px;
    display: inline-block;
    *display: inline;
    padding: 0px 12px;
}

    .PopoverButton img
    {
        border-style: none;
        display: inline-block;
        vertical-align: middle;
    }

.popover
{
    max-width: none;
}

/* =============================
    Misc
   ============================= */

.width50
{
    width: 50px;
}

td.aligntop
{
    vertical-align: top;
}

/* =============================
    YUI charts
   ============================= */

#SalesPipelineChart
{
    width: 715px;
    height: 250px;
    margin-bottom: 10px;
}

#AccountsChart
{
    width: 540px;
    height: 250px;
    margin-bottom: 10px;
}

#JobsChart
{
    width: 540px;
    height: 250px;
    margin-bottom: 10px;
}

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

td.dashheader h4
{
    margin: 10px;
    color: #222222;
}

td.textbold
{
    font-weight: bold;
}

fieldset.DashboardInfoPanel
{
    background-color: #ffffff;
    max-width: 190px;
    padding: 5px;
}

fieldset.ltgrey
{
    background-color: #f1f1f1;
}

a.x_new_entity_icon
{
    float: right;
}

    a.x_new_entity_icon img
    {
        height: 25px;
        margin-left: 5px;
    }

a.x_new_entity_icon_left
{
    float: left;
}

    a.x_new_entity_icon_left img
    {
        height: 25px;
        margin-left: 5px;
    }
    
    
    div.addJobToOrderBillingInformationOrderRates
{
    height: 40px;
}

a img *, a img
{
    border: none;
}

a.dtHeaderTitle
{
    font-size: 1.3em;
    font-weight: bold;
    margin-left: 1em;
    text-align: left;
    float: left;
}

    a.dtHeaderTitle:hover
    {
        color: #ffffff;
    }

a.dtButton_Right
{
    float: right;
}

.saveicon
{
    border: none;
    outline-width: 0px;
    height: 24px;
    width: 24px;
    text-decoration: none;
}

table.xur_buttonarray
{
    margin: 0;
    padding: 0;
}

    table.xur_buttonarray td
    {
        font-size: 14px;
        padding: 0 15px 0 0;
    }

td.new_note_readonly
{
    color: #DC143C;
    font-weight: bold;
}

.onAssignment
{
    color: Red;
}

fieldset.EditJobGeneralPanel
{
    min-height: 332px;
    display: block;
    height: auto;
}

fieldset.CreateJobGeneralPanel
{
    /*min-height: 281px;*/
    display: block;
    height: auto;
}

fieldset.EditAccountGeneralPanel
{
    min-height: 214px;
    display: block;
    height: auto;
}

fieldset.EditOrderPlacementPanelTop
{
    min-height: 99px;
    display: block;
    height: auto;
}

fieldset.EditOrderPlacementPanelBottom
{
    display: block;
    height: 100%;
}

div.dotdotdot
{
    max-width: 150px;
    height: 17px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

input.ui-spinner-input
{
    width: 20px;
}

input.JQTimeSpinner
{
    width: 150px;
}

input.calculatorInput
{
    width: 55px;
}

select.calculatorInput
{
    width: 93px;
    padding: 0px;
    margin: 0px;
}

td.CalcPadding
{
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 10px;
}

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

div.calendareventfutip
{
    background-image: url('/Content/images/icons/yellowlightbulb.png');
    background-repeat: no-repeat;
    background-position: right;
}

div.tooltip-inner, div.tooltip
{
    max-width: none !important;
}

@media print
{
    div.topband
    {
        display: none;
    }

    div.leftmenubar
    {
        display: none;
    }

    div.xdatatables_width
    {
        width: 100% !important;
        overflow: visible !important;
    }

    div.mainrightcontentarea
    {
        overflow: visible !important;
    }

    div.mainbodyarea
    {
        overflow: visible !important;
        padding: 0px;
    }

    div.dataTables_scrollBody
    {
        /* show all rows in the print view */
        height: 100% !important;
    }
}

.wordbrk
{
    word-break: break-all;
}

#DoNotUse
{
    background: rgb(52,58,62); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(52,58,62,1) 0%, rgba(87,93,98,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,58,62,1)), color-stop(100%,rgba(87,93,98,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(52,58,62,1) 0%,rgba(87,93,98,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(52,58,62,1) 0%,rgba(87,93,98,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(52,58,62,1) 0%,rgba(87,93,98,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(52,58,62,1) 0%,rgba(87,93,98,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343a3e', endColorstr='#575d62',GradientType=0 ); /* IE6-9 */
}

#MadisonBand
{
    width: 100%;
    height: 35px;
    background: rgb(87,93,98); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(87,93,98,1) 0%, rgba(53,59,63,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,93,98,1)), color-stop(100%,rgba(53,59,63,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(87,93,98,1) 0%,rgba(53,59,63,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(87,93,98,1) 0%,rgba(53,59,63,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(87,93,98,1) 0%,rgba(53,59,63,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(87,93,98,1) 0%,rgba(53,59,63,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575d62', endColorstr='#353b3f',GradientType=0 ); /* IE6-9 */
    /* border-top: 2px solid #28333A; */
    border-bottom: 2px solid #575d62;
    /* border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px; */
}

#BandLeft
{
    float: left;
    color: #fff;
}

#BandCenter
{
    float: right;
    position: relative;
    left: -35%;
    text-align: left;
    margin-top: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 650;
}

#BandRight
{
    float: right;
    right: 100%;
    color: #fff;
}

#AppNameText
{
    font-family: Arial;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
}

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

    ul.BrokerSelector li
    {
        padding-left: 1em;
        text-indent: -1em;
        font-family: Arial;
        font-size: 20px;
        color: #ffffff;
        font-weight: 600;
    }

        ul.BrokerSelector li:before
        {
            content: "\25bc";
            padding-right: 7px;
        }

td.JobCandidateStatusID select
{
    width: 125px;
}

table.table
{
    margin: 10px auto;
    width: 80%;
}

    table.table td
    {
        padding: 5px;
        line-height: 24px;
        font-size: 14px;
        vertical-align: middle;
    }

    table.table th
    {
        padding: 5px;
        line-height: 18px;
        font-size: 16px;
        vertical-align: middle;
    }

.table
{
    width: 100%;
    border-collapse: collapse;
    max-width: 810px;
}

    .table td
    {
        padding: 7px;
        border: #4e95f4 1px solid;
    }
    /* provide some minimal visual accomodation for IE8 and below */
    .table tr
    {
        background: #b8d1f3;
    }
        /*  Define the background color for all the ODD background rows  */
        .table tr:nth-child(odd)
        {
            background: #EFF4FF;
        }
        /*  Define the background color for all the EVEN background rows  */
        .table tr:nth-child(even)
        {
            background: #dae5f4;
        }

button#start-sync
{
    font-size: 24px;
    width: 50%;
    font-weight: bold;
    background: #00a300;
    color: rgb(255, 255, 255);
    border: #cccccc;
}

    button#start-sync:hover
    {
        background: #1e7145;
    }

table.table a
{
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #dfeffc;
    border: 1px solid #c5dbec;
    border-radius: 5px;
    color: #4c88a5;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 1px 5px 2px 5px;
    text-decoration: none;
}

.candidate-reference-textarea textarea
{
    min-height: inherit;
    width: inherit;
    height: inherit;
    resize: none;
}

.FloatMiddle
{
    margin: 0 auto;
}

.loadinggif
{
    background-color: #ffffff;
    background-image: url('/Content/images/spinner_small.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

input.postsubmittal-btn
{
    color: #444444;
    background-color: rgb(76, 136, 165);
    opacity: 1;
}

/* EchoChat
----------------------------------------------------------*/

.msgTable {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #F3F5F2;
    -webkit-box-shadow: #616161 7px 7px 7px;
    -moz-box-shadow: #616161 7px 7px 7px;
    box-shadow: #616161 7px 7px 7px;
}



.kontactlist {
    font-size: 8pt;
    margin-bottom: 7px;
}



.sendreceiveIkon {
    height: 18px;
    width: 25px;
    border: none;
}

.sendreceiveLegend {
    height: 14px;
    width: 19px;
    border: none;
}

.eCboxheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
}

ul.xhorizontal
{
    margin-left: -30px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    min-width: 26em;
}
ul.xhorizontal li
{
    display: block;
    float: right;
    margin: 5px;
}

/*********************************************/
/*****Circle Heart image for Candidate********/
/*********************************************/
.candidate_health_100:after,
.candidate_health_100  {
  background-color: green;
  color: floralwhite;
}

.candidate_health_75:after,
.candidate_health_75  {
  background-color: yellow;
  color: black;
}

.candidate_health_50:after,
.candidate_health_50  {
  background-color: orange;
}

.candidate_health_25:after,
.candidate_health_25 {
  background-color: red;
  color: floralwhite;
}

.candidate_health_none:after,
.candidate_health_none  {
  background-color: #ccc;
}

.candidate_health {
  width: 18px;
  height: 18px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
  font-size: 85%;
  font-weight: bold;
  /* font size was made relative. */
  line-height:18px;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  border: 1.5px solid #4c88a5;
  margin-bottom: 3px;
 /*zoom: 72%; */
}

.suitooltip {
    position: relative;
    display: inline-block;
}

.suitooltip .suitooltiptext {
    visibility: hidden;
    width: 325px;
    background-color: black;
    color: #fff;
    text-align: left;
    padding-left: 5px;
    margin-left: 2px;
    border-radius: 6px;
    padding: 5px 0;
    white-space: normal;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.greyout {
    background-color: #ccc;
}

.suitooltip:hover .suitooltiptext {
    visibility: visible;
}
/*********************************************/
/*****Health Heart image for Candidate********/
/*********************************************/
/*.candidate_health_100:after,
.candidate_health_100 .candidate_health_inner:before, 
.candidate_health_100 .candidate_health_inner:after {
    background-color: green;
}

.candidate_health_75:after,
.candidate_health_75 .candidate_health_inner:before, 
.candidate_health_75 .candidate_health_inner:after {
    background-color: yellow;
}

.candidate_health_50:after,
.candidate_health_50 .candidate_health_inner:before, 
.candidate_health_50 .candidate_health_inner:after {
    background-color: orange;
}

.candidate_health_25:after,
.candidate_health_25 .candidate_health_inner:before, 
.candidate_health_25 .candidate_health_inner:after {
    background-color: red;
}

.candidate_health_none:after,
.candidate_health_none .candidate_health_inner:before, 
.candidate_health_none .candidate_health_inner:after {
    background-color: #ccc;
}

.candidate_health {
  width:23px;
  height:23px;
  font-size: 60%; 
  position:relative;
  text-align: center;
  box-sizing: border-box;
  zoom:72%;
  }



.candidate_health .candidate_health_inner {
  
  padding-top: 10%;
  font-size: 1.5em;
  color: blue;
  font-weight: bold;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  zoom:72%;
  }


.candidate_health:after,
.candidate_health .candidate_health_inner:before, 
.candidate_health .candidate_health_inner:after {
  //z-index: -1;
  content: "";
  display: block;
  position: absolute;
  //background-color: red;
  width:58%;
  height:58%;
  -moz-border-radius:50%;
  border-radius: 50%;
  top: 5.5%;
  }

.candidate_health:after {
  width: 60%;
  height: 60%;
  left: 20%;
  top: 25%;
  -webkit-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  border-radius: 0 30% 0 0;
}


.candidate_health .candidate_health_inner:before {
    left: 0;
    //z-index: -1;
}
.candidate_health .candidate_health_inner:after {
  right: 0;
  //z-index: -1;
}*/