/* ----- Field Styles ---- */
SELECT {
    font-size: 12px;
}

TEXTAREA {
    width: 400px;
    font-family: Helvetica, Verdana, Arial;
    font-size: 100%;
    /*resize: none;*/
}

.LargeTextArea {
    width: 600px;
    font-family: Helvetica, Verdana, Arial;
    font-size: 100%;
    /*resize: none;*/
}

INPUT {
    font-family: Helvetica, Verdana, Arial;
    font-size: 9pt;
}

.TextBox {
    width: 200px;
}

.TextBoxSmallFont {
    width: 200px;
    font-size: 8pt !important;
}

.Radio {
    font-family: Helvetica, Verdana, Arial;
    font-size: 9pt;
}

.Section {
    /*width:98%;*/
    width: 100%;
    margin: 0px;
}

.Col-A, .Col-B, .Col-C {
    position: relative;
    float: left;
}

.Col-A {
    margin-left: 1%;
    z-index: 10;
    width: 40%;
}

.Col-B {
    margin: 0px 0px 0px 0px;
    z-index: 20;
    width: 18%;
}

.Col-C {
    z-index: 10;
    width: 40%;
}

.Button {
    width: 90px;
}

.ButtonWrap {
    white-space: normal;
    width: 90px;
}

.BrandListCol-A, .BrandListCol-B, .BrandListCol-C {
    position: relative;
    float: left;
}

.BrandListCol-A {
    margin-left: 40px;
    z-index: 10;
    width: 220px;
}

.BrandListCol-B {
    margin: 0px 0px 0px 0px;
    z-index: 20;
    width: 100px;
}

.BrandListCol-C {
    z-index: 10;
    width: 300px;
}

.BrandListCol-B Input .Button {
    width: 90px;
}

.Clear {
    clear: both;
}

dl.twoWide {
    width: 100%;
    text-align: left;
    margin: 0;
}

    dl.twoWide dt, dl.twoWide dd {
        padding: 3px 1% 3px 1%;
        float: left;
        margin: 0;
    }

    dl.twoWide dt {
        width: 15%;
    }

    dl.twoWide dd {
        width: 33%;
    }

    dl.twoWide :nth-child(4n+5) {
        clear: both;
    }

dl.oneWide {
    width: 100%;
    text-align: left;
    margin: 0;
}

    dl.oneWide dt, dl.oneWide dd {
        padding: 3px 1% 3px 0;
        float: left;
        margin: 0;
    }

    dl.oneWide dt {
        width: 20%;
    }

    dl.oneWide dd {
        width: 78%;
    }

    dl.oneWide :nth-child(2n+3) {
        clear: both;
    }


/* ----- Header Styles ---- */
.SectionHeader {
    background: #1b69b4 repeat-x;
    /*height: 25px;*/
    height: auto;
    min-width: 100%;
    /*vertical-align:middle;*/
}

.SectionHeaderTextLayout {
    /*margin:3px 0px 0px 8px;*/
    padding: 5px 0px 5px 8px;
}

.SectionHeaderText {
    color: #ffffff;
    font-weight: bold;
    font-size: 12pt;
}

.SectionSubHeader {
    background: #4878a8 repeat-x;
    min-width: 100%;
    height: 18px;
}

.SectionSubHeaderText {
    margin: 25px 0px 0px 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}

.ClientBrandsGrid {
    font-size: x-small;
    width: 400px
}


/* ---- Page Styles ---- */
.AppMessage {
    color: Maroon;
    font-weight: bold;
}

.ContentLineBreak {
    height: 12px;
    clear: both;
    padding-top: 0px !important;
    width: 100%;
}

.ContentLineBreakSmall {
    height: 8px;
    clear: both;
    padding-top: 0px !important;
    width: 100%;
}

.ContentLineBreakXSmall {
    height: 4px;
    clear: both;
    padding-top: 0px !important;
    width: 100%;
}

.ContentLineBreakLarge {
    height: 24px;
    clear: both;
    padding-top: 0px !important;
    width: 100%;
}

div.FormContentSection {
    position: relative;
    clear: both;
    margin: 2px 10px 0px 10px;
    min-width: 94%;
}

div.FormContentSectionPricingModal {
    position: relative;
    clear: both;
    margin: 2px auto 0px auto;
    width: 515px;
}

div.FormFieldLabelPricingModal {
    float: left;
    width: 255px;
    position: relative;
    padding: 0px 0px 3px 0px;
    text-align: right;
    vertical-align: middle;
}

