body {
    background: #fff;
}


/*--- [ LAYOUT STYLES ] --------------------------------------------*/
#container {
    position: relative;
    width: 970px;
    margin: 0px auto;
}

.filter {
    float: left;
    margin: 0 10px 0 0;
}

    .filter > .left {
        float: left;
        width: 120px;
        padding-top: 3px;
    }

    .filter > .right {
        float: left;
        width: 160px;
    }

        .filter > .right input {
            width: 150px;
        }

    .filter > .rightDate {
        width: 80px;
    }

    .filter > .leftDate {
        width: 80px;
    }

.over {
    margin-top: 14px;
}

.buttonsReports {
    margin-top: 14px;
    margin-right: 0px;
    width: 263px;
    text-align: right;
}

.filter_bulkKeywordRemoval {
}

    .filter_bulkKeywordRemoval > .left {
        width: 72px;
    }

    .filter_bulkKeywordRemoval > .right {
        width: 180px;
    }

.filter_bulkKeywordAddition {
    margin-left: 35px;
    margin-bottom: 8px;
}

    .filter_bulkKeywordAddition > .left {
        width: 185px;
    }

    .filter_bulkKeywordAddition > .right {
        width: 200px;
    }

#headerMain {
    border: solid 0px #900;
    margin: 5px 0px;
}

#navigation {
    border: solid 1px #f00;
    margin: 5px 0px;
}

#content {
    border: solid 0px #300;
    margin: 5px 0px;
}

.timesheetLeftCol {
    float: left;
    width: 100px;
    font-weight: bold;
    font-size: 100%;
    margin: 3px 0 0 0;
}

.timesheetRightCol {
    margin: 0 0 5px 0;
    font-size: 100%;
}

.settingLeftCol {
    margin: 0 0 5px 0;
    float: left;
    width: 200px;
    font-weight: bold;
    font-size: 100%;
}

.settingRightCol {
    margin: 0 0 5px 0;
    font-size: 100%;
}

br {
    clear: left;
}


th {
    font-size: 8pt;
    font-weight: bold;
}

#siteTitle {
    margin: 20px 0 5px 280px;
    border: solid 0px #300;
    width: 450px;
    height: 30px;
    padding: 10px 0 0 0;
}

#siteLogo {
    float: left;
}

#navBar {
    clear: both;
}

.messageText {
    color: black;
}

.messageTextBold {
    color: black;
    font-weight: bold;
}

.warningText {
    color: Red;
}

.hidden {
    display: none!important;
}

.searchCriteria {
    padding: 5px 8px 5px 0px;
    border: solid 0px;
}

.searchButtonContainer {
}

    .searchButtonContainer input {
        width: 60px;
    }

.selectMediaTitlesSelectAll {
    padding-left: 25px;
}

