/*Utility - Do not remove! */
.hideoff {
    position: absolute;
    top: -1000px;
    left: -1000px;
}

.clearfix:after, .clearfixParent > *:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix, .clearfixParent > * {
    display: block;
}

/* /Utility*/
html {
    /*font: 0.75em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
    font: 0.75em "Lucida Grande","Helvetica",sans-serif;
    color: #333;
    height: 100%;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: inherit;
}
/* IE 10+ issue with borders */
input[type=checkbox] {
    border: none !important;
}

.t-minus {
    visibility: visible;
}

#connectBody, #pageBody {
    position: relative;
    min-height: 100%;
    min-width: 960px;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    background: #666;
    /* background: no-repeat -moz-linear-gradient(top, rgba(113,113,113,1) 0%, rgba(124,124,124,1) 34%, rgba(155,155,155,1) 63%, rgba(216,216,216,1) 89%, rgba(255,255,255,1) 100%);*/ /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,113,113,1)), color-stop(34%,rgba(124,124,124,1)), color-stop(63%,rgba(155,155,155,1)), color-stop(89%,rgba(216,216,216,1)), color-stop(100%,rgba(255,255,255,1)));*/ /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(124,124,124,1) 34%,rgba(155,155,155,1) 63%,rgba(216,216,216,1) 89%,rgba(255,255,255,1) 100%);*/ /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(124,124,124,1) 34%,rgba(155,155,155,1) 63%,rgba(216,216,216,1) 89%,rgba(255,255,255,1) 100%);*/ /* Opera11.10+ */
    /* background: -ms-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(124,124,124,1) 34%,rgba(155,155,155,1) 63%,rgba(216,216,216,1) 89%,rgba(255,255,255,1) 100%);*/ /* IE10+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#ffffff',GradientType=0 );*/ /* IE6-9 */
    /* background: linear-gradient(top, rgba(113,113,113,1) 0%,rgba(124,124,124,1) 34%,rgba(155,155,155,1) 63%,rgba(216,216,216,1) 89%,rgba(255,255,255,1) 100%);*/ /* W3C */
}

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

strong {
    font-weight: bold;
}

h1 {
    color: #666;
    font-weight: bold;
    font-size: 100%;
    margin: 0;
    padding: 0;
    /*display:inline-block;*/
}

/*Content area h1*/
#rightContent h1 {
    border-bottom: 1px solid #E8E8E8;
    color: #333333;
    font-size: 170%;
    line-height: 1.2;
    margin: 0 0 18px;
    padding: 0 0 28px;
}

h2 {
    color: #767676;
    font-weight: bold;
    display: inline;
    padding: 0px;
    margin: 0px;
    font-size: 18px;
}

h3 {
    font-weight: bold;
    /*display:inline;*/
    font-size: 150%;
    margin: 0 0 12px;
}
    /*adding class for Add Languages modal descriptive text*/
    h3#addLanguages {
        font: italic 120% Georgia;
        letter-spacing: 0;
        margin: 0 0 2px 12px;
        padding: 0;
        display: block;
    }

h4 {
    color: #666;
    font-weight: bold;
    font-size: 100%;
    padding: 0px;
    margin: 0px 0 30px 0;
}

h5 {
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    display: inline;
}

    h5#messagesFound, h5.itemsFound, .counter.itemsFound {
        font: italic 150% Georgia;
        letter-spacing: 0;
        margin: 0 0 22px;
        padding: 0;
        display: block;
    }

    h5.adminLabel {
        margin: 0 0 22px;
        padding: 10px;
        display: block;
        border-top: 1px solid #e8e8e8;
        font-size: 1em;
    }


    h5.linethrough {
        position: relative;
        display: block;
    }


        h5.linethrough .text {
            font: 85% Georgia, serif;
            letter-spacing: 2px;
            text-transform: uppercase;
            background: #fff;
            padding: 0 12px 0 0;
            z-index: 2;
            position: relative;
            color: #999;
            word-spacing: 3px;
        }

        h5.linethrough .line {
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            border-top: 1px solid #ccc;
            overflow: hidden;
            line-height: 0;
            height: 1px;
        }

#contactFilterWindow h5 {
    margin: 13px 0 0 13px;
}


#searchFields + form#form0 #MessagesTableContainer h5#messagesFound {
    /* position:relative;
    top:-12px */
}

h5#messagesFound span.number {
    font-weight: bold;
}

h6 {
    font-size: 100%;
    font-weight: normal;
    padding: 0px;
    margin: 0;
    display: inline;
}

p {
    padding: 5px;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}

hr {
    color: #ccc;
    text-align: left;
}

a:link {
    color: #0066cc;
    text-decoration: none;
}

a:active {
    color: #0066cc;
    text-decoration: none;
}

a:visited {
    color: #0066cc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.inactiveLink {
    color: #999;
    text-decoration: none;
}

table.hoverDetail {
    padding: 3px;
    width: auto;
}

    table.hoverDetail tr {
        padding: 0px;
    }

        table.hoverDetail tr td {
            padding: 2px;
            white-space: nowrap;
            border: none;
        }

.txtCenter {
    text-align: center;
    /*margin:30px auto 20px auto;*/
}
/*-----------------------------------------------------------------------------
Start Form styles
-------------------------------------------------------------------------------*/
fieldset {
    border: 0px;
    /*padding:0px 10px 10px 0px;
   margin-bottom:1.5em;*/
}

legend {
    font-size: 1.2em;
    font-weight: bold;
    visibility: hidden;
    display: none;
}

div .dataView {
    padding: 0 1.4em 1.4em 0;
    margin: 0 0 1.5em 0;
    width: 500px;
}

textarea {
    min-height: 75px;
}

div.formField {
    padding: 10px 30px 0px 0px;
}

.formField label {
    /*font-size:12px;*/
    color: #666;
    display: inline-block;
    margin-bottom: 2px;
}

label.accessibilityOnly {
    display: inline-block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    float: left;
}

.formField input {
    /* font-size:14px;
    font-weight:bold;*/
    font-family: inherit;
    color: #333;
    display: block;
    padding: 3px 0 5px 4px;
    <!-- [if gte IE 8]> border-color:transparent;
    border: 1px solid #c5c5c5;
    < ![endif] -->
}

.formField.formField2 input {
    display: inline;
}

span.viewLabel {
    font-size: 12px;
    color: #666;
}

span.viewValue {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.formField input:focus, input:focus, select:focus, textarea:focus {
    /*border:solid 2px #7EAFD7;*/
}

.formField textarea {
    width: 500px;
}

.formFieldRequired {
    font-size: 16px;
    color: #ff6600;
    padding-left: 3px;
}

.formFieldRequiredNoPadding {
    font-size: 16px;
    color: #ff6600;
}

.formFieldRequiredMessage {
    font-size: 12px;
}

.buttonTop {
    margin: 5px;
    text-align: right;
}

.buttonBottom {
    margin-top: 20px;
    padding-top: 10px;
    text-align: right;
    clear: both;
}

.invisibleLabel {
    display: none;
}

.listContainer {
    float: left;
    width: 100%;
}

.contentContainer {
    float: left;
    padding-left: 10px;
}

.container {
    background: #FFFFFF;
    margin: 0 auto 12px;
    /*min-height: 660px;*/
    width: 960px;
    margin-bottom: -999999px;
}
/*-----------------------------------------------------------------------------
End Form styles
-------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
Start Button styles
-------------------------------------------------------------------------------*/
a:link.roundedButton, a:visited.roundedButton, a:hover.roundedButton, a:active.roundedButton, .roundedButton {
    background: #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #aaa;
    padding: 5px 8px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    margin: 0 3px;
    line-height: 17px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #dedede); /* for firefox 3.6+ */
}

a:link.cancelButton, a:visited.cancelButton, a:hover.cancelButton, a:active.cancelButton, .cancelButton {
    background: #dedede;
    /*filter:"";
    -ms-filter:"";*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #dedede); /* for firefox 3.6+ */
    border: 1px solid #aaa;
    color: #666;
    text-decoration: none;
}

.addButton, a:link.addButton, a:visited.addButton, a:hover.addButton, a:active.addButton,
.saveButton, a:link.saveButton, a:visited.saveButton, a:hover.saveButton, a:active.saveButton {
    background: #555;
    /*filter:"";
    -ms-filter:"";*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#555')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#555'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#555)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #949494, #555); /* for firefox 3.6+ */
    border: 1px solid #555;
    color: #fff;
    text-decoration: none;
}

input[type='button'][disabled].primaryButton {
    color: #555555;
}

    input[type='button'][disabled].primaryButton:hover {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F78D2E', endColorstr='#F26522',GradientType=0 ); /* IE6-9 */
        background: #F26522; /* Old browsers */
        background: -moz-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F78D2E), color-stop(100%,#F26522)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* IE10+ */
        border: 1px solid #AF1D00;
        cursor: default;
    }

input[type='button'].primaryButton, input[type='submit'].primaryButton, a:link.primaryButton, a:visited.primaryButton, a:active.primaryButton, .primaryButton {
    background: #F26522; /* Old browsers */
    background: -moz-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F78D2E), color-stop(100%,#F26522)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F78D2E', endColorstr='#F26522',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F78D2E 0%,#F26522 100%); /* W3C */
    border: 1px solid #AF1D00;
    /*background: #d5d5d5; /* Old browsers */
    /*background: -moz-linear-gradient(top, #f9f9f9 0%, #e4e4e4 57%, #d5d5d5 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(57%,#e4e4e4), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    /*background: linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* W3C */
    /*border: 1px solid #B8B8B8;*/
    font-weight: bold;
    font-size: 110%;
    /*color: #555555;*/
    color: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    padding: 5px 12px 5px 12px;
    line-height: 17px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    font-family: inherit;
}

#confirmOkayButton {
    *display: inline;
}

#saveAsTemplate {
    *width: 132px;
}

input[type="text"]:disabled, input[readonly="readonly"] {
    background-color: #EBEBE4;
    color: black;
    border: 1px solid transparent;
}
/* Do not merge with block above */
input.readonly {
    background-color: #EBEBE4;
    color: black;
    border: 1px solid transparent;
}