div.FormFieldPricingModal {
    float: left;
    padding: 0px 0px 3px 0px;
    width: 250px;
    margin-left: 8px;
}

div.FormContentSectionMedium {
    position: relative;
    clear: both;
    margin: 2px 5px 0px 0px;
    min-width: 94%;
}

div.FormContentSectionBordered {
    position: relative;
    clear: both;
    margin: 2px 10px 0px 10px;
    padding: 2px 2px 2px 2px;
    min-width: 94%;
    border: solid 1px silver;
}

div.FormContentSubSection {
    position: relative;
    clear: both;
    margin: 2px 10px 0px 25px;
    min-width: 90%;
}

div.FormFieldLabel {
    float: left;
    width: 150px;
    position: relative;
    padding: 0px 0px 0px 0px;
    text-align: right;
    vertical-align: middle;
}

div.FormField, div.FormFieldClone {
    padding: 0px 0px 3px 0px;
    margin-left: 160px;
}

div.FormFieldClone {
    width: 400px;
}

div.FormFieldLabelMedium {
    float: left;
    width: 110px;
    position: relative;
    padding: 0px 0px 0px 0px;
    text-align: right;
    vertical-align: middle;
}

div.FormFieldMedium {
    padding: 0px 0px 3px 0px;
    margin-left: 120px;
}

div.FormFieldLabelSmall {
    float: left;
    width: 80px;
    position: relative;
    padding: 0px 0px 0px 0px;
    text-align: right;
    vertical-align: middle;
}

div.FormFieldSmall {
    padding: 0px 0px 3px 0px;
    margin-left: 90px;
}

div.PreFormattedLayout {
    /*width:550px;*/
    width: auto;
    min-height: 50px;
    text-align: left;
    overflow: auto;
}

.PreFormattedField {
    font-family: Helvetica, Verdana, Arial;
    text-align: left;
    white-space: pre;
}

div.CenterLayout {
    text-align: center;
}

div.FormFieldLabelClonedJob {
    float: left;
    width: 180px;
    position: relative;
    padding: 0px 0px 0px 0px;
    text-align: right;
    vertical-align: middle;
}

div.FormFieldClonedJob {
    float: left;
    padding: 0px 0px 3px 0px;
    width: 80%;
    margin-left: 8px;
}
/* ---- Table Styles ---- */
.TableLabel {
    width: 200px;
    text-align: right;
}

.TableField {
    width: 75px;
    text-align: right;
}


/* ---- Text Styles ---- */
.BoldText {
    font-weight: bold !important;
    font-family: Helvetica, Verdana, Arial;
}
.BoldTextLable {
    font-weight: bold !important;
    font-family: Helvetica, Verdana, Arial;
    margin-left: 27px
}

.BoldTextHighlight {
    font-weight: bold !important;
    background-color: #ff9966;
}

.PagingBoldText {
    font-size: 10pt;
    font-weight: bold;
    color: blue;
}