.loginLeftCol {
    float: left;
    width: 80px;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

span.checkbox input {
    width: auto;
    margin-left: -3px;
}

.note {
    font-size: 8pt;
}

.reportNote {
    margin: 4px 0 0 5px;
    font-size: 7pt;
    clear: both;
}

.verticalCentre {
    vertical-align: middle;
}

.fileMessage {
    margin: 4px 0 0 20px;
}

.GridValidator {
    background-color: white;
    border: solid 1px #5a5984;
    padding: 3px;
}

.fileUpload {
    padding: 10px;
}

    .fileUpload .colLeft {
        float: left;
        width: 150px;
        margin-bottom: 10px;
    }

    .fileUpload .colRight {
        float: left;
        margin-bottom: 10px;
    }

    .fileUpload .uploadClose {
        margin-top: 20px;
    }


/* navigation */

#navigation {
    display: block;
    width: 900px;
    font-size: 9pt;
    font-family: Tahoma;
    font-weight: bold;
    border: solid 0px #00f;
    clear: both;
}

    #navigation ul {
        display: inline;
        list-style-type: none;
        padding: 0;
    }

    #navigation li {
        background: #c00;
        float: left;
        margin: 0 3px 0 0;
        text-align: center;
    }

    #navigation a {
        min-width: 90px;
        height: 16px;
        padding: 1px 4px 2px 4px;
        margin: 0;
    }

    #navigation li.twolines a {
        width: 60px;
        height: 30px;
        padding: 5px 0 2px 4px;
        margin: 0;
    }

    html > body #navigation li.twolines a {
        width: 60px;
        height: 30px;
        padding: 5px 0 2px 4px;
        margin: 0;
    }

    #navigation a {
        position: relative;
        color: #fff;
        background: #99BCDA;
        text-decoration: none;
        vertical-align: bottom;
        float: left;
    }

        #navigation a:hover, #navigation a:active {
            position: relative; /*background: #585880; WEIRD PROBLEM HERE - IF LEFT IN, GRID ON BATCH UPDATE PAGE DISAPPEARS*/
            text-decoration: none;
        }

        #navigation a.active {
            position: relative;
            color: #fff;
            background: #336;
            text-decoration: none;
            float: left;
        }

            #navigation a.active:hover {
                position: relative;
                background: #336;
                text-decoration: none;
            }

.tab {
    border-right: gray 1px solid;
    border-top: gray 0px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 950px;
    float: left;
    position: relative;
    top: -1px;
}

.smallText {
    font-size: 8pt;
}

.mainLeftCol {
    width: 190px;
    float: left;
}

.mainLeftColKeyword {
    width: 90px;
    float: left;
}

.noteText {
    font-size: 7pt;
}

.noteTextSpace {
    font-size: 7pt;
    padding-bottom: 6px;
}

input, select {
    font-size: 8pt;
}

label {
    font-size: 8pt;
    font-weight: bold;
}

#mediaPageHeader label {
    font-size: 10pt;
}

/*--- [ standard form ] -----------------------------------------*/
.form {
    width: 800px;
    margin: 0 0 10px 0;
}

    .form label {
        width: 100px;
        margin: 0;
        font-size: 100%;
        font-weight: bold;
        color: #000;
        border: solid 0px #0ff;
        float: left;
        clear: left;
    }

    .form input, .form select, .form textarea {
        margin: 0 0 5px 0;
        width: 500px;
    }

    .form .webDateChooser {
        margin: 0 0 5px 0;
        border: solid 1px #b1b1b1;
    }

    .form .radEditorWrap {
        margin: 0 0 5px 0;
    }

    .form textarea {
        font-family: Trebuchet MS;
        font-size: 90%;
    }

    .form br {
        clear: left;
    }

    .form fieldset {
        margin: 10px 0;
    }

        .form fieldset label {
            font-weight: normal;
            float: none;
        }

        .form fieldset legend, .form fieldset legend label {
            font-weight: bold;
        }

        .form fieldset table {
            margin: 0 0 10px 5px;
        }

        .form fieldset input {
            margin: 5px 5px 0 0;
        }

    .form .button {
        font-size: 90%;
        font-weight: bold;
        color: #000;
        border: solid 1px #ccc;
        background: #ccc;
    }

    .form span input {
        width: 15px;
    }

    .form .validator {
        float: left;
        clear: both;
        padding: 0 0 0 100px;
        margin: -5px 0 10px 0;
    }