input[type='button'].disabledButton, input[type='submit'].disabledButton, a:link.disabledButton, a:visited.disabledButton, a:active.disabledButton, .disabledButton {
    /*
    #808080
    #a4a4a4
    #c8c8c8
    */
    background: #e8e8e8; /* Old browsers ff9a4c 080808 d35801 AAAAAA*/
    background: -moz-linear-gradient(top, #c8c8c8 0%, #a4a4a4 44%, #808080 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(44%,#a4a4a4), color-stop(100%,#808080)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c8c8c8 0%,#a4a4a4 44%,#808080 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c8c8c8 0%,#a4a4a4 44%,#808080 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #c8c8c8 0%,#a4a4a4 44%,#808080 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #c8c8c8 0%,#a4a4a4 44%,#808080 100%); /* W3C */
    border: 1px solid gray;
    /* font-weight: bold;*/
    font-size: 110%;
    color: Gray; /* #FFF; */
    border-radius: 3px;
    text-decoration: none;
    padding: 5px 12px 5px 12px;
    line-height: 17px;
    cursor: default;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    font-family: inherit;
}

input[type='button'].primaryButtonSmall, input[type='submit'].primaryButtonSmall, a:link.primaryButtonSmall, a:visited.primaryButtonSmall, a:active.primaryButtonSmall, .primaryButtonSmall {
    background: #D45C06; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9a4c 0%, #e48944 44%, #d35801 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a4c), color-stop(44%,#e48944), color-stop(100%,#d35801)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9a4c 0%,#e48944 44%,#d35801 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9a4c 0%,#e48944 44%,#d35801 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ff9a4c 0%,#e48944 44%,#d35801 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a4c', endColorstr='#d35801',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ff9a4c 0%,#e48944 44%,#d35801 100%); /* W3C */
    border: 1px solid #AF1D00;
    font-weight: bold;
    font-size: 100%;
    font-family: inherit;
    color: #FFF;
    border-radius: 3px;
    text-decoration: none;
    padding: 3px 7px 3px 7px;
    line-height: 15px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

    input[type='button'].primaryButton:hover, input[type='submit'].primaryButton:hover, a.primaryButton:hover,
    input[type='button'].primaryButtonSmall:hover, input[type='submit'].primaryButtonSmall:hover, a.primaryButtonSmall:hover {
        filter: none;
        background: #D45C06;
        border: 1px solid #AF1D00;
        text-decoration: none;
    }

input[type='button'].secondaryButton, input[type='submit'].secondaryButton, a:link.secondaryButton, a:visited.secondaryButton, a:active.secondaryButton, .secondaryButton {
    background: #d5d5d5; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e4e4e4 57%, #d5d5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(57%,#e4e4e4), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* W3C */
    border: 1px solid #B8B8B8;
    font-size: 110%;
    font-family: inherit;
    color: #555;
    border-radius: 3px;
    text-decoration: none;
    padding: 5px 12px 5px 12px;
    line-height: 17px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

input[type='button'].secondaryButtonSmall, input[type='submit'].secondaryButtonSmall, a:link.secondaryButtonSmall, a:visited.secondaryButtonSmall, a:active.secondaryButtonSmall, .secondaryButtonSmall {
    background: #d5d5d5; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e4e4e4 57%, #d5d5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(57%,#e4e4e4), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f9f9f9 0%,#e4e4e4 57%,#d5d5d5 100%); /* W3C */
    border: 1px solid #B8B8B8;
    /*font-weight: bold;*/
    font-size: 100%;
    color: #555;
    border-radius: 3px;
    text-decoration: none;
    padding: 3px 7px 3px 7px;
    line-height: 15px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-right: 0px;
    font-family: inherit;
}

    input[type='button'].secondaryButton:hover, input[type='submit'].secondaryButton:hover, a:hover.secondaryButton:hover,
    input[type='button'].secondaryButtonSmall:hover, input[type='submit'].secondaryButtonSmall:hover, a.secondaryButtonSmall:hover {
        filter: none;
        background: #D6D6D6;
        border: 1px solid #B8B8B8;
        text-decoration: none;
    }

a:link.searchButton, a:visited.searchButton, a:hover.searchButton, a:active.searchButton, .searchButton {
    height: 9px;
    margin-left: 3px;
    padding: 2px 4px 11px 5px;
    text-decoration: none;
}

    a:link.searchButton span.arrowShape, a:visited.searchButton span.arrowShape, a:hover.searchButton span.arrowShape, a:active.searchButton span.arrowShape, .searchButton span.arrowShape {
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        bottom: 50%;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-tight: 0;
        border-left: 8px solid #fff;
        margin-top: -7px;
    }

.button-row {
    margin-bottom: 18px
}

#languageBarAddAvailableLanguage {
    *width: 123px;
}

.authorizationButtons {
    float: right;
    margin-right: 70px;
    display: block;
}

.confirmButtons {
    width: 100%;
    margin: 20px auto 10px auto;
}

/*-----------------------------------------------------------------------------
End Button styles
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Start Validation and Alert styles
-------------------------------------------------------------------------------*/
.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;
}

div.t-window-fixed {
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 5px 2px #AAAAAA;
    border-width: 0;
}

.layoutAlert {
    position: fixed;
    display: none;
    vertical-align: middle;
    z-index: 1000010; /*needs to be the topmost element*/
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    width: 100%;
}

.errorAlert {
    background-color: #ff0000;
    border: 3px solid #CC0000;
    vertical-align: middle;
}

    .errorAlert div.bgImgAlertMessage {
        background-image: url(/images/error.png);
        background-repeat: no-repeat;
        background-position: center center;
        width: 32px;
        height: 32px;
        float: left;
        padding-left: 10px;
    }

.successAlert {
    background-color: #29A329;
    border: 2px solid #218221;
    vertical-align: middle;
}

    .successAlert div.bgImgAlertMessage {
        background-image: url(/images/success.png);
        background-repeat: no-repeat;
        background-position: center center;
        width: 32px;
        height: 32px;
        float: left;
        padding-left: 10px;
    }

.connectConfirm {
    vertical-align: middle;
    text-align: center;
}

.connectConfirmImg {
    background-image: url(/images/success.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.connectConfirmMessage {
    padding-left: 5px;
    text-align: center;
    font-size: 16px;
    /*color:#29A329;*/
    display: inline-block;
    vertical-align: top;
}

.connectConfirmQuestion {
    padding-left: 5px;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}

.connectConfirmButtons {
    /*position:absolute;
    bottom:35px;*/
    margin-top: 20px;
    left: 100px;
}
/*-----------------------------------------------------------------------------
End Validation and Alert styles
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Start Header bar
-------------------------------------------------------------------------------*/
.headerBar {
    background: #8F8F8F;
    height: 34px;
}

    .headerBar ul {
        width: 960px;
        margin: 0 auto;
        z-index: 10000002;
    }

    .headerBar li {
        float: right;
        list-style: none;
    }

    .headerBar a {
        color: #fff;
        text-decoration: none;
        padding: 10px 6px;
        display: block;
    }

        .headerBar a:hover {
            color: #fff;
        }

    .headerBar .connectLogo {
        float: left;
        margin-left: 5px;
        position: relative;
        display: block;
        z-index: 3;
    }

.connectLogo img {
    width: 220px;
    height: 25px;
    vertical-align: middle;
    margin-top: 2px;
}

.headerBarUser {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    font-size: 110%;
    font-weight: bold;
    min-width: 120px;
    text-align: center;
    line-height: 1;
    float: right;
    position: relative;
    display: block;
    z-index: 10000002;
}

    .headerBarUser:hover a {
        color: rgba(255, 255, 255, 1);
    }

#headerLogoWrapper a {
    /*background-image: url('/images/logos/logoReportHeader.png');*/
    background-repeat: no-repeat;
    width: 220px;
    height: 22px;
    display: block;
    margin-top: 5px;
}
/*-----------------------------------------------------------------------------
End Header bar
-------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
Start Footer
-------------------------------------------------------------------------------*/
.footerBar {
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	background: rgba(0, 0, 0, 0.4);*/
    clear: both;
    width: 100%;
    width: 960px;
    margin: 10px auto 0 auto;
    color: #bbb;
}

    .footerBar .logo {
        margin: 0 10px;
    }


    .footerBar > div {
        float: left
    }

    .footerBar div.phone {
        float: right;
        font-size: 14px;
        font-weight: bold;
        background: none;
    }

    .footerBar a {
        color: #bbbbbb;
        text-decoration: none;
        margin-right: 3px;
        border-bottom: 1px dotted #999;
    }

        .footerBar a:hover {
            border-bottom-style: solid;
            border-bottom-color: #ddd;
            color: #ddd;
        }


/*-----------------------------------------------------------------------------
End Footer
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Start Top Navigation
-------------------------------------------------------------------------------*/
.topNavMenu {
    background-color: transparent;
    margin: 24px auto 0;
}

ul#MainMenu {
    width: 100%;
}

#MainMenu .t-item,
#MainMenu .k-item {
    float: left;
    border-style: none;
    background-color: transparent;
    padding: 0 20px 0 9px;
}

    #MainMenu .t-item .t-link,
    #MainMenu .k-item .k-link {
        font-size: 150%;
        font-weight: bold;
        padding: 12px 0 26px;
        text-decoration: none;
        /*background: transparent; */
    }

ul#MainMenu #MainMenu-6 li a,
ul#MainMenu #MainMenu-6 li a:visited {
    color: #0066cc;
}

ul#MainMenu li.t-item a,
ul#MainMenu li.k-item a {
    color: #ddd;
}

    ul#MainMenu li.t-item a:hover,
    ul#MainMenu li.k-item a:hover,
    ul#MainMenu li.k-item {
        color: #FFF;
        background-color: none;
        background: none;
    }

        ul#MainMenu li.t-item a:active,
        ul#MainMenu li.k-item a:active {
            /* color: #fff;*/
        }

        ul#MainMenu li.t-item.t-highlighted a, ul#MainMenu li.t-item.t-state-selected a,
        ul#MainMenu li.k-item.k-state-highlight a, ul#MainMenu li.k-item.k-selected a,
        ul#MainMenu li.k-item.k-state-selected a {
            color: #fff;
            position: relative;
        }

        ul#MainMenu li.t-item.t-highlighted span.arrowBorder,
        ul#MainMenu li.t-item.t-state-selected span.arrowBorder,
        ul#MainMenu li.k-item.k-state-highlight span.arrowBorder,
        ul#MainMenu li.k-item.k-selected span.arrowBorder {
            position: absolute;
            border-color: transparent transparent #EFEFEF transparent;
            border-style: solid outset;
            border-width: 2px 16px 16px;
            left: 50%;
            right: 50%;
            margin-left: -20px;
            bottom: -10px;
            height: 0;
            width: 0;
        }

        ul#MainMenu li.t-item.t-highlighted span.arrowShape,
        ul#MainMenu li.t-item.t-state-selected span.arrowShape,
        ul#MainMenu li.k-item.k-state-highlight span.arrowShape,
        ul#MainMenu li.k-item.k-selected span.arrowShape {
            position: absolute;
            border-bottom: 14px solid #999; /*IE8*/
            border-bottom: 14px solid rgba(255,255,255,0.4);
            border-left: 14px solid transparent;
            border-right: 14px solid transparent;
            border-top: 0;
            left: 50%;
            margin-left: -14px;
            bottom: 0px;
            height: 0;
            width: 0;
        }

/* Send a Message Button */
#topNav ul#MainMenu {
    /*float: left;*/
    /*padding-top: 11px;*/
    display: block;
}

ul#MainMenu li#sendAMsgMenu.t-item,
ul#MainMenu li#sendAMsgMenu.k-item {
    float: right;
    padding-right: 0;
    right: -12px;
}

    ul#MainMenu li#sendAMsgMenu.k-item span.k-link {
        color: #F88804;
        background-image: url('/images/logos/logo_bbconnect_orange_17x30.png');
        background-position: 92% 11px;
        background-repeat: no-repeat;
        padding: 12px 38px 12px 20px;
        border-radius: 6px 6px 0 0;
        z-index: 50; /*1000;*/
        position: relative;
    }

    ul#MainMenu li#sendAMsgMenu.k-item.k-state-default.k-last {
        color: #F88804;
        /*background-image: url('/images/logos/logo_bbconnect_orange_17x30.png');*/
        /*background-position:92% 11px;*/
        /*background-repeat:no-repeat;*/
        padding: 0px 38px 0px 20px;
        border-radius: 6px 6px 0 0;
        z-index: 50;
        position: relative;
    }


    ul#MainMenu li#sendAMsgMenu.t-item a.t-link:hover, ul#MainMenu li#sendAMsgMenu.t-item:hover a,
    ul#MainMenu li#sendAMsgMenu.k-item span.k-link:hover, ul#MainMenu li#sendAMsgMenu.k-item:hover a {
        background-color: #fff;
        color: #F88804;
    }

li#sendAMsgMenu ul.t-group li.t-item div.t-content,
li#sendAMsgMenu ul.k-group li.k-item div.k-content {
    position: absolute;
    right: -209px;
}

#sendAMsgMenu:hover span.arrowBorder {
    position: absolute;
    border-color: transparent transparent #EFEFEF transparent;
    border-style: solid outset;
    border-width: 2px 16px 16px;
    left: 50%;
    right: 50%;
    bottom: 0px;
    height: 0;
    width: 0;
    z-index: 10000001;
}

#sendAMsgMenu:hover span.arrowShape {
    position: absolute;
    border-color: transparent transparent #fff transparent;
    border-style: solid outset;
    border-width: 2px 16px 16px;
    left: 50%;
    right: 50%;
    margin-left: -25px;
    bottom: -1px;
    height: 0;
    width: 0;
    z-index: 10000001;
}

a#sendAMsgButton img {
    height: 25px;
    width: 25px;
    vertical-align: middle;
}

div#sendAMsgTemplates {
    font-weight: normal;
    width: 520px;
    overflow: auto;
    padding: 0;
}

    div#sendAMsgTemplates ul, div#favoriteTemplates ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

div#favoriteTemplates {
    float: left;
}

div#sendAMsgTemplates div#favoriteTemplates,
div#sendAMsgTemplates div#sendMessageTypes {
    width: 219px;
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 0 24px;
    padding: 18px 0 30px;
}

    div#sendAMsgTemplates div#favoriteTemplates h5,
    div#sendAMsgTemplates div#sendMessageTypes h5 {
        font-size: 105%;
        margin-bottom: 16px;
    }

div#sendAMsgTemplates div#favoriteTemplates {
    /* border-right:1px solid #ccc;*/
    margin: 5px 8px 0 20px;
    padding-right: 16px;
    white-space: normal;
}

div#sendAMsgTemplates div#sendMessageTypes {
    margin: 5px 0 5px 0;
    padding-left: 24px;
    border-left: 1px solid #ccc;
    left: -4px;
    position: relative;
}


div#favoriteTemplates h3 {
    vertical-align: bottom;
    text-indent: 26px;
    padding-left: 3px;
    background: #fff url(../images/icons/star_20x19.png) no-repeat left top;
    height: 22px;
    /*background-size: auto 20px;*/
}

div#favoriteTemplates div#noFavorites {
    margin: 4px;
    line-height: 2em;
}

div#noFavorites a#markFavoritesLink {
    background: #fff url(../images/icons/star_18x16.png) no-repeat right top;
    padding-right: 20px;
    min-height: 16px;
    display: inline-block;
    padding-bottom: 4px;
}

div#favoriteTemplates div#noFavorites ul {
    margin-top: 8px;
}

div#favoriteTemplates {
    /*margin-left: 10px;*/
}

    div#favoriteTemplates ul#templates a {
        color: #0066cc;
        margin: 3px 0;
        padding: 3px 0 1px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div#favoriteTemplates ul#templates li.more-templates {
        position: absolute;
        bottom: 9px;
        right: 270px;
        text-decoration: underline;
    }

#sendAMsgTemplates div#favoriteTemplates ul#templates a {
    font-weight: normal;
    background: transparent;
}

div#favoriteTemplates ul#templates a.button-1 {
    color: #fff;
    font-size: 120%;
    text-align: left;
    height: 38px;
    overflow: hidden;
    padding: 4px 20px;
}

    div#favoriteTemplates ul#templates a.button-1:hover {
        text-decoration: none;
    }

div#noFavorites ul a, div#favoriteTemplates ul#templates a.more-templates-link {
    /*color: #888;*/
    margin-top: 6px;
    display: block;
    font-weight: normal;
    font-size: 16px;
}

    div#favoriteTemplates ul#templates a.more-templates-link:hover {
        border: none;
    }

div#favoriteTemplates div#paging a.previous-page-link, div#favoriteTemplates div#paging a.next-page-link {
    text-indent: -10000px;
    display: block;
    width: 13px;
    height: 14px;
}

div#favoriteTemplates div#paging {
    /*height: 32px;*/
}

    div#favoriteTemplates div#paging ul {
        float: right;
    }

        div#favoriteTemplates div#paging ul li {
            float: left;
            padding-top: 4px;
            padding-left: 2px;
        }

    div#favoriteTemplates div#paging a.previous-page-link {
        background-image: url('/images/global/arrow_left_orange.gif');
    }

        div#favoriteTemplates div#paging a.previous-page-link.disabled {
            background-image: url('/images/global/arrow_left_gray.gif');
            cursor: default;
        }

    div#favoriteTemplates div#paging a.next-page-link {
        background-image: url('/images/global/arrow_right_orange.gif');
    }

        div#favoriteTemplates div#paging a.next-page-link.disabled {
            cursor: default;
            background-image: url('/images/global/arrow_right_gray.gif');
        }

    div#favoriteTemplates div#paging div#loadingFavorites {
        float: left;
        height: 32px;
        width: 40px;
        min-width: 40px;
        min-height: 32px;
        padding: 0px 0px;
        margin: auto;
        display: none;
    }