.PageLabelText {
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.PageLinkText {
    font-size: 8pt;
    font-weight: bold;
    color: #1b69b4;
    text-decoration: none;
    cursor: pointer;
}

    .PageLinkText:hover {
        color: #8db5db;
    }

.ApprovalLinkText {
    color: #1b69b4;
    text-decoration: none;
    cursor: pointer;
}

    .ApprovalLinkText:hover {
        color: #8db5db;
    }

.GridSmallText {
    font-size: 8pt !important;
}

.TabBoldText {
    font-size: 12px;
    font-weight: bold;
}

.NoteText {
    font-family: Helvetica, Verdana, Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #999999;
}

.RedNoteText {
    font-size: 8pt;
    font-weight: bold;
    color: Red;
}

.ErrorText {
    color: Red;
}

.BodyText {
    font-size: 10pt !important;
}


/* ---- GridView Styles ---- */
.AlternateRow {
    background-color: #e6e6e6;
}

.DataPager {
    width: 100%;
    background-color: #FDFDFE;
}

    .DataPager .Commands {
        width: 70%;
        height: 30px;
        padding: 8px 0px 0px 0px;
        float: left;
        text-align: left;
    }

    .DataPager .First-Page {
        background: url(../images/first.gif) 50% 50% no-repeat;
    }

    .DataPager .Info {
        float: right;
        padding: 10px 0px 0px 0px;
        text-align: right;
        width: 28%;
    }

    .DataPager .Last-Page {
        background: url(../images/last.gif) 50% 50% no-repeat;
    }

    .DataPager .PageCommand {
        width: 40px;
        height: 19px;
        margin-right: 4px;
        display: -moz-inline-box;
        display: inline-block;
        vertical-align: middle;
    }

    .DataPager .Prev-Page {
        background: url(../images/prev.gif) 50% 50% no-repeat;
    }

    .DataPager .Next-Page {
        background: url(../images/next.gif) 50% 50% no-repeat;
    }




.GridViewHeader {
    background-color: #4878A8 !important;
    /*padding: 2px;*/ /*2px 5px 2px 2px;*/
    color: #ffffff !important;
    text-align: left !important;
    border: 1px solid #4878A8 !important;
    height: 20px !important;
    text-align: left !important;
}

    .GridViewHeader A {
        color: #ffffff !important;
        text-decoration: underline !important;
    }

        .GridViewHeader A:hover {
            color: silver !important;
            text-decoration: underline !important;
        }

/* table style */
.GridView {
    padding: 6px 4px !important;
    vertical-align: top !important;
    text-align: left !important;
    border: solid 1px #ece9d8 !important;
    border-collapse: collapse !important;
    font-size: 11px !important;
    width: 100% !important;
    /*background-color: White;*/
    margin: 0px !important;
}

.JobSearchGridView table {
    width: 100%;
}

.singleSearchGrid table {
    width: 100%;
}

.SalesPersonGrid {
    width: 95% !important;
}

    .SalesPersonGrid Table {
        width: 100% !important;
    }



/* common cell styles */
.GridView th, .GridView td {
    cursor: default !important;
    height: 20px !important;
    border: 0px !important;
}

.GridView th {
    text-align: left !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 2px !important;
}

.GridView td {
    padding: 2px 6px !important;
    border: 1px #f2e8da solid !important;
}


.EmptyImage {
    padding: 6px 6px !important;
}

.GridViewRowEmpty {
    padding: 0px 0px 0px 0px !important;
    margin: 0px !important;
}

.GridViewRow:hover {
    color: Black !important;
    background-color: #e6e6e6 !important;
}

.GridViewPager {
    border: none thin #FFF !important;
    border-collapse: collapse !important;
}

    .GridViewPager TD {
        border: none thin #336699 !important border-collapse: collapse !important;
        background-color: #FFF !important;
    }

        .GridViewPager TD A:hover {
            color: #CCC !important;
        }

        .GridViewPager TD A:link {
            color: #000 !important;
        }

        .GridViewPager TD A:active {
            color: #000 !important;
        }

        .GridViewPager TD A:visited {
            color: #000 !important;
        }

.GridViewSelectedRow {
    background-color: #CCC !important;
}

.radPager TD TABLE THEAD TR TH {
    display: none !important;
}

.radPager TD TABLE TBODY TR TD DIV:nth-child(odd) {
    float: left;
}

.radPager TD TABLE TBODY TR TD DIV:nth-child(even) {
    float: right;
    vertical-align: middle;
}

.radPager div {
    width: auto !important;
    display: inline !important;
    border: none thin #FFF !important;
    border-collapse: collapse !important;
}

.radPager {
    border: 0px;
}

    .radPager TABLE TD {
        border: none thin #336699 !important;
        border-collapse: collapse !important;
        background-color: #FFF !important;
    }

.FirstPage radPager TD TABLE TBODY TR TD DIV img {
    display: none;
}

.LastPage radPager TD TABLE TBODY TR TD DIV img {
    display: none;
}

.radPager TD A:hover {
    color: #CCC !important;
}

.radPager TD A:link {
    color: #000 !important;
}

.radPager TD A:active {
    color: #000 !important;
}

.radPager TD A:visited {
    color: #000 !important;
}



.AttachmentGrid, .AttachmentGrid td, .AttachmentGrid th {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

    .AttachmentGrid td {
        padding-top: 5px;
    }

/* Modal Styles  */
.ModalFooter {
    text-align: right;
    font-size: 9pt;
}

/* ---- Form View (Modal) Styles ---- */
.FormView {
    font-size: 10pt;
    background-color: #ffffff;
    width: 100%;
}

    /* cell styles */
    .FormView td {
        cursor: default;
        height: 20px;
        color: #000;
        padding: 2px 8px;
    }

.Profit {
    font-weight: bold;
    text-align: right;
    color: Green;
}

.Loss {
    font-weight: bold;
    text-align: right;
    color: Red;
}

.Progress_Indicator {
    background-color: white;
    color: #666;
    padding: 5px;
    border: 2px #666 solid;
    font-weight: bold;
    font-size: 13px;
}

/*
.Progress_Indicator img
{
	padding: 5px;
	margin-bottom: 10px;
	border: solid 1px #fff;
	background-color: White;
}
*/

.Progress_Image {
    margin-bottom: 10px;
    border: solid 1px #fff;
    background-color: White;
    height: 96px;
    width: 96px;
    background-size: 96px 96px;
    background-repeat: no-repeat;
    background-image: url('../images/processing.gif');
}

.Progress_Overlay {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.RowLabel {
    text-align: right;
    font-weight: bold;
}

#PriceSummary {
    background-color: White;
    padding: 0px 0px 0px 3px;
    color: #ffffff;
    text-align: left;
    border: 0px;
    border-collapse: collapse;
    width: 100%;
    font-size: .9em;
    margin: 0px;
    font-family: Helvetica,Verdana,Arial;
}

    #PriceSummary TR {
        margin: 0px;
        border: 0px;
        border-collapse: collapse;
    }

    #PriceSummary TH {
        background-color: #4878A8;
        color: #ffffff;
        text-align: left;
        border: 0px;
        margin: 0px;
        height: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 2px;
        border-left: 1px #4878A8 solid;
        border-right: 1px #4878A8 solid;
    }

    #PriceSummary TD {
        padding: 4px 2px 4px 2px;
        color: Black;
        background-color: White;
        text-align: left;
        border: 1px solid #f2e8da;
        border-collapse: collapse;
        text-align: left;
    }

        #PriceSummary TD.SpacerRow {
            border: 0px;
        }