.emailContactSettings {
}

    .emailContactSettings p {
        margin-top: 5px !important;
    }

    .emailContactSettings li {
        margin-top: 0px;
        border: none;
        padding-bottom: 5px;
    }

    .emailContactSettings input {
        width: 250px;
    }

    .emailContactSettings input {
        width: expression(this.type=="checkbox"?'15px':'');
    }
        /* Applies to IE 5+ */
        .emailContactSettings input[type="checkbox"] {
            width: 15px;
        }
    /* Applies to FF */

    .emailContactSettings .emailFields {
    }

        .emailContactSettings .emailFields .defaultEmailsCheck {
            float: left;
            margin-right: 10px;
            width: 150px;
        }

        .emailContactSettings .emailFields .defaultEmailsTick {
            float: left;
            margin-right: 10px;
            width: 20px;
        }

            .emailContactSettings .emailFields .defaultEmailsTick input {
                margin: -3px 0 0 0;
            }

        .emailContactSettings .emailFields .defaultEmailsList {
            float: left;
        }

            .emailContactSettings .emailFields .defaultEmailsList input {
                margin: -3px 0 0 0;
            }

        .emailContactSettings .emailFields .alternateEmailAddress {
            float: left;
            margin-right: 10px;
            width: 150px;
        }

        .emailContactSettings .emailFields .alternateEmailTick {
            float: left;
            margin-right: 10px;
            width: 20px;
        }

            .emailContactSettings .emailFields .alternateEmailTick input {
                margin: -3px 0 0 0;
            }

        .emailContactSettings .emailFields .validator {
            padding-left: 0px;
            float: none;
        }

/*.emailFields .validator {padding-left:0px; float:none;}
.emailFields .lineup {margin-left:23px;}
.emailFields label {width:135px;}
.emailFields .defaultEmailsCheck {float:left; margin-right:10px; width:180px;}
.emailFields .defaultEmailsList {float:left;}
.emailFields .alternateEmailAddress {float:left; width:180px;} */

.form a.button {
    padding: 2px;
    font-size: 90%;
    font-weight: bold;
    color: #000;
    border: solid 1px #ccc;
    background: #ccc;
    text-decoration: none;
}

    .form a.button:visited {
        text-decoration: none;
    }

    .form a.button:hover {
        text-decoration: none;
    }

    .form a.button:active {
        text-decoration: none;
    }

/*--- [ News/Offer Details form delta ] ---*/

.newsDateFrom {
    float: left;
}

.newsDateTo {
    float: left;
    margin: 0 0 0 30px;
}

    .newsDateTo label {
        width: 70px;
    }

label.newsDateLabel {
    width: 400px;
    float: left;
    margin: 8px 0 4px 0;
}

.newsOfferDetailsForm .newsDateDetail {
    float: left;
    margin: 0 5px 0 5px;
}

.newsOfferDetailsForm .newsDateDetailLeft {
    float: left;
    margin: 0 5px 0 100px;
}

.newsOfferDetailsForm .newsApprovedWrap {
    margin: 20px 0 0 0;
    clear: both;
}

    .newsOfferDetailsForm .newsApprovedWrap input {
        margin-top: -2px;
    }

.newsApproved, .runningNewsOffer {
    float: left;
}

    .runningNewsOffer label {
        width: 145px;
        margin: 0 0 0 40px;
    }

.newsSubmitted {
    float: left;
    margin: 0 0 0 40px;
}

    .newsSubmitted label {
        width: 125px;
    }

.newsOfferDetailsForm label.newsOfferMediaList {
    margin: 10px 0 0 0;
    width: 400px;
}

.newsOfferButtonWrap {
    margin-top: 10px;
}

.newMediaTitleWrap {
    width: 690px;
    margin-top: 5px;
}

.newsOfferDetailsForm fieldset input {
    width: 20px;
}

    .newsOfferDetailsForm fieldset input.checkboxButton {
        width: 70px;
        float: right;
    }

.newsOfferDetailsForm .mediaTitlesWrap {
    height: 465px;
    overflow: auto;
    margin: 0 0 10px 0;
}

    .newsOfferDetailsForm .mediaTitlesWrap .publicNewsOffers {
        padding: 8px 8px 0px 8px;
    }

        .newsOfferDetailsForm .mediaTitlesWrap .publicNewsOffers input {
            width: 15px;
        }

        .newsOfferDetailsForm .mediaTitlesWrap .publicNewsOffers .publicNewsOffersLinks {
            margin-top: 10px
        }

            .newsOfferDetailsForm .mediaTitlesWrap .publicNewsOffers .publicNewsOffersLinks small {
                display: block;
                margin-bottom: 10px;
            }