div#favoriteTemplates div#loadingFavorites div.loadingInline {
    border: none;
    height: 32px;
    width: 40px;
    min-width: 40px;
    min-height: 32px;
    padding: 0px 0px;
    margin: auto;
}



div#sendAMsgTemplates div#sendMessageTypes li {
    margin-top: 10px;
}

/* -- new Send A Message button */
#sendMessageContainer {
    /*width:521px;
	float:right;*/
    /*border:dashed white 1px;*/
    margin-left: 440px;
    position: relative;
    z-index: 10;
}

#contentArea {
    background-color: #FFF;
    width: 520px;
    height: 350px;
    padding: 5px 0 5px 0;
    display: block;
    border-radius: 7px 0px 7px 7px;
    -moz-box-shadow: 0px 4px 12px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 4px 12px rgba(0,0,0,.4);
    box-shadow: 0px 4px 12px rgba(0,0,0,.4);
    position: absolute;
    z-index: 100;
    top: 40px;
}

#sendMessageTab {
    background-image: url("/images/logos/logo_bbconnect_orange_17x30.png");
    background-position: 187px 10px;
    background-repeat: no-repeat;
    color: #f88804;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 21px;
    font-weight: bold;
    height: 28px;
    padding: 10px 28px 10px 5px;
    position: relative;
    text-align: center;
    width: 185px;
    z-index: 150;
}

.sendMessageTabActive {
    background-color: #FFF;
    border-radius: 7px 7px 0px 0px;
}



/*-----------------------------------------------------------------------------
End Top Navigation
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Start Left Navigation
-------------------------------------------------------------------------------*/
#leftNav li.t-item,
#leftNav li.k-item,
#RecipientMenu li.k-item,
#ReportsMenu li.k-item,
#MessageMenu li.k-item,
#AdminMenu li.k-item {
    /* font-weight:bold;*/
    font-size: 120%;
    border: none;
    margin-left: 20px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666666;
}

    #leftNav li.t-item a,
    #leftNav li.k-item a,
    #RecipientMenu li.k-item a,
    #ReportsMenu li.k-item a,
    #MessageMenu li.k-item a,
    #AdminMenu li.k-item a {
        padding: 15px;
        text-align: left;
        -moz-border-radius: 4px 0px 0px 4px;
        -webkit-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        color: #666666;
        text-decoration: none;
    }

        #leftNav li.t-item a.t-link:hover,
        #leftNav li.k-item a.t-link:hover,
        #RecipientMenu li.k-item a.k-link:hover,
        #ReportsMenu li.k-item a.k-link:hover,
        #MessageMenu li.k-item a.k-link:hover,
        #AdminMenu li.k-item a.k-link:hover {
            background: #ddd;
            background-color: rgba(0,0,0,.07);
        }

    #leftNav .t-header, #leftNav li.t-item.t-state-default,
    #leftNav .t-header a, #leftNav li.t-item.t-state-default a,
    #RecipientMenu .k-header, #RecipientMenu li.k-item.k-state-default,
    #RecipientMenu .k-header a, #RecipientMenu li.k-item.k-state-default a,
    #AdminMenu .k-header, #AdminMenu li.k-item.k-state-default,
    #AdminMenu .k-header a, #AdminMenu li.k-item.k-state-default a,
    #ReportsMenu .k-header, #ReportsMenu li.k-item.k-state-default,
    #ReportsMenu .k-header a, #ReportsMenu li.k-item.k-state-default a,
    #MessageMenu .k-header, #ReportsMenu li.k-item.k-state-default,
    #MessageMenu .k-header a, #ReportsMenu li.k-item.k-state-default a {
        background: transparent;
        color: #666;
    }

    #leftNav li.t-item.t-highlighted a,
    #leftNav li.t-item.t-state-selected a,
    #leftNav li.k-item.k-selected a,
    #leftNav li.t-item.t-highlighted a:hover,
    #leftNav li.t-item.t-state-selected a:hover,
    #leftNav li.k-item.k-selected a:hover,
    #leftNav li.k-item.k-state-highlight a,
    #leftNav li.k-item.k-selected a,
    #leftNav li.k-item.k-state-highlight a:hover,
    #leftNav li.k-item.k-selected a:hover,
    #RecipientMenu li.k-item.k-state-highlight a,
    #RecipientMenu li.k-item.k-selected a,
    #RecipientMenu li.k-item.k-state-highlight a:hover,
    #RecipientMenu li.k-item.k-selected a:hover,
    #ReportsMenu li.k-item.k-state-highlight a,
    #ReportsMenu li.k-item.k-selected a,
    #ReportsMenu li.k-item.k-state-highlight a:hover,
    #ReportsMenu li.k-item.k-selected a:hover,
    #MessageMenu li.k-item.k-state-highlight a,
    #MessageMenu li.k-item.k-selected a,
    #MessageMenu li.k-item.k-state-highlight a:hover,
    #MessageMenu li.k-item.k-selected a:hover,
    #AdminMenu li.k-item.k-state-highlight a,
    #AdminMenu li.k-item.k-selected a,
    #AdminMenu li.k-item.k-state-highlight a:hover,
    #AdminMenu li.k-item.k-selected a:hover {
        background-color: #f38934;
        background: #F26522;
        background-image: -moz-linear-gradient(100% 100% 90deg, #F26522, #F78D2E);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F78D2E), to(#F26522));
        color: #fff;
        -moz-box-shadow: inset 4px 4px 12px #F26522, 0px 1px 0px #fff, 1px 1px 0 rgba(0, 0, 0, 0.7) inset;
        -webkit-box-shadow: inset 4px 4px 12px #F26522, 0px 1px 0px #fff, 1px 1px 0 rgba(0, 0, 0, 0.7) inset;
        box-shadow: inset 4px 4px 12px #F26522, 0px 1px 0px #fff, 1px 1px 0 rgba(0, 0, 0, 0.7) inset;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        font-weight: 600;
        position: relative;
        /*height: 18px;*/
    }

    #leftNav li.t-item.t-highlighted a,
    #leftNav li.t-item.t-state-selected a,
    #RecipientMenu li.k-item.k-state-highlight a,
    #RecipientMenu li.k-item.k-selected a,
    #ReportsMenu li.k-item.k-state-highlight a,
    #ReportsMenu li.k-item.k-selected a,
    #MessageMenu li.k-item.k-state-highlight a,
    #MessageMenu li.k-item.k-selected a,
    #AdminMenu li.k-item.k-state-highlight a,
    #AdminMenu li.k-item.k-selected a {
        color: #fff;
    }

    #leftNav li.t-item.t-highlighted span span,
    #leftNav li.t-item.t-state-selected span span,
    #leftNav li.k-item.k-state-highlight span span,
    #leftNav li.k-item.k-selected span span,
    #RecipientMenu li.k-item.k-state-highlight span span,
    #RecipientMenu li.k-item.k-selected span span,
    #ReportsMenu li.k-item.k-state-highlight span span,
    #ReportsMenu li.k-item.k-selected span span,
    #MessageMenu li.k-item.k-state-highlight span span,
    #MessageMenu li.k-item.k-selected span span,
    #AdminMenu li.k-item.k-state-highlight span span,
    #AdminMenu li.k-item.k-selected span span {
        border-right: 12px #FFFFFF solid;
        border-top: 12px transparent solid;
        border-bottom: 12px transparent solid;
        border-left: 0;
        display: block;
        margin-top: -12px;
        position: absolute;
        right: -1px;
        top: 50%;
        z-index: 10;
        width: 0;
        height: 0;
    }
/*-----------------------------------------------------------------------------
End Left Navigation
-------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
Start Main Body
-------------------------------------------------------------------------------*/
#mainBody {
    width: 960px;
    margin: 10px auto 0;
    padding-bottom: 18px;
}

    #mainBody #topNav {
        vertical-align: bottom;
    }

    #mainBody #mainContent {
        background-color: #fff;
        /*border: 1px solid #555;*/
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 0 2px 5px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);
        box-shadow: 0 2px 5px rgba(0,0,0,.5);
        background-clip: content-box;
        border: 8px solid #999;
        border: 8px solid rgba(255, 255, 255, 0.4);
        *overflow: hidden;
    }

#leftNavOuter {
    min-height: 590px;
    background: #EFEFEF;
    background: -moz-linear-gradient(left, #EFEFEF 0pt, #efefef 16%, #CCCCCC 21%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#efefef),color-stop(16%,#efefef),color-stop(21%,#ccc));
    background: -webkit-linear-gradient(left,#EFEFEF 0pt, #efefef 16%, #CCCCCC 21%);
    background: -ms-linear-gradient(left,#EFEFEF 0pt, #efefef 16%, #CCCCCC 21%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#efefef',endColorstr = '#efefef',GradientType = 1);
    background: linear-gradient(left,#EFEFEF 0pt, #efefef 16%, #CCCCCC 21%);
    overflow-x: hidden;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    z-index: 0;
}

#leftNav {
    float: left;
    width: 164px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    text-align: right;
    padding-top: 20px;
}

#rightContent {
    float: left;
    width: 719px;
    background: #ffffff;
    border-left: 1px solid #bcbcbc;
    padding: 24px 30px;
    min-height: 590px;
    /*position:relative;*/
    /*z-index:0; fixed bug 11789*/
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto 36px;
    background: url(/images/bg_connect_swoosh_390x1260.png) no-repeat left top;
}

.push {
    /*height:34px;*/
    clear: both;
}
/*-----------------------------------------------------------------------------
End Main Body
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Start Miscellaneous Styles
-------------------------------------------------------------------------------*/
/* style like h2 tag */
div .h2 {
    font-size: 123.1%;
    font-weight: bold;
    color: #666;
}

.left {
    float: left;
}

.right {
    float: right;
}

.columnHeaderHighlight {
    background-color: #aaa;
}

.roundedBox {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #ededed;
}

.shadowRight {
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

.shadowLeft {
    -moz-box-shadow: -3px 3px 4px #999;
    -webkit-box-shadow: -3px 3px 4px #999;
    box-shadow: -3px 3px 4px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-135, Color='#999999');
}

thead.t-grid-header tr th.t-header.sortableColumnHeader, .sortableColumnHeader, .sortableColumnHeader span.t-link, .sortableColumnHeader span.k-link {
    color: #666;
    background: #efefef;
    text-transform: none;
    cursor: pointer;
    text-align: left;
    padding-left: 7px;
    border-bottom: 1px solid #cdcdcd;
}

    thead.t-grid-header tr th.t-header.sortableColumnHeader.sortColumnActive, .sortColumnActive {
        background-color: #e1e1e1;
        font-weight: bold;
        -moz-box-shadow: 0 0 10px #CDCDCD inset;
        -webkit-box-shadow: 0 0 10px #CDCDCD inset;
        box-shadow: 0 0 10px #CDCDCD inset;
        border: 1px solid #CCCCCC;
    }

        thead.t-grid-header tr th.t-header.sortableColumnHeader.sortColumnActive span.t-link {
            font-weight: bold;
        }

        thead.t-grid-header tr th.t-header.sortableColumnHeader.sortColumnActive.sortAsc, .sortAsc {
            background-repeat: no-repeat;
            background-position: 95% center;
            background-image: url(/images/global/arrow_asc.png);
        }

        thead.t-grid-header tr th.t-header.sortableColumnHeader.sortColumnActive.sortDesc, .sortDesc {
            background-repeat: no-repeat;
            background-position: 95% center;
            background-image: url(/images/global/arrow_desc.png);
        }

.t-grid td.gridExpandedCell {
    background-color: #666;
    color: #fff;
    /*visibility:visible;*/
    border-bottom: 1px dashed #aaa;
}

.t-grid td.t-last.gridExpandedCell {
    background-color: #666;
    color: #fff;
    /*visibility:visible;*/
}

.authorizationAlert {
    color: #0066CC;
    padding-bottom: 15px;
    padding-left: 5px;
}

.newBadgeLg {
    background-image: url("/images/global/newBadge2Lg.png");
    background-repeat: no-repeat;
    float: left;
    height: 22px;
    margin: 0 0 0 -6px;
    width: 45px;
}

.tipContainer {
    border-bottom: 1px dashed #999999;
    float: left;
    /*height: 65px;*/
    margin: 0 10px 10px;
    width: 95%;
}

.tipContent {
    float: left;
    margin: 0 5px 0 10px;
}

.tipIcon {
    background-image: url("/images/tipPlayIcon.gif");
    background-repeat: no-repeat;
    float: left;
    height: 23px;
    margin-top: 15px;
    width: 23px;
}

.newBadgeSm {
    background-image: url("/images/global/newBadge2Sm.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    left: 30px;
    #left:340px;
    margin: -42px 0 0;
    #margin:-25px 0 0;
    position: relative;
    top: 36px;
    #top:45px;
    width: 21px;
    z-index: 1;
    pointer-events: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .newBadgeSm {
        background-image: url("/images/global/newBadge2Sm.png");
        background-position: left top;
        background-repeat: no-repeat;
        float: left;
        height: 50px;
        left: 30px;
        margin: -15px 0 0;
        position: relative;
        top: 12px;
        width: 21px;
        z-index: 1;
    }
}


/*-----------------------------------------------------------------------------
  Start Search Text Box 
-------------------------------------------------------------------------------*/

div.searchTextBoxContainer {
    background: url(../Content/BbConnect/sprite2.png) -15px -39.5px #fff no-repeat;
    border: 1px solid #ccc;
    height: 23px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    padding-right: 22px;
    line-height: 23px;
    position: relative;
}

    div.searchTextBoxContainer input {
        border: 0px none white;
        border: 1px solid white;
        border: none;
        padding-top: 2px;
        padding-bottom: 3px;
        margin-left: 23px;
        /*height: 17px;*/
    }

        div.searchTextBoxContainer input::-ms-clear {
            width: 0;
            height: 0;
        }

    div.searchTextBoxContainer a.searchTextClear {
        background: url(../Content/BbConnect/sprite2.png) 0 -1px transparent no-repeat;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
        -khtml-opacity: 0.5; /* Safari 1.x */
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: #FFFFFF;
        display: inline-block;
        font-weight: bold;
        height: 15px;
        line-height: 13px;
        text-align: center;
        text-decoration: none;
        width: 15px;
        visibility: hidden;
        position: absolute;
        top: 4px;
        right: 4px;
    }

        div.searchTextBoxContainer a.searchTextClear:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
            -khtml-opacity: 1; /* Safari 1.x */
            opacity: 1;
            cursor: pointer;
        }

/*-----------------------------------------------------------------------------
  End Search Text Box 
-------------------------------------------------------------------------------*/

.actionButtons {
    vertical-align: middle;
    visibility: hidden;
    height: 25px;
    padding-top: 5px;
}

    .actionButtons a {
        text-decoration: none;
        color: #fff;
        padding-right: 10px;
        vertical-align: middle;
        font-size: 12px;
    }

a.gridEditButton {
    background-image: url("/images/global/grid_edit.png");
    background-repeat: no-repeat;
    min-width: 13px;
    height: 15px;
    padding: 2px 5px 3px 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
}

a.gridEditButtonGrey {
    background-image: url("/images/global/grid_edit_grey.png");
    background-repeat: no-repeat;
    min-width: 13px;
    height: 15px;
    padding: 2px 5px 3px 16px;
    font-weight: bold;
    text-decoration: none;
    color: #767676;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
}

.authorized {
    background-image: url("/images/global/icon_authorized_19x17rs.png");
    background-repeat: no-repeat;
    min-width: 13px;
    height: 15px;
    padding: 2px 10px 0px 0px;
    font-weight: bold;
    text-decoration: none;
    color: #767676;
    cursor: pointer;
    display: inline-block;
    margin-right: 0px;
    margin-top: 5px;
}

    .authorized:hover {
        background-image: url("/images/global/icon_authorized_19x17rs_hover.png");
        background-repeat: no-repeat;
        min-width: 13px;
        height: 15px;
        padding: 2px 10px 0px 0px;
        font-weight: bold;
        text-decoration: none;
        color: #767676;
        cursor: pointer;
        display: inline-block;
        margin-right: 0px;
        margin-top: 5px;
    }

a.gridViewButton {
    background-image: url("/images/global/view_white.png");
    background-repeat: no-repeat;
    min-width: 19px;
    height: 21px;
    padding: 5px 5px 0px 22px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
}

a.gridDeleteButton {
    background-image: url("/images/global/grid_delete.png");
    background-repeat: no-repeat;
    min-width: 19px;
    height: 21px;
    padding: 5px 5px 0px 22px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}

a.gridDeleteButtonGrey {
    background-image: url("/images/global/grid_delete_grey.png");
    background-repeat: no-repeat;
    min-width: 19px;
    height: 19px;
    padding: 5px 5px 0px 22px;
    font-weight: bold;
    text-decoration: none;
    color: #767676;
    cursor: pointer;
    display: inline-block;
}

a.gridGraphButton {
    background-image: url("/images/reporting/icn_graph.gif");
    background-repeat: no-repeat;
    min-width: 19px;
    height: 17px;
    padding: 0px 5px 0px 22px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
}

.loadingModal {
    font-size: 26px;
    padding: 25px 25px 25px 70px;
    /*text-align:center;*/
    background-image: url("/images/progress_indicator.gif");
    background-repeat: no-repeat;
    background-position: 30px center;
}

#loadingDiv {
    display: none;
}