.CheckBoxRow {
    float: left;
    position: relative;
    text-align: left;
    width: 160px;
}

.CheckBoxRowRight {
    margin-left: 230px;
}

.CheckBoxRowVWrap {
    margin-left: 460px;
    margin-top: -18px;
}

.NoWrap {
    white-space: nowrap;
}

H5 {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    font-size: 13px;
}

.SalesPersonInfoSection {
    margin: 0px 0px 5px 0px;
    font-style: italic;
}

ul.clean li {
    margin-bottom: 3px;
}

.pnlRoleHelpBar {
    padding: 8px;
}

/* BEGIN - Menu Generic */

div.RadMenu,
div.RadMenu .rmLink,
div.RadMenu .rmLink .rmText {
    padding: 0px;
    margin: 0px;
}

/* END - Menu Generic */

/* BEGIN - Top Menu */
.MenuLayout {
    border: none;
    margin: 0px;
    padding: 0px;
    height: 30px;
    background-image: url('../Images/DT_BottomBar.jpg');
    background-repeat: repeat-x;
}

.MenuBarLayoutFix {
    clear: both;
}

.RadMenuTopWrapper {
    position: relative;
    float: right;
}

div.RadMenuTop a.rmLink {
    color: #666;
}

.comboBrandStrat table td.rcbArrowCell {
    padding: 0 !important;
    border-width: 0 !important;
}


.comboBrandBudget table td.rcbArrowCell {
    padding: 0 !important;
    border-width: 0 !important;
}

.comboBrandBudget table td.rcbInputCell {
    padding: 0 4px 0 5px !important;
    border-width: 0 !important;
}

.comboBrandBudget .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -88px !important;
}

.comboBrandStrat .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -88px !important;
}

.comboBrandStrat table td.rcbInputCell {
    padding: 0 4px 0 5px !important;
    border-width: 0 !important;
}

.Ra

div.RadMenuTop a.rmLink:hover {
    color: #3A7EBF;
}

div.RadMenuTop .rmItem {
    margin-left: 3px;
}

div.RadMenuTop .rmLevel1 .rmItem {
    margin-left: 0px;
}