.newsOfferDetailsForm .clickThroughSelect input {
    width: 15px;
    float: left;
    margin: 3px 0 0 0;
}

.newsOfferDetailsForm .clickThroughSelect label {
    width: 600px;
    float: left;
    clear: none;
    margin: 6px 0 0 5px;
}

.newsOfferDetailsForm .clickThroughSelect p {
    clear: both;
    margin: 0 0 0 20px;
}

.newsOfferDetailsForm .clickThroughSelect .clickThruInput {
    width: 500px;
    margin: 10px 0 0 20px;
}

.newsOfferDetailsForm .clickThroughSelect .clickThroughSelectInner {
    margin: 0 0 0 10px;
}

.newsOfferButtonWrap input.button {
    width: 100px;
}

.newsOfferUploadButtonWrap input.button {
    width: 100px;
}

.newsOfferDetailsForm .emailSettings fieldset {
    padding: 5px 5px 10px 10px;
}

    .newsOfferDetailsForm .emailSettings fieldset input {
        width: 250px;
    }

    .newsOfferDetailsForm .emailSettings fieldset input {
        width: expression(this.type=="checkbox"?'15px':'');
    }
        /* Applies to IE 5+ */
        .newsOfferDetailsForm .emailSettings fieldset input[type="checkbox"] {
            width: 15px;
        }
/* Applies to FF */


label.fileUploadLabel {
    width: 400px;
    margin: 10px 0 5px 0px;
}

.newsOfferUpload {
    padding: 5px 0 0 10px;
}

.newUpload {
    width: 745px;
    padding: 5px 0 0 0;
}

.fileListContainer {
    height: 480px;
    overflow: auto;
}

.mediaTitleDetailsForm label {
    width: 800px;
    margin: 0 0 10px 0;
}

.mediaTitleDetailsForm .newsOffersWrap {
    height: 425px;
    overflow: auto;
    margin: 0 0 10px 0;
}

.mediaTitleDetailsForm .mediaList {
    padding-left: 10px;
}

.offenderList {
    border: solid 1px red;
    width: 940px;
    margin: 10px 0 0 0;
    padding: 5px;
    background-color: #FFA4A4;
}

    .offenderList a {
        font-size: 90%;
        margin: 0 0 0 20px;
        clear: both;
    }

    .offenderList div {
        color: Black;
        margin: 5px 0 0 0;
    }

/* Batch Add Media Pack Form */
.addMediaPackForm {
    margin-top: 10px;
}

    .addMediaPackForm .uploadButton {
        width: auto;
    }


/* GENERAL TAB */
#divGeneralLeft {
    float: left;
    width: 350px;
}

#divGeneralRight {
    float: left;
    width: 530px;
}

/* CONTACT DETAILS TAB */
#divContactDetailsLeft {
    float: left;
    margin: 0 10px 0 0;
}

    #divContactDetailsLeft label {
        float: left;
        width: 140px;
        margin: 2px 0 0 0;
    }

    #divContactDetailsLeft input, divContactDetailsLeft select {
        float: left;
        width: 250px;
        margin: 2px 0 0 0;
    }

#divContactDetailsRight {
    float: left;
    margin: 0 10px 0 0;
}

    #divContactDetailsRight label {
        float: left;
        width: 165px;
        margin: 2px 0 0 0;
    }

    #divContactDetailsRight input {
        float: left;
        width: 250px;
        margin: 2px 0 0 0;
    }

    #divContactDetailsRight select {
        float: left;
        width: 256px;
        margin: 6px 0 0 0;
    }

/* CIRCULATION TAB */
#divCirculationLeft {
    float: left;
    margin: 0 10px 0 0;
}

    #divCirculationLeft label {
        float: left;
        width: 350px;
        margin: 8px 0 0 0;
    }

    #divCirculationLeft input, divCirculationLeft select {
        float: left;
        width: 250px;
        margin: 2px 0 0 0;
    }