#loadingDivOverlay {
    opacity: 0.5;
    background-color: #000000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10005;
}

#loadingDivText {
    /* background: url("/images/stripe-bg.png/") repeat scroll 0 0 transparent; */
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -23px;
    z-index: 50000;
}

.loadingInline {
    background: url("/images/progress_indicator.gif") no-repeat scroll 16px center #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #555555;
    font-size: 13px;
    padding: 15px 29px 15px 48px;
    /*width: auto;*/
    /*display: inline;*/
    zoom: 100%;
    /*margin-bottom:50px;*/
}

.outboxDetail .loadingInline {
    margin: 0 auto;
    padding: 10px 10px 10px 40px;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    width: 150px;
    border: none;
}



.downArrow {
    /*border-top: 20px solid #efefef;
    border-left: 20px solid #ffffff;
    border-right: 20px solid #ffffff;*/
    left: 45%;
    /*right:50%;*/
    position: absolute;
}






/*-----------------------------------------------------------------------------
  End Header Items
-------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
  Begin Send a Message Buttons
-------------------------------------------------------------------------------*/
.button-1 {
    -moz-border-radius: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC;
    padding: 7px 20px;
    display: inline-block;
    text-decoration: none;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#777777');*/
    background-color: #444444;
    background-image: -moz-linear-gradient(100% 100% 90deg, #444, #777);
    background-image: -webkit-gradient(linear, 0% 50%, 0% 120%, from(#777), to(#444));
    border: 1px solid #444;
    color: #FFFFFF;
    text-shadow: 0 -1px 1px #000000;
}

    .button-1:hover {
        filter: none;
        background: #111111;
    }

.button-mega {
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0 10px 34px;
    text-align: left;
    width: 80%;
}

.button-mega-msgCtr {
    cursor: pointer;
    padding: 20px 0px 20px 0px;
    width: 250px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

.emergency {
    background: #F26522; /* Old browsers */
    background: -moz-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F78D2E), color-stop(100%,#F26522)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F78D2E 0%, #F26522 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F78D2E', endColorstr='#F26522',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F78D2E 0%,#F26522 100%); /* W3C */
    /*background: #F38934;
    background-repeat: no-repeat;
    background-position: 5% center;*/
    border-color: #AF1D00;
    filter: none;
    text-shadow: 0 -1px 1px #AF1D00;
}

    .emergency:hover {
        background: #F26522; /* Old browsers */
        background: -moz-linear-gradient(top, #d27732 0%, #cf6b1f 34%, #c55907 66%, #c15706 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d27732), color-stop(34%,#cf6b1f), color-stop(66%,#c55907), color-stop(100%,#c15706)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #d27732 0%,#cf6b1f 34%,#c55907 66%,#c15706 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #d27732 0%,#cf6b1f 34%,#c55907 66%,#c15706 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #d27732 0%,#cf6b1f 34%,#c55907 66%,#c15706 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d27732', endColorstr='#c15706',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #d27732 0%,#cf6b1f 34%,#c55907 66%,#c15706 100%); /* W3C */
        /*background: #FF3300;*/
    }

/*-----------------------------------------------------------------------------
  End Send a Message Buttons
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
  Start Home Page
-------------------------------------------------------------------------------*/
div#homeOuter {
    /*padding: 24px 30px;*/
    /*margin: 8px;*/
}

    div#homeOuter a:focus {
        outline: none;
    }

    div#homeOuter div.widget {
        margin: 0px 12px;
        padding: 2px 6px;
        /*min-height: 320px;*/
        /*width: 260px;*/
        min-width: 260px;
    }

    div#homeOuter #leftColumn div.widget {
        margin: 0 24px 0 0;
        padding: 0;
    }

    div#homeOuter #rightColumn div.widget {
        margin: 0 0 10px 14px;
        padding: 0;
    }

    div#homeOuter div.clear {
        clear: both;
    }

    div#homeOuter div#leftColumn, div#homeOuter div#rightColumn {
        margin: 0px 0px;
        padding: 0px 0px;
        float: left;
    }

    div#homeOuter div#leftColumn {
        /*float: left;*/
        border-right: 1px solid #CCCCCC;
        padding: 24px 0 24px 30px;
        width: 292px;
    }

    div#homeOuter div#rightColumn {
        padding: 24px 0;
        width: 590px;
        /*border-left: 1px solid #CCCCCC;
    left:-1px;*/
        position: relative;
    }

    div#homeOuter div.widget h3 {
        margin-left: 4px;
        color: #F88804;
    }


div#Home-Announcements {
    float: left;
}

    div#Home-Announcements p {
        padding: 0px 0px 6px 4px;
        margin: 4px 0px;
    }

/* Changes for CP-7964 starts here*/

div#Home-HelpImproveBBConnect {
    float: left;
}

    div#Home-HelpImproveBBConnect p {
        padding: 0px 0px 6px 4px;
        margin: 4px 0px;
    }

/* Changes for CP-7964 ends here*/

div#Home-Announcements ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 6px;
}

div#homeOuter div#Home-QuickStats {
    width: 300px;
    float: left;
}

div#Home-QuickStats h3 {
    /*float: left;*/
}

div#Home-QuickStats span#seeMoreStats {
    /*float: right;
	padding-right: 12px;
	padding-top: 6px;*/
    display: none;
}

div#Home-QuickStats dl {
    /*width: 136px;
	height: 136px;
	float: left;
	margin: 4px;*/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 0;
    -moz-box-shadow: 1px 2px 7px #DDDDDD;
    -webkit-box-shadow: 1px 2px 7px #DDDDDD;
    box-shadow: 1px 2px 7px #DDDDDD;
    display: block;
    float: left;
    /*  font-weight: bold;*/
    height: 100px;
    margin: 0 0 9px 6px;
    padding: 9px 12px;
    position: relative;
    vertical-align: top;
    width: 110px;
    background-color: #ddd;
    border: 1px solid #CDCDCD;
}

div#Home-QuickStats dt {
    /*padding: 12px;
	padding-right: 35px;*/
    font-size: 115%;
}

div#Home-QuickStats dd {
    bottom: -7px;
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    padding: 0 12px 9px;
    position: absolute;
    right: 0;
    text-align: right;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 0 #FFFFFF;
    margin: 0;
}

    div#Home-QuickStats dd.quickStatsNA {
        color: #333;
        font-size: 18px;
    }

div#homeOuter div#Messages-FavoriteTemplates {
    float: right;
    min-width: 230px;
}

    div#homeOuter div#Messages-FavoriteTemplates div#favoriteTemplates {
        width: 247px;
    }

div#homeOuter div#Messages-RecentActivity {
    /*width: 594px;*/
    clear: both;
}

div#Messages-RecentActivity div.recentActivity {
    background-color: #F0F0F0;
    border: 1px solid #CDCDCD;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 9px 14px 9px;
    -moz-box-shadow: 1px 2px 7px #ccc;
    -webkit-box-shadow: 1px 2px 7px #ccc;
    box-shadow: 1px 2px 7px #ddd;
}

    div#Messages-RecentActivity div.recentActivity div.recentActivityHeader h5 {
        float: left;
        margin: 0px 0px;
        padding: 0px 0px;
        font-weight: bold;
        font-size: 105%;
    }

    div#Messages-RecentActivity div.recentActivity div.recentActivityHeader ul {
        float: right;
        margin: 0px 0px;
        padding: 0px 0px;
        padding-top: 4px;
    }

        div#Messages-RecentActivity div.recentActivity div.recentActivityHeader ul li {
            list-style: none;
            text-align: right;
        }

    div#Messages-RecentActivity div.recentActivity div.recentActivityProgress {
        margin: 0px 0px;
        padding: 0px 0px;
        margin-top: 4px;
        clear: both;
        padding: 9px 0;
    }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.progress {
            display: none;
        }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress span.viewProgress {
            float: left;
        }

            div#Messages-RecentActivity div.recentActivity div.recentActivityProgress span.viewProgress a {
                padding-left: 14px;
                background: transparent url(../images/icons/icon_expand.gif) no-repeat left 50%;
            }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress span.stopDelivery {
            float: right;
        }

            div#Messages-RecentActivity div.recentActivity div.recentActivityProgress span.stopDelivery a {
                padding-left: 22px;
                background: transparent url(../images/icons/ic_stop_19x19.png) no-repeat left 50%;
                color: #e84c44;
                text-decoration: underline;
            }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress.expanded div.progress {
            display: block;
        }

            div#Messages-RecentActivity div.recentActivity div.recentActivityProgress.expanded div.progress.loading,
            div#Messages-RecentActivity div.recentActivity div.recentActivityProgress.expanded div.progress.error {
                padding-top: 20px;
                padding-left: 40px;
            }

            div#Messages-RecentActivity div.recentActivity div.recentActivityProgress.expanded div.progress.loading {
                background-image: url('/images/progress_indicator.gif');
                background-repeat: no-repeat;
                background-position: 0% 50%;
                min-height: 32px;
            }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress.expanded span.viewProgress a {
            background: transparent url(../images/icons/icon_collapse.gif) no-repeat left 50%;
        }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.status {
            text-align: center;
            border-bottom: 1px solid #ccc;
        }

            div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.status span {
                background-color: #eee;
                font-style: italic;
                padding: 0px 6px;
                position: relative;
                top: 0.85em;
            }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.realTimeProgress {
            padding-top: 10px;
        }

            div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.realTimeProgress div.modeIcon {
                float: left;
                width: 26px;
                text-align: center;
            }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.progressBarTrackNoRecipients {
            float: left;
            margin-left: 8px;
            margin-top: 8px;
            width: 500px;
            height: 14px;
        }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.progressBarTrack {
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            float: left;
            margin-left: 8px;
            margin-top: 8px;
            width: 500px;
            height: 14px;
            background-color: #fff;
        }

            div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.progressBarTrack div.progressBarFill {
                border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                background-color: #99d9ea;
                height: 12px;
                margin: 1px 1px;
            }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.realTimeProgress.error div.progressBarTrack div.progressBarFill {
            background-color: #f35d46;
        }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress span.progressBarPercentage {
            float: right;
            width: 32px;
            height: 32px;
            display: block;
            margin: 0px 0px;
            padding: 0px 0px;
            padding-top: 6px;
        }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.realTimeProgress.error span.progressBarPercentage {
            text-indent: -10000px;
            background-image: url(/images/error.png);
            background-repeat: no-repeat;
        }

        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.progress.updating div.realTimeProgress span.progressBarPercentage,
        div#Messages-RecentActivity div.recentActivity div.recentActivityProgress div.progress.updating div.realTimeProgress.error span.progressBarPercentage {
            text-indent: -10000px;
            background-image: url('/images/progress_indicator.gif');
            background-repeat: no-repeat;
            background-position: 50% 50%;
        }

    div#Messages-RecentActivity div.recentActivity div.recentActivityFooter {
        border-top: 1px solid #ddd;
        margin: 4px -12px 0;
        padding: 5px 14px 0;
        clear: both;
    }

        div#Messages-RecentActivity div.recentActivity div.recentActivityFooter span {
            float: right;
        }

            div#Messages-RecentActivity div.recentActivity div.recentActivityFooter span.createdBy {
                float: left;
            }

            div#Messages-RecentActivity div.recentActivity div.recentActivityFooter span.totalContacts {
                font-weight: bold;
                margin-left: 8px;
                padding-left: 4px;
                padding-right: 4px;
            }

            div#Messages-RecentActivity div.recentActivity div.recentActivityFooter span.sendTime {
                padding-right: 8px;
            }

            div#Messages-RecentActivity div.recentActivity div.recentActivityFooter span.seperator {
                color: #a0a0a0;
                font-weight: bold;
            }