div.RadMenuTop .rmLink {
    border: 1px #D4D4CA solid;
    background: none;
    background-color: #F5F5F0;
}

    div.RadMenuTop .rmLink .rmText {
        padding: 1px 0px 1px 0px;
        text-align: center;
        width: 116px;
        height: 26px;
        background: linear-gradient(#F5F5F0, #DCDCD8);
        background-color: #F5F5F0;
    }

    div.RadMenuTop .rmLink,
    div.RadMenuTop .rmLink .rmText {
        font-size: 12px;
        text-decoration: none;
    }

div.RadMenuTop .rmLevel1 {
    border-left: 1px #D4D4CA solid;
    border-right: 1px #D4D4CA solid;
    border-bottom: 1px #D4D4CA solid;
    padding: 0px !important;
    margin: 2px 0px 0px 0px !important;
    position: relative;
}

    div.RadMenuTop .rmLevel1 .rmLink {
        height: auto;
        border: 0px;
        border-top: 1px #D4D4CA solid;
        width: 140px;
    }

        div.RadMenuTop .rmLevel1 .rmLink .rmText {
            background: none;
            background-color: #F5F5F0;
            text-align: center;
            white-space: normal;
            padding: 3% 4% 3% 4%;
            text-align: left;
            font-size: 11px;
            width: 92%;
            height: auto;
        }

    div.RadMenuTop .rmLevel1 a.rmLink:hover .rmText,
    div.RadMenuTop .rmLevel1 a.rmLink:hover .rmText {
        background: none;
        background-color: #D4D4CA;
    }

/* END - Top Menu */

/* BEGIN - Left Menu */

.RadMenuLeftWrapper {
    position: relative;
    margin-top: 20px;
    height: auto;
}

div.RadMenuLeft a.rmLink,
div.RadMenuLeft .rmLevel1 .rmFirst a.rmLink,
div.RadMenuLeft .rmLevel1 .rmLast a.rmLink {
    color: #FFF;
}

    div.RadMenuLeft .rmLevel1 .rmFirst a.rmLink:hover,
    div.RadMenuLeft .rmLevel1 .rmLast a.rmLink:hover,
    div.RadMenuLeft a.rmLink:hover {
        color: #8DB5DB;
    }

div.RadMenuLeft .rmLink {
    border-bottom: 1px #FFF solid;
}

    div.RadMenuLeft .rmLink .rmText {
        padding: 8px 0px 8px 10px !important;
        width: 130px;
    }

    div.RadMenuLeft .rmLink,
    div.RadMenuLeft .rmLink .rmText {
        background: linear-gradient(to right, #3278BC, #1B69B4);
        background-color: #1B69B4;
        text-align: left;
        text-decoration: none;
        font-size: 11px;
    }

div.RadMenuLeft .rmFocused .rmText {
    background: none;
    background-color: #8db5db;
}

div.RadMenuLeft a.rmFocused:hover {
    color: #1b69b4 !important;
}

div.RadMenuLeft .rmFirst a.rmLink,
div.RadMenuLeft .rmLast a.rmLink {
    color: #1B69B4;
}

div.RadMenuLeft .rmFirst .rmLink .rmText,
div.RadMenuLeft .rmLast .rmLink .rmText {
    padding-left: 0px !important;
}

div.RadMenuLeft .rmFirst .rmLink,
div.RadMenuLeft .rmFirst .rmLink .rmText,
div.RadMenuLeft .rmLast .rmLink,
div.RadMenuLeft .rmLast .rmLink .rmText {
    background: none;
    background-color: #DDD;
    text-align: center;
    width: 140px;
}

div.RadMenuLeft .rmFirst a.rmLink:hover,
div.RadMenuLeft .rmLast a.rmLink:hover {
    color: #8DB5DB;
}

div.RadMenuLeft .rmLevel1 .rmFirst .rmLink,
div.RadMenuLeft .rmLevel1 .rmFirst .rmLink .rmText,
div.RadMenuLeft .rmLevel1 .rmLast .rmLink,
div.RadMenuLeft .rmLevel1 .rmLast .rmLink .rmText {
    background: linear-gradient(to right, #3278BC, #1B69B4);
    background-color: #1B69B4;
    text-align: left;
}

    div.RadMenuLeft .rmLevel1 .rmFirst .rmLink .rmText,
    div.RadMenuLeft .rmLevel1 .rmLast .rmLink .rmText {
        padding-left: 10px !important;
    }

div.RadMenuLeft .rmLevel1 .rmItem .rmLink .rmText {
    width: 160px !important;
}

div.RadMenuLeft .rmLevel1 {
    top: -2px !important;
}

div.RadMenuLeft .rmTopArrow,
div.RadMenuLeft .rmBottomArrow {
    height: 15px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #B1B1B1;
}

div.RadMenuLeft .rmTopArrow {
    background-image: url('../images/arrow-up.png');
}

div.RadMenuLeft .rmBottomArrow {
    background-image: url('../images/arrow-down.png');
}

.menuPane {
    position: relative !important;
}
/* END - Left Menu */


/* For SalesPeopleJobsViewOrTransfer*/
.btnTrans {
    float: right;
    margin-top: -6%;
}


@media(min-width:1900px) {
    .btnTrans {
        margin-top: -3.83%;
        margin-right: 38%;
    }
}

.alignLabel {
    margin-right: 4px;
}

.aligndropdown {
    margin-left: -3px;
}

#ctl00_ctl00_cphMain_cphMain_gvMaster_ctl01_checkAll {
    margin-left: 8%;
}

/*END*/