#divCirculationRight {
    float: left;
    margin: 0 10px 10px 0;
}

    #divCirculationRight label {
        float: left;
        width: 100%;
        margin: 8px 0 0 0;
    }

    #divCirculationRight input, #divCirculationRight select {
        float: left;
        width: 250px;
        margin: 2px 0 0 0;
    }

    #divCirculationRight table input {
        width: 100%;
    }

    #divCirculationRight .narrow {
        width: 70px;
    }

#divWebTraffic{
    margin-top:10px;
}

#divWebTraffic label {
    width: 195px!important;
}

#divWebTraffic input {
    width: 210px;
}

#divEventDetails label {
    width: 185px;
}

#divEventDetails input {
    width: 260px;
}

#divEventDetails select {
    width: 100px;
    margin: 2px 0 0 -3px;
    padding-left: 0px;
}

#divAudienceDetails label {
    width: 155px;
}

#divAudienceDetails input {
    width: 290px;
}

#divProductsAndServices {
    height: 250px;
    width: 450px;
    overflow-y: scroll;
    border: 1px solid inactivecaption;
}

    #divProductsAndServices label {
        width: 150px;
        margin: 8px 0 0 0;
    }

    #divProductsAndServices input {
        width: 75px;
    }


/* RATES TAB */
#divRatesLeft {
    float: left;
    margin: 0 10px 0 0;
}

    #divRatesLeft label {
        float: left;
        width: 100px;
        margin: 8px 0 0 0;
    }

    #divRatesLeft input, #divRatesLeft select {
        float: left;
        width: 100%;
        margin: 4px 0 0 0px;
    }

    #divRatesLeft span input {
        float: left;
        width: 15px;
        margin: 4px 0 0 3px;
    }


#divRatesRight {
    float: left;
    margin: 0 10px 0 0;
}

    #divRatesRight label {
        float: left;
        width: 105px;
        margin: 8px 3px 0 0;
    }

    #divRatesRight input, #divRatesRight select {
        float: left;
        width: 250px;
        margin: 5px 0 0 0;
    }


#divRatesLeft .SCCCol {
    width: 62px;
    margin-right: 3px;
}

#divRatesLeft .QtrCol {
    width: 62px;
    margin-right: 3px;
}

#divRatesLeft .HalfCol {
    width: 62px;
    margin-right: 3px;
}

#divRatesLeft .FullCol {
    width: 62px;
    margin-right: 3px;
}

#divRatesLeft .DblCol {
    width: 62px;
}

#divRatesLeft .SCCColLabel {
    width: 62px;
    margin-right: 9px;
}

#divRatesLeft .QtrColLabel {
    width: 62px;
    margin-right: 9px;
}

#divRatesLeft .HalfColLabel {
    width: 62px;
    margin-right: 9px;
}

#divRatesLeft .FullColLabel {
    width: 62px;
    margin-right: 9px;
}

#divRatesLeft .DblColLabel {
    width: 62px;
}

#divRatesLeft input.small {
    width: 62px;
    margin-right: 3px;
}

#divRatesLeft label.small {
    width: 62px;
    margin-right: 9px;
}

#divRatesLeft input.jobDurationInput {
    margin-top: 10px;
    width: 350px;
}

/* PRODUCTION INFORMATION TAB */
#divProductionLeft {
    float: left;
    margin: 0 10px 0 0;
}

    #divProductionLeft label {
        float: left;
        width: 152px;
        margin: 8px 0 0 0px;
    }

    #divProductionLeft input {
        float: left;
        width: 244px;
        margin: 2px 0 0 0px;
    }

    #divProductionLeft select {
        float: left;
        width: 250px;
        margin: 2px 0 0 0;
    }