div#homeOuter div#Home-Support {
    float: left;
}

div#Home-Support p {
    padding-top: 0px;
    margin-top: 4px;
}

div#Home-Support div#safeModeInstructions {
    background-color: #eee;
    height: 136px;
    margin: 4px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 6px 16px 0px 16px;
    width: auto;
    min-width: 0px;
}

    div#Home-Support div#safeModeInstructions p {
        padding: 8px 20px 10px 20px;
    }

    div#Home-Support div#safeModeInstructions a.button-1 {
        margin: auto;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        margin-left: 30px;
    }

        div#Home-Support div#safeModeInstructions a.button-1:hover, div#Home-Support div#safeModeInstructions a.button-1:visited {
            text-decoration: none;
            color: #fff;
            font-weight: bold;
        }

        div#Home-Support div#safeModeInstructions a.button-1.deactivate, div#Home-Support div#safeModeInstructions a.button-1.deactivate:hover {
            background: #2CCCCA; /* Old browsers */
            background: -moz-linear-gradient(top, #2CCCCA 0%, #2CCCCA 36%, #2CCCCA 58%, #2CCCCA 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2CCCCA), color-stop(36%,#2CCCCA), color-stop(58%,#e07121#2CCCCA), color-stop(100%,#2CCCCA)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #2CCCCA 0%,#2CCCCA 36%,#2CCCCA 58%,#2CCCCA 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #2CCCCA 0%,#2CCCCA 36%,#2CCCCA 58%,#2CCCCA 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(top, #2CCCCA 0%,#2CCCCA#e48034 36%,#2CCCCA 58%,#2CCCCA#d35800 100%); /* IE10+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e78c47#2CCCCA', endColorstr='#2CCCCA',GradientType=0 ); /* IE6-9 */
            background: linear-gradient(top, #2CCCCA 0%,#e48034#2CCCCA 36%,#2CCCCA 58%,#2CCCCA 100%); /* W3C */
            /*background: #F38934;
    background-repeat: no-repeat;
    background-position: 5% center;*/
            border-color: #2CCCCA;
            filter: none;
            text-shadow: 0 -1px 1px #AF1D00;
        }

/*-----------------------------------------------------------------------------
  End Home Page
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
  Begin Safe Mode
-------------------------------------------------------------------------------*/
div#safeModeNotice {
    background-color: #f00;
    display: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

/*-----------------------------------------------------------------------------
  End Safe Mode
-------------------------------------------------------------------------------*/

#searchFields {
    float: right;
    min-width: 475px;
}

    #searchFields div.searchTextBoxContainer {
        float: none;
        clear: left;
    }

.messagesDropDownList, .messagesTypeFilterDropDownList {
    /*clear:right;*/
    float: right;
    margin-left: 6px;
    *margin-left: 0px;
    /*height:25px;*/
}

#searchFields div.searchBoxButton,
#searchFields .k-dropdownlist span.k-input-inner {
    float: right;
}

div#sitesFound {
    margin-top: 20px;
    font-size: 100%;
    font-weight: bolder;
    display: inline;
}

div#sitesLinks {
    display: inline;
    margin-left: 32px;
}

div#SiteListContent {
    width: 100%;
}

    div#SiteListContent .editLinkCell {
        text-align: center;
    }

    div#SiteListContent .editLink {
        visibility: hidden;
    }

    div#SiteListContent .t-state-hover .editLink {
        visibility: visible;
    }


/*telerik overrides*/


.t-dropdown .t-input, .t-selectbox .t-input, .t-combobox .t-input,
.k-dropdown .k-input, .k-selectbox .k-input, .k-combobox .k-input {
    padding: 0.14em 1.em;
    line-height: auto;
    /*height:auto;*/
}

.t-picker-wrap .t-select, .t-dropdown-wrap .t-select,
.k-picker-wrap .k-select, .t-dropdown-wrap .k-select {
    height: 100%;
    line-height: auto;
    width: 23px;
    /*border-left: 1px solid #dedede;*/
}

.t-dropdown-wrap,
.k-dropdown-wrap {
    padding-right: 24px;
}

.t-arrow-down,
.k-arrow-down {
    background-position: -14px -174px; /* changed x-pos to move over one px for better alignment */
}

.t-state-disabled .t-arrow-down,
.k-state-disabled .k-arrow-down {
    background-position: -29px -174px;
}

.t-group, .t-content, .t-editable-area,
.k-group, .k-content, .k-editable-area, .k-list-container {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-width: 1px;
    /*top:-1px;*/ /* removed so the translation window would have a border (bug 14795). haven't found any adverse effect from this yet */
    position: relative;
}

.t-popup, .t-menu .t-group,
.k-popup, .k-menu .k-group {
    -moz-box-shadow: 2px 2px 9px #bbb;
    -webkit-box-shadow: 2px 2px 9px #bbb;
    box-shadow: 2px 2px 9px #bbb;
}


    .t-popup .t-item,
    .k-popup .k-item {
        padding: 5px 5px 5px 12px;
    }

        .t-popup .t-item:hover, .k-popup .k-item:hover {
            background-color: #efefef;
            color: #105CD6;
        }

.t-state-selected,
.k-state-selected {
    /*background-color: #EEEEEE;*/
}


.t-combobox .t-state-default, .t-dropdown .t-state-default,
.k-combobox .k-state-default, .k-dropdown .k-state-default, .k-dropdownlist .k-input-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border-color: #ccc; /* f9f9f9 */
    /*background: -moz-linear-gradient(top, #FFF 0%, #f0f0f0 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* Opera11.10+ */
    /* background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* IE10+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    /* background: linear-gradient(top, #FFFFFF 0%, #f0f0f0 100%); /* W3C */
}


#searchFields .t-dropdown,
#searchFields .t-dropdown .t-dropdown-wrap,
#rightContent .t-dropdown .t-dropdown-wrap,
#rightContent .t-combobox .t-dropdown-wrap,
#pageBody .t-dropdown .t-dropdown-wrap,
#pageBody .t-combobox .t-dropdown-wrap,
#searchFields .k-dropdown,
#searchFields .k-dropdown .k-dropdown-wrap,
#rightContent .k-dropdown .k-dropdown-wrap,
#rightContent .k-combobox .k-dropdown-wrap,
#pageBody .k-dropdown .k-dropdown-wrap,
#pageBody .k-combobox .k-dropdown-wrap,
#rightContent .k-dropdownlist .k-input-inner {
    background: #fff;
    /*height: 23px;
    margin-right:5px;*/
}

.t-menu #sendAMsgMenu .t-group,
.k-menu #sendAMsgMenu .k-group {
    background: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.t-menu #sendAMsgMenu .t-item,
.k-menu #sendAMsgMenu .k-item {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
}

.t-menu #sendAMsgMenu .t-content,
.k-menu #sendAMsgMenu .k-content {
    background-color: #fff;
    border: 0 !important;
    border-radius: 7px 0 7px 7px;
    /*padding: 9px 12px; */
    -moz-box-shadow: 0px 4px 12px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 4px 12px rgba(0,0,0,.4);
    box-shadow: 0px 4px 12px rgba(0,0,0,.4);
    right: -4px\0/; /*IE positioning fix*/
    border: 1px solid #666\0/ !important;
    border-width: 0 0 2px 2px\0/ !important;
}

#sendAMsgMen .t-menu .t-group,
#sendAMsgMen .k-menu .k-group {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* /telerik overrides*/

/*Page filters*/
.page-filters {
    text-align: right;
}

.messages.page-filters {
    position: relative;
    top: 44px;
}

.recipients.page-filters, .admin.page-filters {
    margin-bottom: -23px;
    float: right;
}

.page-filters .filter-wrap {
    display: inline-block;
    margin-left: 4px;
    text-align: left;
}


.recipients-count, .sites-count {
    /*text-align:center;*/
    margin-top: 12px;
}


    .recipients-count h5.itemsFound, .sites-count h5.itemsFound, .counter.itemsFound {
        display: inline-block;
    }

#recipientFilterSection {
    z-index: 100000;
}

.search-box {
    background: #efefef;
    padding: 12px 20px;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.button-5, .button-5:hover, .button-5:focus {
    /*border-bottom:1px dashed #ccc;*/
}

    .button-5:hover, .button-5:focus {
        border-bottom-style: solid;
        text-decoration: none;
    }

.grid-button {
    background: transparent url("/Content/BbConnect/sprite2.png") no-repeat 0 0;
    overflow: hidden;
    height: 17px;
    width: 17px;
    line-height: 1;
    display: inline-block;
    opacity: .5;
    filter: alpha(opacity=50);
    text-indent: -1000px;
    color: transparent !important;
    z-index: 20;
}


a.grid-button {
    text-decoration: none;
    font-size: 0px;
    float: right;
}

.whiteBorder .grid-button, .gridExpandedCell .grid-button {
    background: transparent url("/Content/BbConnect/sprite2-white.png") no-repeat 0 0;
}

.grid-button:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.grid-button span {
    display: none;
}

.grid-button.user-allocations {
    background: transparent url("/Content/BbConnect/userAllocations.png") no-repeat 0 0;
}

.grid-button.delete {
    background-position: -20px -21px;
}

.grid-button.delivery-details {
    background-position: -65px -21px;
}

.grid-button.reuse-notification {
    background-position: -64px -43px;
}

.grid-button.use {
    background-position: -21px 0;
}

.grid-button.edit {
    background-position: 0 -42px;
}

.grid-button.clone {
    background-position: -64px -105px;
}

.grid-button.authorize {
    background-position: -43px -105px;
}

.grid-button.view {
    background-position: -43px -22px;
}

.grid-button.remove {
    background-position: 0px 0px;
}

.grid-button.cancel {
}

.grid-button.export {
    background-position: -43px -63px;
}

.gridExpandedCell .grid-button.export {
    background-position: -43px -42px;
}

#reviewSelectionTableContainer .grid-button.delete, #reviewSelectionTableContainer .grid-button.edit {
    display: block;
}

#MessagesGrid tr:hover div.gridActionButtons,
#MessagesGrid tr:hover div.gridActionButtons a,
#userListDiv tr:hover div.gridActionButtons,
#userListDiv tr:hover div.gridActionButtons a,
#GroupGrid tr:hover div.gridActionButtons,
#GroupGrid tr:hover div.gridActionButtons a,
#ReportGrid tr:hover div.gridActionButtons a,
#ScriptsGrid tr:hover div.gridActionButtons,
#ScriptsGrid tr:hover div.gridActionButtons a,
#SocialGrid tr:hover div.gridActionButtons,
#SocialGrid tr:hover div.gridActionButtons a,
#CAPGrid tr:hover div.gridActionButtons,
#CAPGrid tr:hover div.gridActionButtons a,
#RSSGrid tr:hover div.gridActionButtons,
#RSSGrid tr:hover div.gridActionButtons a {
    visibility: visible !important;
}

div.gridActionButtons {
    -webkit-transform: translateZ(0); /*Bug:20026*/
}

#SiteGrid td.editLinkCell a {
    *TEXT-INDENT: 0px !important;
}

/*SAM page*/

#tabs h3 {
    color: #666;
    font-size: 140%;
    margin: 0 0 6px;
    padding: 0;
}

.sam-block {
    /*border-top:1px dashed #ccc;*/
    padding: 12px 0;
}

#tabs .sam-block {
    border-top: 0;
    /*padding:7px 0; */
}

#tabs + div .sam-block:first-child, .sam-block.top {
    border-top: none;
}

.empty-message, .field-help, .chars-remaining, .list-explanation {
    font: italic 100% Georgia, serif;
    padding: 12px 0;
    color: #666;
    display: block;
}

.chars-remaining {
    padding: 0;
    text-align: right;
    clear: both;
    float: right;
    margin-bottom: 5px;
    width: 100%;
}

    .chars-remaining span {
        font-weight: bold;
    }

span.required {
    color: Orange;
    font-weight: bolder;
    font-size: 150%;
}

.sam-maps {
    padding-top: 6px;
    float: left;
    width: 200px;
}

.applyWeatherMap {
    padding-top: 15px;
    float: left;
    width: 230px;
}

/*Selected Languages

#availableLanguagesList .cfSummaryItem.displayLanguage 
{
    border:2px solid #F38934;
    background:#fff;
}

#availableLanguagesList .cfSummaryItem:first-child 
{
    padding: 4px 12px;
}

#messageChannelChoicesTabBar 
{
    margin: 12px 30px 30px;
    height:30px;
    border-bottom:1px dashed #ccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius:0;
}
*/
/*#messageChannelChoicesTabBar > li 
{
    background-size: 24px auto;
}*/


#PhoneContent, #EmailContent, #SmsContent, #FaxContent, #PagerContent, #CapContent, #FacebookContent, #TwitterContent, #RssContent, #IPDeviceContent, #PushContent {
    background: none repeat scroll 0 0 #F7F7F7;
    border: none;
    margin: 0;
    border-top: 1px solid #EFEFEF; /*#dcdfdf;*/
    margin-top: -1px;
}

#CAPListContent, #RSSListContent {
    width: 100%;
}

#tabs {
    border-width: 2px 0 !important;
    margin: 0 -30px;
    padding-top: 12px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none repeat scroll 0 0 transparent;
    border-top: 0 none;
}


    #tabs .ui-tabs-selected {
        background-color: #F7F7F7;
        border-radius: 0 0 0 0;
        /*box-shadow: 0 0 12px #CCCCCC inset; */
        border: 1px solid #F7F7F7 !important; /*invisible border*/
    }

#messageChannelChoicesTabBar > li {
    border: 1px solid #DCDFDF !important; /*#DCDFDF !important;*/
    border-bottom: 0 none;
    border-radius: 0 0 0 0;
    margin: 0 0 -2px -5px;
    padding: 0;
    position: relative;
    float: none;
    display: inline-block;
    zoom: 1;
    *display: inline;
    *height: 52px;
}

    #messageChannelChoicesTabBar > li:first-child {
        -moz-border-radius: 3px 0 0 0;
        -webkit-border-radius: 3px 0 0 0;
        border-radius: 3px 0 0 0;
        margin: 0 0 -2px 0;
    }

    #messageChannelChoicesTabBar > li:last-child {
        -moz-border-radius: 0 3px 0 0;
        -webkit-border-radius: 0 3px 0x 0;
        border-radius: 0 3px 0 0;
    }

#tabs .ui-tabs-nav {
    text-align: center;
    padding: 0;
}

#tabs > div.label:first-child {
    position: absolute;
    top: 26px;
    left: 15px;
    /*font: italic 95% Georgia,serif;*/
    width: 100px;
    /*color:#999;*/
}

#tabs.ui-tabs {
    padding: 0;
}

    #tabs.ui-tabs .ui-tabs-panel {
        padding: 12px 30px;
    }


    #tabs.ui-tabs .field {
        width: 605px;
    }

.t-datetimepicker .t-picker-wrap .t-select, .t-datetimepicker .t-dropdown-wrap .t-select,
.k-datetimepicker .k-picker-wrap .k-select, .k-datetimepicker .k-dropdown-wrap .k-select {
    border: 0;
    height: auto;
    width: auto;
}

/*Date piker text field.*/
.t-datetimepicker .t-input[type="text"],
.k-datetimepicker .k-input[type="text"] {
    width: 100%;
    border-width: 1px;
}

.t-datepicker .t-picker-wrap .t-select, .t-datepicker .t-dropdown-wrap .t-select,
.k-datepicker .k-picker-wrap .k-select, .k-datepicker .k-dropdown-wrap .k-select {
    border: 0;
    height: auto;
    width: auto;
}

.t-datepicker .t-input[type="text"],
.k-datepicker .k-input[type="text"] {
    width: 100%;
    border-width: 1px;
}

#searchLabel {
    text-transform: capitalize;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('xml/ellipsis.xml#ellipsis');
    display: inline-block;
}

.ellipsisEndText {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding-left: 3px;
}

.infoBar {
    background-color: #EFEFEF;
    border: 1px solid #000000;
    padding: 5px 0 5px 10px;
}
/*Enabled Languages as tabs
  
  #availableLanguagesList {
    padding: 0;
    text-align: center;
    margin-bottom:0;
}
  
  #availableLanguagesList > li.cfSummaryItem,  #availableLanguagesList > li.cfSummaryItem:hover 
  {display: inline-block;
   vertical-align:bottom;
   max-width:80px;
   max-height: 50px;
   padding:9px 12px;
   text-align: left;
   border-bottom:0!important;
 } 
 
 #availableLanguagesList .cfSummaryItem:first-child {
    padding: 9px 12px;
}
 
  #availableLanguagesList > li.cfSummaryItem:hover 
  {
        background:#f7f7f7;
      color:#000;}
  
  #availableLanguagesList .cfSummaryItem {
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    margin: 0;
    background:transparent;
}   

#availableLanguagesList .cfSummaryItem.displayLanguage, #availableLanguagesList .cfSummaryItem.displayLanguage:hover {
    background: #f7f7f7;
    border: 1px solid #ccc;
      z-index:100;
      top:1px
}

.cfSummaryItem a.filterActionButton, .cfSummaryItem span.filterActionButton 
{
    position:absolute;
    top:-6px;
    right:-7px;
    background: url("/Content/BbConnect/sprite2.png") no-repeat scroll 0 -1px transparent;
    opacity:0;
    filter: alpha(opacity=0)
}

  #availableLanguagesList > li:hover a.filterActionButton, 
#availableLanguagesList > li:hover span.filterActionButton 
  {
      opacity:1;
          filter: alpha(opacity=100);
      }
      
 #tabs 
 {
     border-width:1px 0 !important;
     border-color:#ccc;
     } 
*/

#groupListContent {
    *width: 100%;
}

#GroupGridInstitutionForm .filter-wrap {
    *display: inline;
}


#SendToSelected > label,
#SendToSelected > span,
#SendToSelected > a {
    vertical-align: 50%;
    *vertical-align: 70%;
    padding-right: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #SendToSelected > label,
    #SendToSelected > span,
    #SendToSelected > a {
        vertical-align: inherit;
        padding-right: 5px;
    }
}

#SendToSelected > a {
    *vertical-align: 40%;
}

#SendToSelected > span {
    padding-left: 5px;
}

#addEditUserForm .formField {
    *float: left;
    vertical-align: top;
}

#addEditUserForm .formRow {
    *clear: both;
}

#NotificationRecipientContainer a.as-close {
    *float: none;
}

#ReportParametersWindow {
    width: 530px;
}

.userNameCallout {
    border-bottom: solid 1px #E8E8E8;
    padding-bottom: 0px;
    margin-bottom: 12px;
}

#globalRecipientList ul li.expandable .listColumnItemDetail {
    display: none;
}


/*
#globalRecipientList ul li.expandable:hover .listColumnItemDetail
{
	display:block;
}*/

#DownloadQueueGrid .reportName .listColumnItemDetail {
    display: none;
}

#DownloadQueueGrid .reportName:hover .listColumnItemDetail {
    display: block;
}

#ScheduledDateContent_NewDate {
    /*border: solid 1px #ccc;*/
}


/*Restricted User Icon*/
.RestrictedUserIcon {
    position: relative;
    top: 2px;
    margin-left: 2px;
}


.typeColumn {
    margin-top: 60px;
}

.listenToAudioIcon audio-active audio-download {
    vertical-align: bottom;
    margin: 0;
}

listenToAudioIcon audio-active audio-download:hover {
    text-decoration: underline;
}


/* --- MessageCenter/Send page */
.templateListWindowItem {
    background-color: #fff;
    cursor: pointer;
    border-bottom: solid 1px #eee;
    /*padding:4px 0;
    overflow:hidden;*/
}

    .templateListWindowItem:hover {
        background-color: #eee;
    }

    .templateListWindowItem:last-child {
        border-bottom: 0;
    }

.templateListWindow {
    height: 260px;
    margin-bottom: 20px;
    overflow-x: hidden;
}
/* --- end MessageCenter/Send page */

.reportHeader {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 10px 0 5px 0;
    display: inherit;
}

#SelectedReportFormat {
    margin-left: 5px;
}

.k-state-default {
    border-color: #ccc;
}

.k-select {
    border-left: none;
}

/*============================
  Delivery Results Footnote
==============================*/

.deliveryModeNoteSection {
    border-top: 1px solid #e8e8e8;
    margin: 20px 0;
    padding: 20px 0;
    font-style: italic;
    font-family: Georgia;
}

.deliveryModeNoteMarkerLarge, .deliveryModeNoteMarkerSmall {
    color: #f44500;
    font-size: 24px;
    margin: 0 5px 0 0;
    font-family: "Lucida Grande","Helvetica", sans-serif;
}

.searchBox {
    width: 150px;
    padding: 3px 0 2px 4px !important;
}

.searchBoxSmall {
    width: 100px;
    padding: 3px 0 2px 4px !important;
}

.tipArrow {
    right: 116px;
}

.statusLink {
    position: relative;
    left: -41px;
    padding: 3px 0 0 45px;
    height: 30px;
    width: 225px;
    background-image: url(/images/newBadge2Lg.png);
    background-repeat: no-repeat;
}

/* Unsaved Changes Dialog */
#unsavedChangesDialog {
    padding-right: 6px;
}

    #unsavedChangesDialog p {
        display: inline-block;
        font-size: 16px;
        margin: 0 0 20px 0;
        text-align: center;
        vertical-align: top;
    }

    #unsavedChangesDialog .unsavedChangesButtons {
        margin: 0 auto;
        padding-bottom: 10px;
        text-align: center;
    }

.changeModalTitle {
    font-size: 125%;
    font-weight: bold;
}

.ui-dialog {
    z-index: 5002 !important;
}

.ui-widget-overlay {
    z-index: 5001 !important;
}

.printDetails {
    font-size: 12px;
    font-weight: normal;
    float: right;
    margin-right: 5px;
}

.k-window-titlebar .k-window-titlebar-actions {
    display: none;
}

.k-window-titlebar {
    border-bottom-style: hidden;
}

#messagesTableContainer tbody tr td svg path {
    display: none;
}
/*Newly added styles for dropdowns*/
.k-dropdownlist span.k-input-inner {
    height: inherit;
    border-width: 1px;
    border-style: solid;
    color: #555555;
    padding: 0 1.9em 0 0;
    cursor: pointer;
    width: 100%; /*in IE equivalent to */
    width: -moz-available; /* Mozilla */
    width: -webkit-fill-available; /* Webkit */
    width: -o-available; /* OPera */
    border-color: #ccc;
    border-radius: 3px;
    display: block;
    position: relative;
}
span.k-dropdownlist {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    border-color: #ccc;
    font-size: 100%;
    background: #fff;
    border: 0;
    border-radius: 3px;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: top;
}
.scriptSelectionBar span.k-dropdownlist,
#IPDeviceContent span.k-dropdownlist {
    width: 150px;
    height: 26px;
}
/*Added .field for lengthy Dropdownlist textbox*/
.field .k-dropdownlist span.k-input-value-text,
.filterWindow .k-dropdownlist span.k-input-value-text,
#selectionSourceContent .k-dropdownlist span.k-input-value-text {
    height: auto;
}
.k-dropdownlist span.k-input-value-text {
    height: auto;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 100%;
    border-radius: 4px 0 0 4px;
    color: #2e2e2e;
    border-color: #c5c5c5;
    height: 1.65em;
    line-height: 1.65em;
    padding: .2em 0 .2em 3px;
    text-indent: 4px;
    border: 0;      
    margin: 0;
}

.k-dropdownlist span.k-icon-button {
    height: 20px;
    position: absolute;
    right: 0;
    top: 4px;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit;
    overflow: hidden;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    border-radius: 0 4px 4px 0;
    text-align: center;
    width: 1.9em;
    min-height: 1.65em;
    background: transparent;
    z-index: 1;
    padding: 0;
    min-width:auto;
}

.k-picker-solid:hover, .k-picker-solid.k-hover {
    background-color: transparent !important;
}

span.k-svg-icon {
    vertical-align: top;
    margin-top: 4px;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(kendo/Default/sprite.png);
    border-color: transparent;
    margin: 0 4px;
    opacity: .8;
    padding: 0;
    min-height: 16px !important;
    min-width: 16px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .k-icon-button span.k-svg-icon {
        background-image: url('kendo/Default/sprite_2x.png');
        background-size: 192px 336px;
    }
}
.k-dropdownlist span.k-icon-button .k-svg-i-caret-alt-down,
#addEditUserForm button.k-icon-button .k-svg-i-caret-alt-down, /*[CP-9553] - Admin -> Users -> Dropdown*/
#myAccountTitle button.k-icon-button span.k-svg-i-caret-alt-down, /*[CP-9553] - MyAccount -> Dropdown*/
#SecurityProfileSetupForm button.k-icon-button .k-svg-i-caret-alt-down /*[CP-9553] - Security profile -> Dropdown*/ {
    background-position: -160px -206px;
}
.k-upload .k-svg-i-check {
    background-position: -32px -32px;
}
/*Newly added styles for dropdowns expand popup*/
.k-window .k-window-titlebar-actions button.k-window-titlebar-action,
#addEditUserForm .k-clear-value, /*[CP-9553] - Admin -> Users -> Dropdown*/
#IPAWSAdmin input#certificate, /*[CP-9553] - Admin -> IPAWS -> Upload button*/
#IPAWSAdmin span.k-file-size, /*[CP-9553] - Admin - > IPAWS - > Upload button file-size text*/
#myAccountTitle span.k-combobox span.k-clear-value, /*[CP-9553] - MyAccount -> Dropdown*/
#SecurityProfileSetupForm .k-clear-value /*[CP-9553] - Security profile -> Dropdown*/ {
    display: none;
}
.k-window .TemplateListWindow {
    width: inherit;
    padding: 10px;
    margin-top: auto !important;
}
/*Common dropdown list styles*/
.k-popup.k-list-container {
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    bottom: 1px;
}
.k-animation-container-shown .k-list-container{
    border-bottom-width:0;
}
.k-popup.k-list-container:has(> div#SurveyFilter-list) {
    height: auto !important;
}
.k-list-container:has(> .k-list > .k-list-content > ul#ScheduledDateContent_NewDate_timeview),
.k-list-container:has(> .k-list > .k-list-content > ul#CapContent_ExpirationDate_timeview),
.k-list-container:has(> .k-list > .k-list-content > ul#RssContent_ExpirationDate_timeview) {
    width: 175px !important;
}
.k-list-container ul.k-list-ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    height: 100%;
}

.k-window-titlebar .k-window-titlebar-actions {
    display: none;
}

.k-window-titlebar {
    border-bottom-style: hidden;
}

#messagesTableContainer tbody tr td svg path {
    display: none;
}
/*Newly added styles for dropdowns*/
.k-dropdownlist span.k-input-inner {
    height: inherit;
    border-width: 1px;
    border-style: solid;
    color: #555555;
    padding: 0 1.9em 0 0;
    cursor: pointer;
    width: 100%; /*in IE equivalent to */
    width: -moz-available; /* Mozilla */
    width: -webkit-fill-available; /* Webkit */
    width: -o-available; /* OPera */
    border-color: #ccc;
    border-radius: 3px;
    display: block;
    position: relative;
}
span.k-dropdownlist {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    border-color: #ccc;
    font-size: 100%;
    background: #fff;
    border: 0;
    border-radius: 3px;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: top;
}
.scriptSelectionBar span.k-dropdownlist,
#IPDeviceContent span.k-dropdownlist {
    width: 150px;
    height: 26px;
}
/*Added .field for lengthy Dropdownlist textbox*/
.field .k-dropdownlist span.k-input-value-text,
.filterWindow .k-dropdownlist span.k-input-value-text,
#selectionSourceContent .k-dropdownlist span.k-input-value-text {
    height: auto;
}
.k-dropdownlist span.k-input-value-text {
    height: auto;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 100%;
    border-radius: 4px 0 0 4px;
    color: #2e2e2e;
    border-color: #c5c5c5;
    height: 1.65em;
    line-height: 1.65em;
    padding: .2em 0 .2em 3px;
    text-indent: 4px;
    border: 0;      
    margin: 0;
}