#divProductionRight {
    float: left;
    margin: 0 5px 0 0;
}

    #divProductionRight label {
        float: left;
        width: 160px;
        margin: 8px 0 0 0;
    }

    #divProductionRight input, #divProductionRight select {
        float: left;
        width: 300px;
        margin: 2px 0 0 0;
    }

#divProductionLeft .dimensionLabel {
    padding-left: 10px;
}

#divProductionLeft .dimension {
    padding-left: 10px;
    width: 50px;
}

/* PAID OPTIONS TAB */
#divPaidOptionsLeft {
    float: left;
    margin: 0 10px 0 0;
}

    #divPaidOptionsLeft label {
        float: left;
        width: 200px;
        margin: 8px 0 0 0;
    }

    #divPaidOptionsLeft input, divPaidOptionsLeft select {
        float: left;
        margin: 2px 0 0 0px;
    }

#divPaidOptionsRight {
    float: left;
    margin: 0 5px 0 0;
}

    #divPaidOptionsRight label {
        float: left;
        width: 160px;
        margin: 8px 0 0 0;
    }

    #divPaidOptionsRight input, #divPaidOptionsRight select {
        float: left;
        width: 300px;
        margin: 2px 0 0 0px;
    }

#divPaidOptionsLeft .inputbox {
    width: 543px;
    margin-left: 4px;
}

/* SUPPLEMENTS TAB */
#divSupplementsLeft {
    float: left;
    margin: 0 10px 0 0;
}

    #divSupplementsLeft label {
        float: left;
        width: 200px;
        margin: 8px 0 0 0;
    }

    #divSupplementsLeft input, divSupplementsLeft select {
        float: left;
        margin: 2px 0 0 0px;
    }

#divSupplementsRight {
    float: left;
    margin: 0 5px 0 0;
}

    #divSupplementsRight label {
        float: left;
        width: 160px;
        margin: 8px 0 0 0;
    }

    #divSupplementsRight input, #divSupplementsRight select {
        float: left;
        width: 300px;
        margin: 2px 0 0 0px;
    }

#userNotes label {
    float: left;
    width: 150px;
    margin: 5px 5px 0 0;
}

#userNotes input {
    float: left;
    width: 200px;
    margin: 5px 5px 0 0;
}

#MarketSectors input, #LocationPriority input {
    width: 100%;
}

#ReportList li {
    margin: 0 0 8px -30px;
    list-style-type: none;
}

.jicregStep {
    margin-left: 20px;
}

.jicregProgress {
    text-align: center;
    margin: 0 0 0 10px;
    height: 40px;
    width: 250px;
    vertical-align: middle;
}