.k-dropdownlist span.k-icon-button {
    height: 20px;
    position: absolute;
    right: 0;
    top: 4px;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit;
    overflow: hidden;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    border-radius: 0 4px 4px 0;
    text-align: center;
    width: 1.9em;
    min-height: 1.65em;
    background: transparent;
    z-index: 1;
    padding: 0;
    min-width:auto;
}

.k-picker-solid:hover, .k-picker-solid.k-hover {
    background-color: transparent !important;
}

span.k-svg-icon {
    vertical-align: top;
    margin-top: 4px;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(kendo/Default/sprite.png);
    border-color: transparent;
    margin: 0 4px;
    opacity: .8;
    padding: 0;
    min-height: 16px !important;
    min-width: 16px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .k-icon-button span.k-svg-icon {
        background-image: url('kendo/Default/sprite_2x.png');
        background-size: 192px 336px;
    }
}
.k-dropdownlist span.k-icon-button .k-svg-i-caret-alt-down,
#addEditUserForm button.k-icon-button .k-svg-i-caret-alt-down, /*[CP-9553] - Admin -> Users -> Dropdown*/
#myAccountTitle button.k-icon-button span.k-svg-i-caret-alt-down, /*[CP-9553] - MyAccount -> Dropdown*/
#SecurityProfileSetupForm button.k-icon-button .k-svg-i-caret-alt-down /*[CP-9553] - Security profile -> Dropdown*/ {
    background-position: -160px -206px;
}
.k-upload .k-svg-i-check {
    background-position: -32px -32px;
}
/*Newly added styles for dropdowns expand popup*/
.k-window .k-window-titlebar-actions button.k-window-titlebar-action,
#addEditUserForm .k-clear-value, /*[CP-9553] - Admin -> Users -> Dropdown*/
#IPAWSAdmin input#certificate, /*[CP-9553] - Admin -> IPAWS -> Upload button*/
#IPAWSAdmin span.k-file-size, /*[CP-9553] - Admin - > IPAWS - > Upload button file-size text*/
#myAccountTitle span.k-combobox span.k-clear-value, /*[CP-9553] - MyAccount -> Dropdown*/
#SecurityProfileSetupForm .k-clear-value /*[CP-9553] - Security profile -> Dropdown*/ {
    display: none;
}
.k-window .TemplateListWindow {
    width: inherit;
    padding: 10px;
    margin-top: auto !important;
}
/*Common dropdown list styles*/
.k-popup.k-list-container {
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    bottom: 1px;
}
.k-animation-container-shown .k-list-container{
    border-bottom-width:0;
}
.k-popup.k-list-container:has(> div#SurveyFilter-list) {
    height: auto !important;
}
.k-list-container:has(> .k-list > .k-list-content > ul#ScheduledDateContent_NewDate_timeview),
.k-list-container:has(> .k-list > .k-list-content > ul#CapContent_ExpirationDate_timeview),
.k-list-container:has(> .k-list > .k-list-content > ul#RssContent_ExpirationDate_timeview) {
    width: 175px !important;
}
.k-list-container ul.k-list-ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    height: 100%;
}

.k-list-container ul.k-list-ul li.k-list-item {
    padding: 1px 5px 1px 5px;
    line-height: 1.7em;
}
/*Send a Message Page*/
.k-list-ul .k-list-item, .k-list-ul .k-list-item.k-selected {
    color: #105cd6;
}

.k-list-ul .k-list-item.k-selected, .k-calendar .k-calendar-td.k-selected .k-link,
.k-calendar .k-calendar-td.k-selected.k-focus .k-link {
    background: none;
    box-shadow: none;
}

.k-list-item.k-hover {
    background-color: #ececec !important;
}

.k-list-md, .k-calendar, .k-window {
    font-size: 100%;
    font-family: inherit;
}
/*DatePicker*/
.k-datetimepicker {
    width: 175px;
    height: 25px;
    margin: 0 5px 0 0px;
    background-image: none;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    white-space: nowrap;
    color: #555555;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    vertical-align: middle;
    overflow: visible;
    line-height: normal;
    font-family: inherit;
    font-size: 100%;
    -webkit-appearance: none;
    background-repeat: repeat;
    background-position: 0 center;
    padding-right: 44px !important;
    padding: 0 25px 0 0;
    position: relative;
    cursor: pointer;
}
.k-datetimepicker.k-hover,
.k-datepicker.k-hover /*CP-8171*/{
    border-color: #a99f9a;
}

.k-datetimepicker.k-hover > .k-icon-button,
.k-datepicker.k-hover > .k-icon-button /*CP-8171*/{
    background-color: #a99f9a !important;
}

.k-datetimepicker .k-input-inner {
    width: 100% !important;
    height: 1.65em;
    line-height: 1.65em;
    padding: .178em 0;
    text-indent: 4px;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    outline: 0;
    color: #2e2e2e;
    background: #fff;
    border-radius: 4px;
    top: 2px;
}
.k-datetimepicker .k-icon-button {
    border: 0;
    border-radius: 0;
    height: 100%;
    right: 0;
    top: 0;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    min-height: 1.65em;
    line-height: 2em;
    text-align: center;
    background: #f7f7f7 url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
}
#NotificationSendTimeContainer .k-datetimepicker .k-icon-button,
#destinationExpirationFormWin .k-datetimepicker .k-icon-button,
#addDateRangeContainer .k-datepicker .k-icon-button /*CP-8171*/{
    background: transparent;
}
.k-datetimepicker button:nth-child(3) {
    width: 19px;
    border-radius: 0 3px 3px 0;
}
.k-datetimepicker .k-svg-icon {
    margin: 4px 2px;
    font-size: 1em;
    cursor: pointer;
    vertical-align: top;
    min-height: 16px !important;
    min-width: 16px !important;
}

#ScheduledDateContent_NewDate_dateview,
#RssContent_ExpirationDate_dateview {
    height: auto;
}

/*Calendar Styles*/
.k-calendar-container {
    width: 208px;
    height: auto;
    border: 0;
    background-color: #FFFFFF;
    padding: 2px;
    border-radius: 0 4px 4px 0; /*CP-8171 DatePicker dropdown border radius, wrote as common*/
}

.k-calendar {
    left: 1px;
}
#NewDate_dateview .k-calendar{
    left:3px;
}
.k-svg-i-calendar {
    background-position: -32px -176px;
    right: 3px;
    bottom: 4px;
}

.k-svg-i-clock {
    background-position: -32px -192px;
    right: 8px;
    bottom: 4px;
}

.k-datetimepicker .k-svg-icon svg {
    display: none;
}

.k-calendar .k-header {
    display: block;
    padding: .4em 0;
    text-align: center;
    position: relative;
    zoom: 1;
    border-color: #c5c5c5;
    background-repeat: repeat;
    background-position: 0 center;
    box-shadow: none;
    border: 0;
}
.k-calendar .k-calendar-monthview,
.k-calendar-monthview table.k-calendar-table {
    width:100% !important;
}
.k-calendar .k-calendar-view,
.k-calendar-view table.k-calendar-table {
    width: auto;
    transform-origin: 74.75px 139.65px;
    transform: scale(1);
    float: left;
    height: 170px;
    min-height: auto;
    border-width: 0;
    outline: 0;
    display: block;
}

#NewDate_dateview table.k-calendar-table {
    display: table;
}
.k-calendar-monthview, .k-calendar-monthview table.k-calendar-table {
    height: 206px !important;
}
.k-calendar-view table.k-calendar-table 
.k-calendar .k-calendar-td.k-selected .k-link, .k-calendar .k-calendar-td .k-link,
.k-calendar .k-calendar-td.k-selected.k-hover .k-link, .k-calendar .k-header a.k-calendar-nav-fast,
.k-calendar .k-calendar-nav-today.k-button-flat, .k-calendar .k-other-month .k-link:hover {
    color: #2e2e2e !important;
}
/*Calender Cells styles*/
.k-calendar-md.k-month-calendar, .k-calendar-md .k-calendar-monthview {
    --INTERNAL--kendo-calendar-cell-size: var(--kendo-calendar-md-month-cell-size, 26px ) !important;
}
.k-month-calendar .k-calendar-td, .k-calendar-monthview .k-calendar-td {
    width: 30px;
    height: 28px;
    inline-size: var(--INTERNAL--kendo-calendar-cell-size, 28px);
    block-size: var(--INTERNAL--kendo-calendar-cell-size, 28px);
}
.k-calendar-md.k-year-calendar, .k-calendar-md .k-calendar-yearview {
    --INTERNAL--kendo-calendar-cell-size: var(--kendo-calendar-md-year-cell-size, 54px ) !important;
}
.k-year-calendar .k-calendar-td, .k-calendar-yearview .k-calendar-td {
    width: 50px;
    height: 54px;
    inline-size: var(--INTERNAL--kendo-calendar-cell-size, 54px);
    block-size: var(--INTERNAL--kendo-calendar-cell-size, 54px);
}
.k-calendar-md.k-decade-calendar, .k-calendar-md .k-calendar-decadeview {
    --INTERNAL--kendo-calendar-cell-size: var(--kendo-calendar-md-decade-cell-size, 54px ) !important;
}
.k-decade-calendar .k-calendar-td, .k-calendar-decadeview .k-calendar-td {
    width: 50px;
    height: 54px;
    inline-size: var(--INTERNAL--kendo-calendar-cell-size, 54px);
    block-size: var(--INTERNAL--kendo-calendar-cell-size, 54px);
}
.k-calendar-md.k-century-calendar, .k-calendar-md .k-calendar-centuryview {
    --INTERNAL--kendo-calendar-cell-size: var(--kendo-calendar-md-century-cell-size, 54px ) !important;
}
.k-century-calendar .k-calendar-td, .k-calendar-centuryview .k-calendar-td {
    width: 50px;
    height: 54px;
    inline-size: var(--INTERNAL--kendo-calendar-cell-size, 54px);
    block-size: var(--INTERNAL--kendo-calendar-cell-size, 54px);
}
/*Calender Cells styles*/

.k-calendar .k-other-month .k-link {
    color: #777 !important;
}
.k-calendar .k-link {
    border-radius: 4px;
    color: #555555;
    height: auto;
    box-shadow: none !important;
}

.k-calendar .k-calendar-td.k-hover,
.k-calendar .k-calendar-td.k-hover .k-link,
.k-calendar .k-calendar-td.k-selected.k-hover,
.k-calendar .k-calendar-td.k-selected.k-hover .k-link,
.k-calendar .k-header a.k-button:hover {
    background-color: #a99f9a !important;
}

.k-calendar .k-calendar-nav-today.k-button,
.k-calendar .k-calendar-nav-prev,
.k-calendar .k-calendar-nav-next {
    border: 0;
    background-color: transparent;
}

.k-calendar .k-calendar-nav-today:hover {
    background-color: transparent;
    text-decoration: underline;
}

.k-calendar .k-calendar-nav-fast {
    display: inline-block;
    width: 65%;
    height: 22px;
    line-height: 22px;
    margin: 3px 0 4px;
    border: 0;
    background-color: transparent;
}

.k-calendar .k-calendar-nav-prev {
    left: 1%;
}

.k-calendar .k-calendar-nav-prev, .k-calendar .k-calendar-nav-next {
    position: absolute;
    width: 22px;
    height:23px;
    right: 1%;
    padding:0;
    border-radius:4px;
}
.k-calendar .k-svg-i-caret-alt-left, .k-calendar .k-svg-i-caret-alt-right {
    position: relative;
    top:3px;
    right: 1px;
}

.k-calendar .k-svg-i-caret-alt-left {
    background-position: 0 -48px;
}

.k-calendar .k-svg-i-caret-alt-right {
    background-position: -16px -16px;
}
.k-calendar-table .k-calendar-th {
    text-transform: none;
}
.k-calendar .k-footer {
    text-align: center;
}
/*Pop-up window*/
div.k-window {
    height: auto !important;
    padding-top: 28px;
    outline: 0;
    background-color: #fff;
}
#MapWindow.k-window-content {
    height:fit-content;
}
div.k-window-titlebar.k-hstack {
    border-bottom: 0px;
    line-height: 2em;
    background-color: #FFF;
    position: absolute;
    width: 100%;
    height: 1.1em;
    min-height: 16px;
    border-color: #c5c5c5;
    border-radius: 4px 4px 0 0;
    color: #2e2e2e;
    display: block;
    margin-top: -28px;
}

div.k-window-titlebar.k-hstack span.k-window-title {
    display: block;
    font-weight: bold;
    font-size: 125%;
}