.progress {
    border: solid 1px black;
    padding: 10px;
    background-color: #bbb;
    position: absolute;
    z-index: 100;
    width: 160px;
    text-align: center;
    left: 400px;
    top: 200px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* MEDIA LOGINS PAGE */

.mediaTitleChooser {
    background-color: White;
    padding: 10px;
    width: 950px;
    border: solid 1px black;
}

.mediaTitleChooserInner {
    min-height: 350px;
}

.mediaTitleChooser div.selectTitleResults {
    overflow: auto;
    height: 450px;
    border: solid 1px #dfdcd1;
}

.mediaTitleChooser .bottom {
    float: right;
    text-align: right;
    padding-top: 5px;
}

.mediaTitleChooser .note {
    float: left;
    padding-top: 5px;
}

.mediaLoginForm {
    width: 900px;
    margin: 0 0 10px 0;
}

    .mediaLoginForm label {
        width: 110px;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        color: #000;
        border: solid 0px #0ff;
        float: left;
        clear: both;
    }

        .mediaLoginForm label.checkbox {
            width: 200px;
        }

    .mediaLoginForm .lblNotes {
        width: 60px;
    }

    .mediaLoginForm .lblMediaTitles {
        width: 500px;
    }

    .mediaLoginForm input, .mediaLoginForm select {
        margin: 0 0 10px 0;
        width: 275px;
    }

    .mediaLoginForm textarea {
        margin: 0 0 10px 0;
        width: 400px;
        height: 250px;
    }

    .mediaLoginForm textarea {
        font-family: Trebuchet MS;
        font-size: 90%;
    }

    .mediaLoginForm br {
        clear: both;
    }

    .mediaLoginForm .left {
        float: left;
    }

    .mediaLoginForm .right {
        float: left;
        padding: 0 0 0 30px;
    }

    .mediaLoginForm .validator {
        float: left;
        clear: both;
        padding: 0 0 0 110px;
        margin: -10px 0 5px 0;
    }

.selectAll {
    width: 935px;
    text-align: right;
    padding: 0 0 5px 0;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.mediaLoginButtons {
    padding-top: 10px;
    width: 640px;
}

    .mediaLoginButtons .save, .mediaLoginButtons .cancel {
        float: left;
        margin-right: 5px;
    }

.mediaLoginList {
    width: 700px;
}

    .mediaLoginList .newButton {
        float: right;
        margin: 5px 7px 0 0;
    }

    .mediaLoginList .impersonateUserLink {
        float:left; 
        margin: 5px 0 0 7px;
    }

.mediaTitleSearch {
    margin-bottom: 5px;
}

    .mediaTitleSearch input {
        margin-right: 25px;
    }

    .mediaTitleSearch .button {
        margin-right: 0px;
    }

.mediaLoginForm .webDateChooser {
    float: left;
    border: solid 1px;
    margin: 0 5px 0 0;
}

.mediaLoginForm .accountActiveLabel {
    float: left;
    width: 200px;
}

.mediaLoginForm .andLabel {
    float: left;
    width: 30px;
    clear: none;
}

.mediaLoginForm .maxLeaders {
    width: 40px;
}

/* MANAGE NEWS/OFFERS PAGE */

.newNewsOffer {
    width: 200px;
    margin-top: 5px;
    padding-right: 5px;
    float: right;
}

/* MAINTAINANCE PAGE */

.homePageMessage table {
    border-collapse: collapse;
}

.homePageMessage td {
    vertical-align: top;
    border: solid 1px #c0c0c0;
}

    .homePageMessage td td td {
        vertical-align: top;
        border: solid 0px green;
    }

.homePageMessage th {
    vertical-align: top;
    text-align: left;
}

    .homePageMessage th.thDateTo, .homePageMessage th.thDateFrom, .homePageMessage th.thEnabled {
        width: 70px;
    }

.homePageMessage .webDateChooser {
    margin: 0 0 5px 0;
    border: solid 1px #b1b1b1;
}

/* BATCH UPDATE PAGE */
.gridWrap {
    position: relative;
    top: 25px;
    left: 0px;
}

    .gridWrap a {
        position: absolute;
        top: 5px;
        right: 50px;
        z-index: 1000;
        font-size: 8pt;
    }

.selectMediaTitleDialog {
    margin: 10px 10px 10px 10px;
    width: 600px;
}

.newsOfferLink {
    font-size: 75%;
}

.inlineMsgSave {
    width: 100%;
    background: #effeb9;
    padding: 8px;
    border: #9ac601 2px solid;
}

.newsOfferTab {
    Margin: 5px 5px 5px 5px;
    line-height: normal;
}

    .newsOfferTab .newsOfferFilters {
        margin: 0 0 10px 0;
    }

        .newsOfferTab .newsOfferFilters label {
            display: inline-block;
            height: 15px;
        }

        .newsOfferTab .newsOfferFilters .OrgFilter {
            width: 170px;
        }

        .newsOfferTab .newsOfferFilters .resetButton {
            width: 54px;
        }

        .newsOfferTab .newsOfferFilters .filterDiv {
            float: left;
            margin-right: 15px;
        }

        .newsOfferTab .newsOfferFilters .filterDivLabel {
            float: left;
            margin-right: 5px;
        }

            .newsOfferTab .newsOfferFilters .filterDivLabel .firstLabel {
                height: 11px;
            }

.newsOfferHeader {
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 30px;
}

    .newsOfferHeader .newsOfferHeaderTitle {
        float: left;
        width: 300px;
    }

#ctl00_body_Tabstd2 {
    color: Red;
}

.gridTitle {
    margin-bottom: 5px;
}

.gridBottomLink {
    margin-top: 5px;
}

.searchActivityReports {
}

    .searchActivityReports tr {
        height: 25px;
    }


.mt-0 {
    margin-top: 0;
}

.mt-5 {
    margin-top: 5px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-15 {
    margin-top: 15px;
}

.m-t-xsmall {
    margin-top: 5px;
}

.m-t-small {
    margin-top: 10px;
}

.m-b-xsmall {
    margin-bottom: 5px;
}

.m-b-small {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-5 {
    margin-right: 5px;
}

/*utilities*/
.clearLeft {
    clear: left;
}

.gridDialogButtonColumn {
    width: 26px;
}

.gridDialogButton {
    font-size: 90%;
    font-weight: bold;
    color: #000;
    border: solid 1px #ccc;
    background: #eee;
    border-radius: 3px;
    padding: 3px 6px;
    text-decoration: none;
    text-align: center;
}

/* fixes bug in webdatagrid where edited cell is floated off page if contained within a floated element - also where undo button width is huge*/
.wdgLayoutFix {
    position: relative
}

    .wdgLayoutFix .igg_UndoButton {
        width: unset !important;
    }

/*style TinyMceEditor*/
.tox-toolbar__primary {
    background-color: #CFE2FB !important; /* uses !important or override .mce-panel background-color/image */
    background-image: none !important;
}

.advertisingOptions + .tox {
    height:450px!important;
}


.keywordPopover {
    position: fixed;
    width: 400px;
    top: calc(50% - 400px);
    left: calc(50% - 200px);
    background-color: white;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    box-shadow: 0px 1px 5px #b3b3b3;
    padding: 15px;
}

.keywordPopover__title{
    margin-bottom:20px;
    font-weight: bold;
}

.keywordPopover__content {
    height: 500px;
    border: 1px solid #d3d3d3;
    padding:10px;
    margin-bottom: 15px;
    overflow-y: scroll;
}
.keywordPopover__okButton {
    float:right;
    background-color: #1A73E8;
    border-radius: 3px;
    color:#fff;
    padding:5px 15px;
    font-size:10px;
    cursor:pointer;
}


.wdgRowSubmitButton {
    /*margin-top: -22px !important;
    font-weight: bold !important;
    font-size: large;
    z-index: 100;
    color: blue !important;*/
    width: 25px !important;
    height: 19px;
    cursor: pointer !important;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #F8F7F4;
    border-color: #b6b6b6 !important;
    border-width: 1pt;
    border-style: solid;
    font-weight: bold;
}
    .wdgRowSubmitButton a {
        background-image: url("../ig_res/Windows7/images/addnewrow_image.gif");
        background-image: url("../ig_res/Windows7/images/addnewrow_image.gif");
        background-repeat: no-repeat;
        background-position: left 8px bottom 5px;
    }



/*style updated grid*/

.igg_Windows7Header {
    background-image: none;
    width: 31px;
    cursor: pointer;
}

.igg_Windows7RowSelector {
    width: 26px;
    cursor: pointer;
}

tbody.igg_Windows7Item > tr > td {
    padding: 3px 5px 3px 5px;
}

.igg_Windows7HeaderCaption {
    padding: 3px 5px 3px 5px;
}

tr.igg_Windows7AddNewRow > td {
    padding-left: 6px;
}

.igg_Windows7AddNewRowSelectorCssClass {
    cursor: default;
}

.igg_Windows7AddNewRow .gridDialogButtonColumn {
    text-align: center;
}
    .igg_Windows7AddNewRow td:nth-of-type(6).gridDialogButtonColumn:after {
        content: "...";
        cursor:pointer;
    }