.k-window-content {
    width: 100%;
    padding: 12px;
    z-index: -1;
    outline: 0;
    box-sizing: border-box;
    color: #2e2e2e;
}
.formFieldWide .k-upload-button-wrap {
    text-align: left;
}

#attachments {
    display:none;
}

.formFieldWide .k-upload-button:hover {
    border-color: #a99f9a;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    background-image: none;
    text-decoration: none;
    color: #2e2e2e;
    border-width: 1px;
    border-style: solid;
}

/*EmailContent - CP-9423 START*/
/*CP-9423 - Select files button*/
.formFieldWide .k-button {
    border-color: #ccc #666 #666 #ccc;
}

.formFieldWide .k-button:hover {
    border-color: #a99f9a !important;
    background: #fff !important;
}

.formFieldWide .k-upload-button-wrap {
    right: 9px;
    bottom: 9px;
    font-size: 84%
}

.formFieldWide .k-upload-dropzone span.k-dropzone-hint {
    visibility: hidden;
}

.formFieldWide span.k-svg-i-arrow-rotate-cw-small svg,
.formFieldWide span.k-svg-i-x svg,
.formFieldWide span.k-svg-i-cancel svg {
    display: block;
    background-color: #f7f7f7;
}

/*CP-9423 - Email content script window*/
#colorPickerContainer span.k-colorpicker {
    width: 60px;
    height: 33px;
}

#colorPickerContainer span.k-input-inner {
    padding: 5.9px;
    border-radius: 3px;
}

#colorPickerContainer span.k-value-icon {
    display: contents;
}

#colorPickerContainer button.k-input-button {
    left: 30px;
    bottom: 30px;
}

.emailScriptsContainer .k-colorpicker:hover {
    background-color: #a99f9a !important;
    border-color: #a99f9a;
}

.emailScriptsContainer .k-colorpicker {
    background-color: #fff;
    border-color: #ccc;
}

.emailScriptsContainer span.k-svg-icon {
    background-image: url(kendo/Default/sprite.png);
    background-position: -161px -206px;
}

#colorPickerContainer span.k-color-preview-mask {
    padding: 36px 31px 0 3px;
}

.emailScriptsContainer span.k-state-border-down {
    background-image: none,linear-gradient(to bottom,#cbc5c2 0,#a99f9a 100%);
}

.k-flatcolorpicker span.k-svg-i-droplet-slider,
.k-flatcolorpicker span.k-svg-i-palette,
.k-flatcolorpicker span.k-svg-i-caret-alt-expand {
    background-image: none;
}

.k-flatcolorpicker span.k-svg-i-droplet-slider svg,
.k-flatcolorpicker span.k-svg-i-palette svg,
.k-flatcolorpicker span.k-svg-i-caret-alt-expand svg {
    display: block;
    color: #000;
}
/*EmailContent - CP-9423 END*/

/*authoriztion popup*/
#authorizerWindow
{
  width: 557px;
  margin-top: 6%;
}

#authorizerWindow table
{
  border-spacing: 0;
}
/*Notification Edit/Cancel Popup*/
.k-window[aria-labelledby="displayMessageBox_wnd_title"]{
    padding-top:28px;
}
.k-window[aria-labelledby="displayMessageBox_wnd_title"] .k-window-titlebar {
    margin-top: -28px;
}
.k-window #displayMessageBox{
    margin-top:0;
}
/*RSS CAP Date Expiration*/
#destinationExpirationFormWin .k-datetimepicker {
    padding-right: 0 !important;
}
#destinationExpirationFormWin #NewDate{
    width:130px !important;
}
#destinationExpirationFormWin button.k-icon-button {
    padding: 0;
    position: relative;
    left:6px; /*Added code for CP-8125*/
}
#destinationExpirationFormWin .k-svg-i-calendar {
    background-position: -32px -176px;
}
#destinationExpirationFormWin .k-svg-i-clock {
    right: 0px;
    position: relative;
    bottom:0px; /*Added code for CP-8125*/
}
/*Outbox Message covsersation popup*/
div#ResponseDetailsWindow {
    overflow: visible !important;
}
#ResponseDetailsWindow div.loadingInline
{
  transform: translate(274px, 122px);
}

#colorPickerContainer span.k-value-icon {
    display: contents;
}

#colorPickerContainer button.k-input-button {
    left: 30px;
    bottom: 30px;
}

.emailScriptsContainer .k-colorpicker:hover {
    background-color: #a99f9a !important;
    border-color: #a99f9a;
}

.emailScriptsContainer .k-colorpicker {
    background-color: #fff;
    border-color: #ccc;
}

.emailScriptsContainer span.k-svg-icon {
    background-image: url(kendo/Default/sprite.png);
    background-position: -161px -206px;
}

#colorPickerContainer span.k-color-preview-mask {
    padding: 36px 31px 0 3px;
}

.emailScriptsContainer span.k-state-border-down {
    background-image: none,linear-gradient(to bottom,#cbc5c2 0,#a99f9a 100%);
}

.k-flatcolorpicker span.k-svg-i-droplet-slider,
.k-flatcolorpicker span.k-svg-i-palette,
.k-flatcolorpicker span.k-svg-i-caret-alt-expand,
div#levelsTreeView li.k-treeview-item /*[CP-9553] - Admin -> Sites -> TreeView*/ {
    background-image: none;
}

.k-flatcolorpicker span.k-svg-i-droplet-slider svg,
.k-flatcolorpicker span.k-svg-i-palette svg,
.k-flatcolorpicker span.k-svg-i-caret-alt-expand svg {
    display: block;
    color: #000;
}
/*CP-9423 - color picker*/
.k-flatcolorpicker span.k-coloreditor-preview-color,
.k-flatcolorpicker span.k-coloreditor-current-color {
    display:none;
}

.k-animation-container .k-flatcolorpicker span.k-svg-i-palette svg,
.k-animation-container .k-flatcolorpicker span.k-svg-i-droplet-slider svg,
.k-animation-container .k-flatcolorpicker span.k-svg-i-caret-alt-expand svg {
    color: #aca39e;
}

.k-animation-container .k-flatcolorpicker span.k-svg-i-caret-alt-expand svg {
    transform: scale(1.2);    
}

/*Email Ckeditor popup Html Preview*/
.k-window[aria-labelledby="previewWindow_wnd_title"] .k-window-titlebar-actions {
    position: absolute;
    right: 1.0em;
    top: 5em;
    padding-top: .3em;
    white-space: nowrap;
    display: block !important;
}

.k-window[aria-labelledby="previewWindow_wnd_title"] .k-window-titlebar-action.k-button {
    opacity: 0.5;
    border-radius: 20px;
    width: 15px;
    height: 15px;
    left: 0.1em;
    top: 0.4em;
    display: block !important;
}

.k-window[aria-labelledby="previewWindow_wnd_title"] .k-window-titlebar-action.k-button.k-hover {
    opacity: 1;
    background-color: #a99f9a !important;
}

.k-window[aria-labelledby="previewWindow_wnd_title"] span.k-svg-i-x {
    background-position: -32px -15px;
    right: 9px;
    bottom: 6px;
}

/*Added code for CP-9424*/
#phoneMessageChosenContent span.k-input-value-text span {
    display:inline !important
}

input#phoneContentAddText {
    margin-left: 10px;
}

#PhoneContent_SelectedCallerId_listbox li{
    display:block;
}

#PhoneContent_SelectedCallerId_listbox li span span{
   display:inline !important;
}

div.phoneAudioUploadSection span.k-file-icon-wrapper span.k-svg-i-file-audio,
div.phoneAudioUploadSection span.k-upload-actions span.k-svg-i-cancel {
    background-image: none !important;
    text-indent: 0 !important;
}

div.phoneAudioUploadSection span.k-upload-status-total span {
    background-image: none !important;
}
/*Grid Common styles*/
.k-grid table.k-grid-table {
    border-spacing: 0;
}
.k-grid .k-grid-table tr {
    border-bottom-width: 0px;
    border-right-style: hidden;
    border-left-style: hidden;
}
.k-grid a.k-svg-icon path {
    display: none;
}
/*Fixed existing issue in Recipients -> SocialNetwork page*/
#SocialGrid.k-grid{
    padding-top:2px;
}
/*File upload styles*/
.formField .k-upload{
    font-family: inherit;
    font-size: 100%;
}

.k-dropzone {
    background-color: transparent;
    display: block;
    padding: 0;
}
span.k-dropzone-hint{
    margin-left: .6em;
    visibility: hidden;
    vertical-align: middle;
    position: absolute;
    left: 13%;
    top: 2px;
}

.k-upload-button-wrap{
    width: fit-content;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #666 #666 #ccc;
    border-radius: 3px;
}

.k-upload-button:hover {
    border-color: #a99f9a;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    background-image: none;
    text-decoration: none;
    color: #2e2e2e;
}

.k-upload .k-upload-button {
    width: 100%; /*in IE equivalent to */
    width: -moz-available; /* Mozilla */
    width: -webkit-fill-available; /* Webkit */
    width: -o-available; /* OPera */
    min-width: unset;
    border: none;
}
.formField .k-upload input[type=file],
.stepField .k-upload input[type=file]{
    width: 82px;
    display: none;
}

.k-upload-status {
    width: 54px;
    height: 13.6px;
    position: absolute;
    bottom: 5px;
    left: 25%;
    font-weight: bold;
    font-family: inherit;
    font-size: 100%;
}

.k-upload-files {
    border: none;   
}

.k-file-icon-wrapper {
    top: 4px;
    position: relative;
    display: block;
    width: fit-content;
}
.k-upload-status .k-svg-i-upload,
.k-upload-actions .k-svg-i-cancel {
    display: none !important;
}
.k-file-info {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

/*Added code for CP-8125*/
#resendDateTimePicker span.k-datetimepicker
{
    height: 27px !important;
    width: 140px !important;
}

#resendDateTimePicker button.k-input-button
{
   padding: 0px;
   position: relative;
   left:5px;
}
/*Disabled Styls in common*/
.k-disabled .k-input-value-text {
    color: #afaeae !important;
    border-color: #ccc;
}
.k-disabled span.k-svg-icon {
    opacity: .5;
}
.k-disabled, .k-disabled .k-input-value-text, .k-disabled .k-svg-icon {
    cursor: default !important;
    outline: 0;
}
/*Disabled Styls in common*/

/*CP-8171*/
.k-datepicker {
    width: 57px;
    height: 25px;
    margin: 0 5px 0 0px;
    background-image: none;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    white-space: nowrap;
    color: #555555;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    overflow: visible;
    line-height: normal;
    font-family: inherit;
    font-size: 100%;
    -webkit-appearance: none;
    background-repeat: repeat;
    background-position: 0 center;
    padding-right: 44px !important;
    padding: 0 25px 0 0;
    position: relative;
    cursor: pointer;
}

.k-datepicker .k-input-inner {
    width: 130% !important;
    height: 1.65em;
    line-height: 1.65em;
    padding: .178em 0;
    text-indent: 4px;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    outline: 0;
    color: #2e2e2e;
    background: #fff;
    border-radius: 4px;
    top: 2px;
}

.k-datepicker .k-icon-button {
    border: 0;
    border-radius: 0;
    height: 100%;
    right: 0;
    top: 0;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    min-height: 1.65em;
    line-height: 2em;
    text-align: center;
    padding: 2px 1.5px;
}

/*[CP-9553] - Admin -> Sites -> TreeView*/
div#levelsTreeView span.k-treeview-leaf.k-hover {
    background-color: #a99f9a;
    border-radius: 4px;
    color: #555555;
    padding: 1px 3px 1px 2px;
}
/*Start [CP-9553] - Admin -> Users -> Dropdown*/
#addEditUserForm span.k-input .k-input-inner,
#myAccountTitle span.k-input .k-input-inner, /*[CP-9553] - MyAccount -> Dropdown*/
#SecurityProfileSetupForm span.k-input .k-input-inner /*[CP-9553] - Security profile -> Dropdown*/ 
{
    width: 100%; /*in IE equivalent to */
    width: -moz-available; /* Mozilla */
    width: -webkit-fill-available; /* Webkit */
    width: -o-available; /* OPera */
    border: 0;
    padding: 0 0 0 7px;
    border-radius: 3px;
    height: 21px;
    outline: 0;
    font-size: 100%;
    padding-inline-end: 23px;
}

#addEditUserForm span.k-input,
#myAccountTitle span.k-input, /*[CP-9553] - MyAccount -> Dropdown*/
#SecurityProfileSetupForm span.k-input /*[CP-9553] - Security profile -> Dropdown*/ 
{
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

#addEditUserForm button.k-icon-button,
#myAccountTitle button.k-icon-button, /*[CP-9553] - MyAccount -> Dropdown*/
#SecurityProfileSetupForm button.k-icon-button /*[CP-9553] - Security profile -> Dropdown*/ 
{
    background: unset;
    position: absolute;
    right: 0;
    top: 0;
    height: 21px;
    border-width: 0 0 0 1px;
    min-height: 1.65em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    padding: 0;
    border-radius: 0;
}

#SendToSelected span.k-icon-button {
    top: 9px;
    right: 5px;
}
/*End [CP-9553] - Admin -> Users -> Dropdown*/
/*Start [CP-9553] - Admin -> IPAWS -> Upload button*/
#IPAWSAdmin button.k-icon-button {
    width: 28px;
    background: none;
    border: 0;
    color: inherit;
    left: 2.3em;
    transform: translate(17px, -14px);
}

#IPAWSAdmin span.k-svg-i-x {
    background-position: -161px -112px;
}

#IPAWSAdmin span.k-file-info {
    left: 25px;
    bottom: 17px;
}

#IPAWSAdmin .k-file {
    height: 22px;
}
/*End [CP-9553] - Admin -> IPAWS -> Upload button*/
/*[CP-9488] - header Connect logo size*/
div.wrapper img#SecurityProfileSetupLogo {
    width: 85.753px;
    height: 18.991px;
    padding-top: 5px;
}

#ScriptEditForm span.k-dropdownlist{
    display:block;
}