div#IEM_HTML_Body {
    margin: 0px;
    padding: 0px 25px 0px 25px;
    padding: 0px17px0px17px;
}

div#IEM_HTML_Body_Home {
    margin: 0;
    padding: 0px 25px 0px 25px;
    padding: 0px17px0px17px;
}

h3 {
    margin: 5px 0px;
}

.body {
    color: #232323;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    background: url(../../images/gradient.jpg) #ededed repeat-x);
}

.popupBody {
    background-color: #F3F2E9;
    color: black;
    font-size: 11px;
    line-height: 1.5;
    margin: 20px;
    padding: 0pt;
}

.popupContainer {
    background-color: #FFFFFF;
    border: 1px solid #CAC7BD;
    padding: 20px;
}

div#IEM_Header_TrialNotificationBar {
    background: #FEFCD0 url(../../images/infoballon.gif) no-repeat fixed 7px 9px;
    padding: 10px 10px 10px 35px;
    border: 1px solid #DDDA8C;
    border-width: 0 0 1px 0;
    font-size: 11px;
}

.helpTip {
    font-size: 11px;
    line-height: 120%;
    font-family: 'Montserrat', sans-serif !important;
    color: black;
}

form {
    margin-top: 0px;
    margin-bottom: 0px;
}

input[type="text"], input[type="password"], textarea {
    font-family: 'Montserrat', sans-serif !important; /* 	border: 1px solid #AAA; 	border-collapse: collapse; */
    font-size: 11px;
    border: 1px solid #BBBBBB;
    padding: 0px 0px;
    resize: none;
    height:27px;
}

input[type="checkbox"] {
    margin-top: 2px;
    margin-bottom: 3px;
    vertical-align: middle;
}

.Intro {
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    padding: 0px 0px 3px 2px;
}

    .Intro div {
        margin: 10px 0px 11px 0px;
    }

    .Intro .Button {
        font-size: 11px;
        width: 150px;
        font-family: 'Montserrat', sans-serif !important;
    }
/*background-image: url(../../images/TGBLWatermark.png);*/
.Header {
    
    display: block;
    clear: both;
}



.Header_Top {
    display: block;
    clear: both;
}

.Header_Bottom {
    display: block;
    clear: both;
}

.textlinks a {
    color: #005fa3;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
}

    .textlinks a img {
        text-decoration: underline;
    }

.textlinks {
    color: #fbfbfc;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    float: right;
    clear: right;
}

.top {
    color: #7CACDA;
}

.disabledlink {
    font-weight: normal;
    font-size: 11px;
    color: gray;
    font-style: normal;
    font-family: 'Montserrat', sans-serif !important;
}

.Heading_white {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
    padding: 3px;
}

.Heading_new {
    color: #3173CD;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
    padding: 3px;
}

.Heading1 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important; /*padding-bottom: 10px;*/
}

    .Heading1 a {
        font-size: 18px;
        color: #005FA3;
    }

    .Heading1 ul, .Heading1 ul li, .Heading1 ul li a {
        display: block;
        width: 100%;
    }

.Heading2, tr.Heading2 td {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    height: 16pt;
    font-family: 'Montserrat', sans-serif !important;
    background-color: #EDECEC; /*padding: 4px 4px 4px 10px;*/
    background-image: url(../../images/table_bg.gif);
}

.Heading3 {
    padding-left: 4pt;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
}

    .Heading3 TD {
        vertical-align: middle;
        background-image: url(../../images/table_bg.gif);
        background-repeat: repeat-x;
        padding-top: 4px;
        padding-right: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
        background-color: #e4e4e4;
        color: #000000;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #dddddd;
    }

.ISSelectReplacement {
    width: 450px;
    height: 250px;
}

input.ISSelectSearch {
    width: 447px;
    font-size: 11px;
    font-family: Tahoma,Verdana,Helvetica,Sans-Serif;
    color: #333;
    border: 1px solid #7F9DB9;
    margin-top: 1px;
}

.Field, .Field30, .Field50, .Field150, .Field250, .Field300, .Field450 {
    font-size: 11px;
    color: #333333;
    font-family: 'Montserrat', sans-serif !important;
    margin-top: 3px;
    margin-right: 5px;
}

.Field30 {
    width: 30px;
}

.Field50 {
    width: 50px;
}

.Field150 {
    width: 150px;
}

.Field250 {
    width: 250px;
}

.Field300 {
    width: 300px;
}

.Field450 {
    width: 450px;
}

.error {
    border: #CD1143 2px solid;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif !important;
    background-color: #FCEEF3;
}

.toolTipBox {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px;
    padding: 5px;
    margin-top: 10px;
    background-color: #E0ECFF;
    color: #333333;
    text-decoration: none;
    margin-bottom: 15px;
}

.hide {
    display: none;
    visibility: hidden;
}

.paging {
    font-size: 8pt;
    color: white;
    font-family: 'Montserrat', sans-serif !important;
}

.required {
    font-size: 8pt;
    color: red;
    font-family: 'Montserrat', sans-serif !important;
}

.aside {
    margin: 0;
    padding: 0;
    color: #999;
    font-family: Tahoma,Verdana,Helvetica,Sans-Serif;
    font-size: 11px;
}

.PageFooter {
    /* background-image: url(../../images/TGBLWatermark.png);*/
    padding-top: 5px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px;
    text-align: right;
    color: #808080;
    height: 60px;
}

    .PageFooter a {
        font-size: 11px;
        color: #232323;
    }

.MidHeading {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    background-color: #F9F9F9;
    width: 80%;
    padding: 3px 1px 1px 6px;
}

    .MidHeading img {
        vertical-align: middle;
    }

.RightHeader {
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-family: 'Montserrat', sans-serif !important;
    background-color: #EDECEC;
    padding: 3px 1px 1px 6px;
    height: 18px;
}

ul, a {
    color: #333333;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px;
    text-decoration: none;
}

label#triggeremails_triggeractions_removelist_enabled_label ul {
    color: #232323;
}

.ContentContainer ul li {
    line-height: 170%;
}

ul.RssFeed {
    padding-left: 0px;
    margin-left: 0px;
}

    ul.RssFeed li {
        padding-left: 0px;
        margin-left: 5px;
    }

.Text {
    color: #333333;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px;
    margin-top: 5px;
}

.CalendarSelect {
    width: 100px;
}

.CalendarSelectSmall {
    width: 50px;
}

div.FlashError {
    background-color: #FFECEC;
    padding: 5px 5px 8px 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}

img.FlashError {
    padding-right: 4px;
    margin-top: -2px;
}

.FlashError ul {
    padding-left: 100px;
}


div.FlashSuccess {
    padding: 5px 5px 5px 40px;
    margin-bottom: 10px;
    margin-left: 5px;
    background: url(../../Images/yellow-alert.gif) 14px no-repeat #AECDF8;
}

div.FlashSuccessGreenIcon {
    padding: 5px 5px 5px 40px;
    margin-bottom: 10px;
    margin-left: 0px;
    background: url(../../Images/success.gif) 14px no-repeat #DBE9FD;
}

div.FlashSuccess_2 {
    background-color: #AECDF8;
    padding: 5px 5px 5px 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}


img.FlashSuccess {
    padding-right: 4px;
    margin-top: -2px;
}

.Message {
    /*background-color: #FFF1A8;*/
    font-weight: normal;
    font-size: 11px;
    color: #4e4f4f;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none; /* 	padding-top: 5px; 	padding-bottom: 5px;*/
    padding: 5px;
    vertical-align: top;
}

.Info {
    background-color: #EEEEEE;
    font-weight: normal;
    font-size: 11px;
    color: #4e4f4f;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
    padding: 5px;
    vertical-align: top;
}

.PageHeader {
    width: 100%; /* border-collapse: collapse; */
    background-color: #F7F7F7;
}

    .PageHeader .Menu {
        text-align: right;
        font-size: 11px;
        font-family: 'Montserrat', sans-serif !important;
        padding-right: 20px;
        vertical-align: bottom;
        padding-bottom: 5px;
    }

        .PageHeader .Menu A {
            color: #000000;
            text-decoration: none;
        }

            .PageHeader .Menu A:hover {
                text-decoration: underline;
            }

.Panel {
    background-color: #F9F9F9;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border-bottom: 5px solid #F9F9F9;
}

    .Panel a {
        color: #333333;
    }

    .Panel td {
        font-size: 11px;
        height: 22px; /*line-height: 22px;*/
        font-family: 'Montserrat', sans-serif !important;
    }

.PanelContent {
    height: auto;
}

.FieldLabel {
    padding: 6px 10px 0px 10px;
    font-weight: normal;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
    vertical-align: top;
    width: 200px;
    height: 26px;
}

.SmallFieldLabel {
    padding: 6px 10px 0px 10px;
    font-weight: normal;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
    vertical-align: top;
    width: 120px;
    height: 26px;
}

TR.GridRow TD {
    padding: 3px 3px 3px 5px;
    background-color: #f9f9f9;
    border-bottom: solid 1px #edecec;
}

TR.GridRowOver TD {
    padding: 3px 3px 3px 5px;
    background-color: #f3f3f3;
    border-bottom: solid 1px #edecec;
}

.SmallButton {
    font-size: 11px;
    width: 130px;
    font-family: 'Montserrat', sans-serif !important;
}

.FormButton {
    font-size: 11px;
    width: 80px;
    font-family: 'Montserrat', sans-serif !important;
}

.FormButton_wide {
    font-size: 11px;
    width: 100px;
    font-family: 'Montserrat', sans-serif !important;
}

.HelpText {
    cursor: help;
    border-bottom: 1px dotted #28609B;
}

/* CS Created */

select {
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    width: 250px;
    border: 1px solid #BBBBBB;
    height: 30px;
    margin-right: 10px !important;
    margin-left: 4px !important;
}

    select:focus {
        outline: none;
    }

.DateTimeBox {
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 4px;
    width: 50px;
}

.infotiplist, .customfieldlist {
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    line-height: 125%;
}

.Panel .Gap {
    height: 5px;
}

.datefield {
    width: 70px;
    font-size: 11px;
    color: #333333;
    font-family: 'Montserrat', sans-serif !important;
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.UserInfo {
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000;
    background-color: #FFFDE0;
    padding: 7px;
}

.templategroup {
    font-weight: bold;
    font-style: normal;
    font-family: 'Montserrat', sans-serif !important;
}

#tabnav {
    height: 20px;
    margin: 0;
    padding-left: 10px;
    background: url(../../images/tab_bottom.gif) repeat-x bottom;
}

    #tabnav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
    }

    #tabnav a:link, #tabnav a:visited {
        float: left;
        background: #f3f3f3;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 2px 10px 2px 10px;
        margin-right: 4px;
        border: 1px solid #ccc;
        text-decoration: none;
        color: #666;
    }

        #tabnav a:link.active, #tabnav a:visited.active {
            border-bottom: 1px solid #fff;
            background: #fff;
            color: #000;
        }

    #tabnav a:hover {
        background: #fff;
    }

.timePicker {
    font-size: 11px;
    width: 80px;
    font-family: 'Montserrat', sans-serif !important;
    color: black;
    border: 2px inset !important;
}

    .timePicker button {
        font-size: 11px;
        font-family: 'Montserrat', sans-serif !important;
        color: black;
        height: 10px;
        padding: 0px;
        margin: 0px;
        width: 16px;
    }

.imageTag {
    font-size: 11px;
    background-color: #FFF1A8;
    border: solid 1px #EDEACA;
    padding: 20px;
    line-height: 100%;
}

    .imageTag img {
        margin-bottom: 10px;
    }

.quote {
    border-left: solid 5px #CACACA;
    padding-left: 20px;
    line-height: 140%;
}

.customField {
    background-color: pink;
}

.emailcredits {
}


/* ADDED IN NX 1.1.4 */
.PanelPlain {
    background-color: #FFFFFF;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border-bottom: 5px solid #FFFFFF;
}

    .PanelPlain td {
        font-size: 11px;
        font-family: 'Montserrat', sans-serif !important;
    }

.didyouKnowBox, .systemMessageBox {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px;
    padding: 5px;
    border: solid 1px #e3e3e3;
    background-color: #f4feff;
    color: #333333;
    text-decoration: none;
    margin-bottom: 15px;
}

.spam_notspam {
    background-color: #00FF00;
    height: 5px;
}

.spam_alert {
    background-color: #FFFF66;
    height: 5px;
}

.spam_spam {
    background-color: #FF0000;
    height: 5px;
}

.spam_info {
    padding: 4px 8px 4px 8px;
}

/* Interspire Select Replacemnt CSS */
.ISSelect {
    background: #FFFFFF none repeat scroll 0%;
    border: 1px solid #7F9DB9;
    float: left;
    height: 200px;
    overflow: auto;
    width: 300px;
}

    .ISSelect ul, .ISSelect li {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0pt;
        padding: 0pt;
    }

    .ISSelect li {
        border-bottom: 1px solid #FFFFFF;
        border-top: 1px solid #FFFFFF;
        cursor: default;
        padding-bottom: 0px;
        padding-left: 4px;
        padding-top: 0px;
    }

        .ISSelect li.ISSelectGroup {
            padding-left: 0pt;
        }

    .ISSelect input {
        vertical-align: middle;
    }

.ISSelectGroup li {
    padding-left: 20px;
}

.ISSelect .ISSelectOptionHover {
    background: #EFEFEF none repeat scroll 0%;
}

.ISSelectGroup div {
    font-style: italic;
    font-weight: bold;
    padding-left: 4px;
}

.ISSelect li.ISSelectGroup {
    background: transparent none repeat scroll 0%;
    border-bottom: 0pt none;
    border-top: 0pt none;
    padding-bottom: 0pt;
}

.ISSelect .SelectedRow {
    background: #316AC5 none repeat scroll 0%;
    border-bottom: 1px solid #316AC5;
    border-top: 1px solid #316AC5;
    color: #FFFFFF;
}


/* ADDED IN NX 1.2.0 */


label {
    cursor: pointer;
}

/* For the loading indicator on the Statistics page */
.loading_indicator {
    position: fixed;
    top: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
}

    .loading_indicator span {
        text-align: center;
        display: block;
    }

    .loading_indicator div {
        text-align: center;
        background: #FFF1A8;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        font-size: 11px;
        padding: 3px;
    }

/* Added in NX 1.3.3 */

.tutorial_example {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 9pt;
    padding: 10px;
    margin-top: 10px;
    border: solid 1px #EDEACA;
    background-color: #FFF1A8;
    color: #333333;
    text-decoration: none;
    width: 300px;
    margin: auto 33% auto 33%;
}

.center_div {
    margin: auto 33% auto 33%;
}

.TestModeEnabled {
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000;
    background-color: #E0ECFF;
    padding: 5px 5px 10px 5px;
    line-height: 11px;
    margin-bottom: 10px;
}

.DropShadowContainer {
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    z-index: 1000000;
    position: relative;
}

    .DropShadowContainer .Shadow1, .DropShadowContainer .Shadow3, .DropShadowContainer .ItemContainer {
        left: -1px;
        top: -1px;
        position: relative;
    }

    .DropShadowContainer .Shadow2 {
        background: #efefef;
    }

    .DropShadowContainer .Shadow3 {
        background: #dedede;
    }

    .DropShadowContainer .ItemContainer {
        background: #ffffff;
        border: 1px solid #cacaca;
    }

.PopDownMenuContainer {
    z-index: 1000;
}

.DropDownMenu ul, .DropDownMenu li {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.DropDownMenu a {
    padding: 4px 10px;
    display: block;
    line-height: 1.7;
    text-decoration: none;
}

    .DropDownMenu a:hover, .DropDownMenu a:hover {
        background-color: #efefef;
    }

.DropDownMenu li.Break {
    margin: 0;
    padding: 0;
    line-height: 0;
}

.DropDownMenu hr {
    color: #cacaca;
    background-color: #cacaca;
    height: 1px;
    border: 0;
    margin: 2px auto;
    padding: 0;
    line-height: 0;
    font-size: 1px;
    width: 90%;
}

.textlinks .ActiveButton {
    background: #fff;
    border: 1px solid #cacaca;
    border-bottom: 0;
    margin: 0 1px 0 3px;
    text-decoration: none !important;
    z-index: 1000000;
    position: relative;
}

.MenuText {
    color: #003366;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px;
    text-decoration: none;
    margin: 0pt 0px 0pt 0px;
    padding: 4px 6px;
}

.loggedinas {
    margin-top: 0px;
    font-size: 11px;
}

a.MenuText {
    text-decoration: underline;
    line-height: 20px;
}

#logo {
    background: #ffffff url(../../images/Zee-Entertainment-Logo) no-repeat;
    width: 100px;
    height: 90px;
    margin: 5px;
    float: left;
    clear: left;
}

.ContentContainer {
    padding: 10px 0px 10px 0px;
    background-color: #fff;
    border: solid 1px #CFCFCF;
    border-top: none;
    min-height: 370px;
}

.BodyContainer {
    width: 97%;
    margin: 0 auto 10px auto;
}

.loginBox td {
    font-size: 11px;
    color: #232323;
}

.DashboardPanel {
    border: 5px solid #ececec;
    margin-bottom: 10px;
}

    .DashboardPanel td {
        font-size: 11px;
        color: #000000;
    }

    .DashboardPanel .Heading2 {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .DashboardPanel .PanelContent {
        border: 1px solid #ccc;
        padding: 10px;
    }

        .DashboardPanel .PanelContent ul {
            padding: 0px;
            list-style-position: inside;
            margin: 0px 0px 0px 20px;
        }

    .DashboardPanel .PanelToggle {
        padding: 4px 5px 0 0;
    }

        .DashboardPanel .PanelToggle a {
            color: gray;
        }

    .DashboardPanel .PanelHeader {
        height: 16px;
        padding-top: 4px;
    }

div#HomeGettingStarted td.taskComplete a, td.taskComplete {
    color: #cacaca;
}

.LoginError {
    color: red;
}

.pageinfo p {
    margin-top: 0px;
    margin-bottom: 11px;
}

.message_box {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
}

ul#interspirerss {
    list-style-position: outside;
    margin: 10px 20px;
    padding: 0px;
    list-style-type: disc;
}

    ul#interspirerss li {
        margin-left: 0px;
    }

ul#popularRecentContactList {
    list-style-position: outside;
    margin: 10px 20px;
    padding: 0px;
    list-style-type: disc;
}

    ul#popularRecentContactList li {
        margin-left: 0px;
    }


.gettingstarted_helpinfo {
    background-color: #FFF1A8;
    margin: 5px 0px;
}

.UpgradeNotice {
    border: 1px solid #CCCCCC;
    background-color: #FFFFCC;
}

#upgradenotice {
    padding-left: 10px;
    padding-top: 0px;
}

.UpgradeNotice .Heading2 {
    background: #91CB8A url( '../../images/upgrade_bg.gif' ) repeat-x;
    border-color: #7CB778;
    border-top: 1px solid #7CB778;
}

.UpgradeNotice .PanelContent {
    border-color: #7CB778;
    padding: 0px;
}

table.WISIWYG_Editor_Choices td {
    line-height: normal;
    height: auto;
}

.EmptyRow {
    background-color: #FFFFFF;
    height: 10px !important;
}

a.DropDownArrow {
    text-decoration: none;
}

textarea.ContentsTextEditor {
    background: #ffffff url(../../images/textbox_wrap_bg.gif) repeat-y;
    width: 95%;
    height: 580px;
}

.TemplateHeading {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}

.TemplateBox {
    border: 5px solid white;
    color: #333333;
    display: inline;
    float: left;
    font-family: Tahoma;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 220px;
    line-height: normal;
    margin-top: 5px;
    padding: 5px;
    text-align: center;
    width: 200px;
}

.TemplateBoxOver {
    color: #333333;
    font: normal 11px Tahoma;
    margin-top: 5px;
    text-align: center;
    padding: 5px;
    float: left;
    display: inline;
    height: 220px;
    border: 5px solid #FFCC66;
    background-color: #FFFFCC;
    width: 200px;
}

.plusButton {
    cursor: pointer;
}

.subscriberEventRow {
    display: none;
}

    .subscriberEventRow td {
        border-bottom: solid 1px #edecec;
    }

tr.subscriberEventRowActive td {
    background-color: #DBF3D1;
}

tr.subscriberEventRow div.dataArea {
    background-color: #DBF3D1;
}

.subscriberEventRow td {
    padding: 0 3px 0 5px;
}

    .subscriberEventRow td.eventtype {
        font-weight: bold;
    }

    .subscriberEventRow td.dataCol {
        padding: 0 0 0 70px;
    }

.subscriberEventTable {
    margin: 0 10px 10px 10px;
}

    .subscriberEventTable td {
        border: none;
    }

    .subscriberEventTable td {
        vertical-align: top;
    }

        .subscriberEventTable td.eventdate, .subscriberEventTable td.eventnotes {
            width: 30px;
        }

#eventAddForm button {
    font-size: 11px;
}

#eventAddForm #eventType {
    width: 100%;
    margin-bottom: 4px;
}

table#subscriberEvents {
    margin: 0px;
}

    table#subscriberEvents td.buttons input {
        margin-bottom: 11px;
    }

    table#subscriberEvents td.pagination div {
        margin-bottom: 11px;
    }

div#eventTypes {
    position: absolute;
    margin-top: 15px;
    height: 150px;
    overflow: auto;
    background: #fff;
    border: 1px solid #000;
    z-index: 1024;
    display: none;
}

    div#eventTypes ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        div#eventTypes ul li {
            margin: 0px;
            padding: 2px;
            cursor: pointer;
        }

            div#eventTypes ul li.selected {
                background: #316AC5;
                color: #fff;
            }

div#googleCalendarForm {
    display: none;
}

.HelpInfo, p.HelpInfo {
    background: #FFF1A8 none repeat scroll 0% 0%;
    color: #000000;
    margin: 5px 5px 8px 0px;
    padding: 10px;
}

ul.Folder, ul.Folder li {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: default;
}

    /* IE 7 hack */
    *:first-child + html ul.Folder li {
        display: inline;
    }

    /* IE 6 Hack */
    * html ul.Folder li {
        display: inline;
    }

.SortableRowHelper, .SortableRowHelper td, .RowDown td {
    background: #D5E0F1 !important;
}

#dragHelper .SortableRow td {
    background: transparent;
    border: 0;
}

#dragHelper .SortableRow .HideOnDrag {
    display: none;
}

.IndexPage_GettingStarted_Content {
    padding-left: 15px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.IndexPage_GettingStarted_Content_Header {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
}

.IndexPage_GettingStarted_Content_Intro {
    padding-bottom: 10px;
}

.IndexPage_GettingStarted_Content_Link {
    font-size: 14px;
    font-weight: bold;
    color: #05386D;
}

#Bounce_Step_Nav_Container ul {
    padding-left: 0px;
    font-weight: bold;
    color: #2B61AF;
}

#Bounce_Step_Nav_Container li {
    display: inline;
    list-style-type: none;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_Selected_First span {
    background: url( '../../images/cap-left-dark.gif' ) no-repeat center left;
    background-color: #A8C6F2;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_Selected span {
    background: url( '../../images/arrow-left.gif' ) no-repeat center left;
    background-color: #A8C6F2;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_First span {
    background: url( '../../images/cap-left-light.gif' ) no-repeat center left;
    background-color: #D7E7FF;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_Last span {
    background: url( '../../images/cap-right-light.gif' ) no-repeat center left;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_Selected_Last span {
    background: url( '../../images/cap-right-dark.gif' ) no-repeat center left;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_After_Selected span {
    background: url( '../../images/arrow-right.gif' ) no-repeat center left;
    background-color: #D7E7FF;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav span {
    background: url( '../../images/arrow-clear.gif' ) no-repeat center left;
    background-color: #D7E7FF;
}

.Bounce_Step_Nav_General_First {
    padding: 9px 12px 9px 15px;
}

.Bounce_Step_Nav_General {
    padding: 9px 12px 9px 25px;
}

.Bounce_Step_Nav_Number {
    display: inline;
    padding-left: 20px;
}

.Bounce_ISSelector_Title, .Bounce_Process_Option_Recommended {
    font-weight: bold;
}

.Bounce_ISSelector_Description {
    display: block;
    margin-left: 35px;
}

.Bounce_Help_Header {
    font-weight: bold;
    background: url( '../../images/help.gif' ) no-repeat center left;
    padding-left: 20px;
    margin-bottom: 10px;
}

.Bounce_Help_Item {
    margin-bottom: 10px;
}

.Bounce_Process_Option, .Bounce_Process_Option_Recommended {
    color: #232323;
    display: block;
    font-size: 13px;
}

.Bounce_Process_Option_Intro {
    display: block;
    padding: 5px 0px 10px 25px;
}

.inPlaceImageBoxDefault {
    background-color: transparent;
    border: 1px solid transparent;
    color: #232323;
    padding: 3px;
    text-align: left;
    width: 180px;
}

.inPlaceFieldFocus {
    background-color: #FFF;
    border: 1px solid #809DB9;
    padding: 3px;
}

.swfupload {
    position: absolute;
    z-index: 1;
    outline: none;
}

.ManageImageBox {
    color: #333333;
    font: normal 11px Tahoma;
    margin-top: 5px;
    text-align: center;
    padding: 5px;
    float: left;
    display: inline;
    height: 250px;
    border: 5px solid transparent;
}

.inPlaceImageBoxFieldHover {
    background-color: #FFFFDD !important;
    border-color: #666666 rgb(221, 221, 221) rgb(221, 221, 221) rgb(102, 102, 102) !important;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

.PanelContentBox1 {
    padding: 0px;
    border: 1px solid #BADCDE;
}

.DashboardPanelBox1 {
    border: 5px solid #E6F2F3;
    margin-bottom: 10px;
}

.DashboardPanelSubBox1 {
    border-bottom: 1px solid #BADCDE;
}

.DashboardPanelSubBox2 {
    padding: 7px 16px;
}

.DashboardPanelSubBox3, .DashboardPanelSubBox1 {
    background: transparent url(../../images/getstarted-bg-noborder.gif) repeat-x scroll left bottom;
    float: left;
    padding: 0px 16px 0px 16px;
}

    .DashboardPanelSubBox3 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-bottom: 10px;
    }

    .DashboardPanelSubBox3 li {
        background-image: url(../../images/checkmark.gif);
        background-repeat: no-repeat;
        background-position: 0 50%;
        padding: 1px 0 1px 25px;
        margin: .4em 0;
    }

.DashboardPanelSubBox2 div {
    float: left;
    height: 30px;
    width: 180px;
}

.PanelHeaderBox1 {
    font-family: Arial, Tahoma,Verdana,Helvetica,Sans-Serif;
    font-size: 14px;
    color: #000000;
    padding: 16px 16px 10px 16px;
}

.IndexContent a {
    color: #005FA3;
    text-decoration: none;
}

    .IndexContent a:hover {
        color: #005FA3;
        text-decoration: underline;
    }

a#HideThis {
    text-decoration: none;
}

.PanelHeaderBox1 .QuickLink, .HideThis {
    padding: 0px 5px 0px 10px;
    font-weight: normal;
    float: right;
}

.CampaignOptionsLinks {
    background-color: #E0ECFF !important;
    border-top: 1px solid #BADCDE;
    border-bottom: 1px solid #BADCDE;
    padding: 7px 10px 10px 10px;
}

.NonCampaignOptionsSelected span {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 0px;
}

.CampaignOptionsSelected {
    background-color: #FFFFFF !important;
    background: transparent url(../../images/selector-mid-slice.gif) 50% 27% repeat-x;
    padding-top: 2px;
    padding-bottom: 6px;
    padding-right: 0px;
    padding-left: 0px;
}

    .CampaignOptionsSelected .left, .CampaignOptionsSelected .right {
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 6px;
    }


    .CampaignOptionsSelected .left {
        background: transparent url(../../images/selector-left-cap.gif) left center no-repeat;
    }

    .CampaignOptionsSelected .right {
        background: transparent url(../../images/selector-right-cap.gif) left center no-repeat;
    }

/* IE 7 hack */
*:first-child + html .CampaignOptionsSelected {
    padding-left: 7px;
}

/* IE 6 Hack */
* html .CampaignOptionsSelected {
    padding-left: 7px;
}

#RecentContactListItem ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

#RecentContactListItem li {
    background-image: url(../../images/dottedline.gif);
    background-repeat: repeat-x;
    background-position: 0 0%;
    padding: 10px 0 3px 0px;
    margin: .4em 0;
}

    #RecentContactListItem li .ListLink {
        background-image: url(../../images/home-clisticon.gif);
        background-repeat: no-repeat;
        background-position: 0 50%;
        padding: 10px 0 10px 35px;
        margin: .4em 0;
    }

.ActionButton {
    background: transparent url(../../images/but-mid-sliver.gif) repeat scroll 0 0;
    height: 32px;
}

.BrowseCLButton, .BrowseCLButton a {
    width: 180px;
}

.ViewAllStatsButton, .ViewAllStatsButton a {
    width: 125px;
}

.ViewAllCampaignsButton, .ViewAllCampaignsButton a {
    width: 150px;
}

.BrowseCLButton, .ViewAllStatsButton, .ViewAllCampaignsButton {
    float: right;
}

.BrowseCLButton, .ViewAllStatsButton, .ViewAllCampaignsButton {
    margin-top: 10px;
}

.ActionButton a span.RightEnd {
    background: transparent url(../../images/but-right-cap-white.gif) no-repeat scroll right top;
    display: block;
    float: right;
    height: 32px;
    width: 10px;
}

.ActionButton a span.ActionIcon {
    background: transparent url(../../images/but-arrow.gif) no-repeat scroll left center;
    display: block;
    float: right;
    height: 32px;
    width: 22px;
}

.ActionButton a span.ButtonText {
    display: block;
    padding-right: 5px;
    padding-top: 9px;
}

.BrowseCLButton a span.ButtonText {
    padding-left: 30px;
}

.ViewAllStatsButton a span.ButtonText, .ViewAllCampaignsButton a span.ButtonText {
    padding-left: 15px;
}

a span.ButtonText {
    white-space: nowrap;
}

.ActionButton a {
    background: transparent url(../../images/but-left-cap-white.gif) no-repeat scroll left top;
    color: #184F87;
    display: block;
    font-family: arial;
    font-size: 1em;
    height: 32px;
}

#Campaign_id .LeftImage, #Campaign_id .RightImage {
    height: 54px;
    display: block;
}

#Campaign_id .LeftImage {
    background: transparent url(../../images/campaigns-left-cap.gif) no-repeat scroll left top;
    width: 3px;
}

#Campaign_id .RightImage {
    background: transparent url(../../images/campaigns-right-cap.gif) no-repeat scroll left top;
    width: 5px;
}

#Campaign_id .MidImage {
    background: transparent url(../../images/campaign-mid-slice.gif) repeat-x scroll left top;
    float: left;
    height: 42px;
    padding: 8px;
    width: 378px;
}

#Campaign_id .CampIcon {
    background: transparent url(../../images/icon_mail.gif) no-repeat scroll left;
    float: left;
    height: 37px;
    width: 35px;
    padding-right: 10px;
}

.CampaignListText {
    padding-top: 4px;
}

.HelpToolTipPos {
    display: inline;
    position: absolute;
    padding-left: 5px;
}

.datagrid {
    border-collapse: collapse;
    border: 0px solid #EBEBEB;
}

    .datagrid th {
        background: url(../../images/th.png) repeat-x;
        height: 24px;
        color: #000000;
        border: 0px solid #EBEBEB;
        font-size: 11px;
        text-align: left;
    }

    .datagrid td {
        padding: 1px;
        border: none;
        text-align: left;
    }

    .datagrid a {
        color: #669ced;
    }

.datagrid-right {
    border-collapse: collapse;
    border-width: 1px;
    border-color: #EBEBEB;
    border: 1px solid #EBEBEB;
}

    .datagrid-right th {
        border-width: 1px;
        border-color: #EBEBEB;
        background: url(../../images/th.png) repeat-x;
        height: 24px;
        color: #000000;
        text-align: left;
        padding-left: 30px;
    }

    .datagrid-right td {
        padding: 1px;
        border-width: 1px;
        border-color: #EBEBEB;
        text-align: left;
        padding-left: 30px;
    }

    .datagrid-right a {
        color: #0066CC;
    }

.pending_status {
    color: #003399;
}

.complete_status {
    color: #006600;
}

.reject_status {
    color: #FF0000;
}

.popup-body {
    margin: 20px;
}

.selectAutoWidth {
    width: auto;
}

.normalgrid td {
    padding: 4px 0px 4px 0px;
}

.normalgrid .subheading {
    font-weight: bold;
    color: #333333;
}

.buttons {
    margin: 20px 0px 20px 0px;
}

.fadbtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ededed', endColorstr= '#dfdfdf' );
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

    .fadbtn:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#dfdfdf', endColorstr= '#ededed' );
        background-color: #dfdfdf;
    }

    .fadbtn:active {
        position: relative;
        top: 1px;
    }

.fadbtn2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ededed', endColorstr= '#dfdfdf' );
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

    .fadbtn2:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#dfdfdf', endColorstr= '#ededed' );
        background-color: #dfdfdf;
    }

    .fadbtn2:active {
        position: relative;
        top: 1px;
    }

.datagrid a {
    text-decoration: underline;
}

#pager {
    float: right;
    color: #232323;
    font: 11px Tahoma,Verdana,Helvetica,sans-serif;
    margin-top: 20px;
}

    #pager a {
        color: #333333;
    }

    #pager .page_count {
        padding-right: 10px;
    }

.sep {
    padding: 0px 4px 0px 4px;
}

.noPadding {
    padding: 0 !important;
    margin: 0 !important;
}

.bottom5pxMargin {
    margin-bottom: 10px;
}

.extendBottomLine {
    border-bottom: 1px solid #00567a;
}

.tabSelect {
    color: #FFFFFF;
}

.leftLabel {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    text-align: left !important;
}

.redFont {
    color: #FF0000 !important;
}


.leftSpacing40px {
    padding-left: 20px;
}

.leftSpacing8px {
    padding-left: 8px;
}

.paddingtop10px {
    padding-top: 10px;
}

.invoiceItem {
    font-weight: bold;
    font-size: 20px;
    color: #6699CC;
}

/*Login page*/
.header_login {
    font-weight: bold;
    font-size: 14px;
    color: #d08428;
    line-height: 24px;
}

.tdheight {
    height: 50px;
}

.protectbg {
    background-color: #757575;
    height: 30px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    color: #FFF;
    vertical-align: middle;
    text-align: left !important;
}

.userid_password {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal;
    font-size: 12px;
    color: #a0a0a0;
    text-align: right !important;
}

.forgotpassword {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal;
    font-size: 12px;
    color: #1b5569;
    text-decoration: none !important;
}

    .forgotpassword:hover {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: normal;
        font-size: 12px;
        color: #1b5569;
        text-decoration: underline !important;
    }

#bottomlin {
    border-bottom: 1px solid #EBEBEB;
}

.loginpagetext {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal;
    font-size: 12px;
    color: #000;
    text-align: left !important;
    padding: 10px;
}

.heading_loginpagetext {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    text-align: left !important;
}

.content_style {
    color: #232323;
    font: 11px Tahoma,Verdana,Helvetica,sans-serif;
}
/*Login page*/
/*expanse page*/
ul#nav {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
}


    ul#nav li a {
        display: block;
        font-weight: bold;
        padding: 2px 10px;
        background: #f9f9f9;
        font-size: 11px;
        font-family: 'Montserrat', sans-serif !important;
        text-decoration: none;
    }

        ul#nav li a:hover {
            background: #888;
            color: #fff;
        }

    ul#nav li {
        float: left;
        position: relative;
        width: 110px;
        text-align: center;
        margin-right: 5px;
        border: 1px solid #ccc;
    }

        ul#nav li.current a {
            background: #888;
            color: #FFF;
        }

            ul#nav li.current a:hover {
                background: #888;
            }
/*Login page*/

li ul {
    display: none;
    position: absolute;
    width: 110px;
    top: 0;
    left: 0;
    font-weight: normal;
    padding: 1px 0 10px 0;
    margin-left: -1px;
}

ul#nav li ul.sub li {
    border-width: 0 1px 1px 1px !important;
    list-style: none;
    text-align: left !important;
}

    ul#nav li ul.sub li a {
        font-weight: normal !important;
        list-style: none;
        text-align: left !important;
    }

li > ul {
    top: auto;
    left: auto;
}

li:hover ul, li.over ul {
    display: block;
    list-style: none;
}

.menubg {
    vertical-align: middle;
    padding-left: 5px;
    height: 30px;
    background: url(../../images/tab-bar-bg-1X35.gif);
    border: 1px solid #dddddd;
    padding: 4px;
}

.formbg {
    background-color: #DFECFE;
}

.formbg_totalamount {
    background: url(../../images/bg_total.png) repeat-x;
    height: 37px;
}

ul#topbtn {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
    float: right;
    padding: 5px;
}

    ul#topbtn li a {
        display: block;
        font-weight: bold;
        padding: 3px;
        background: #747673;
        font-size: 11px;
        font-family: 'Montserrat', sans-serif !important;
        text-decoration: none;
        color: #FFF;
    }

        ul#topbtn li a:hover {
            background: #747673;
            color: #fff;
        }

    ul#topbtn li {
        float: left;
        position: relative;
        text-align: center;
        margin-right: 5px;
        border: 1px solid #ccc;
    }

        ul#topbtn li.current a {
            background: #338bb8;
            color: #FFF;
        }

            ul#topbtn li.current a:hover {
                background: #338bb8;
            }

.total {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    padding-right: 30px;
}

.amount {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    color: #333333;
}

.amountNormal {
    font-family: 'Montserrat', sans-serif !important;
    color: #232323;
    float: right;
}

.amountTotal {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    font-size: 14px !important;
    color: #333333;
    float: right;
}

.totalrequest {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
}

.AddingNewExpense {
    background-color: #D5E0FC;
    text-align: left !important;
    height: 20px;
    color: #999999;
}

/*expanse page*/

.button-with-bg {
    background: url(../../images/buttonbg.png) repeat-x;
    width: 115px;
    height: 22px;
}

.button-pp-bg {
    background: url(../../images/button-pp-bg.png) repeat-x;
    width: 115px;
    height: 22px;
}

.button-with-bg-span {
    font-weight: bold;
    color: #999999;
    padding: 4px 0px 0px 24px;
    width: auto;
}

.menubg a {
    text-decoration: none;
}

.expense-panel-left-bg {
    background-color: #FFFFFF;
}

.expense-panel-right-bg {
    background-color: #F1F4F7;
}

.whitebg {
    background-color: #FFFFFF;
}

.searchFld {
    background: url(../../images/search.jpg) right no-repeat;
    border: 1px solid #CCCCCC;
}

.divTable {
    height: 200px;
    overflow: auto;
}

.divTable2 {
    height: auto;
    overflow: auto;
}

.divTable strong {
    font-size: 10px;
    color: #006699;
    text-transform: uppercase;
}

optgroup {
    color: #666666;
    font-style: normal;
}

.expense-purpose option {
    background-color: #FFFFCC;
}

input[type="file"] {
    font: normal 11px Tahoma, Verdana, Helvetica, sans-serif;
}

.data-view {
    border: none;
}

    .data-view td {
        padding: 4px;
        border: none;
    }

.gray-bg {
    background-color: #F4F4F4;
}

.detail-info-color {
    color: #009999;
}

.textUnderline {
    color: #999999 !important;
    text-decoration: underline !important;
}

#detail_tooltip {
    background-color: #FFFFFF;
    border: 1px solid #009999;
    width: 600px;
    height: auto;
    position: absolute;
}

.display_tooltip_header {
    font-weight: bold; /*background-color: #009999;*/
    background-color: #5078B3;
    padding: 4px;
    color: #FFFFFF;
}

.closeTooltipBtn {
    position: absolute;
    padding: 10px;
    margin-top: 1px;
    right: 0;
}

.row-selected {
    background-color: #FFCB39 !important;
}

.alt-row-color {
    background-color: #DBE9FD !important;
}

.request-id-display {
    color: #E2AB0F !important;
}

.rightLabel {
    text-align: right !important;
}

.advance-row-color {
    background-color: #DBE9FD !important;
}

.nextStep {
    background: url(../../images/next.png);
    width: 40px !important;
    height: 39px !important;
}

.prevStep {
    background: url(../../images/prev.png);
    width: 40px !important;
    height: 39px !important;
}

.next-prev-text {
    font-weight: bold;
    padding-top: 12px;
    padding-left: 6px;
    color: #FFFFFF;
    float: left;
}

.RadioButton td {
    text-align: left !important;
    width: 53px;
    border-left: solid 0px #ebebeb;
}

.LinkButton {
    color: White;
}

.gridViewPager {
    color: #000000;
    text-align: center;
}

    .gridViewPager table {
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
    }

    .gridViewPager td {
        padding: 0px 2px 0px 2px;
        text-align: center;
    }

        .gridViewPager td a:link {
            color: #000000;
        }

        .gridViewPager td a:hover {
            padding: 3px;
            text-decoration: none;
            white-space: nowrap;
            background: #669ced;
            color: #CCCCCC;
            border: 1px solid #CCCCCC;
            font-weight: bold;
        }

    /* The currently selected page number is rendered by ASP.NET in a span tag in the td. */
    .gridViewPager span {
        padding: 3px;
        border: 1px solid #CCCCCC;
        text-decoration: none;
        white-space: nowrap;
        background: #669ced;
        color: #FFFFFF;
        font-weight: bold;
    }


    .gridViewPager a:Link, .gridViewPager a:visited {
        color: #FFFFFF;
        text-decoration: none;
        padding: 3px;
        white-space: nowrap;
    }

    .gridViewPager a:hover, .gridViewPager a:active, .gridViewPagera:selected {
        padding: 3px;
        border: 1px solid #CCCCCC;
        text-decoration: none;
        white-space: nowrap;
        background: #669ced;
        color: #FFFFFF;
    }

.font11px {
    font-size: 11px;
    font-family: 'Montserrat', sans-serif !important;
}

.Queues {
    font-size: 13px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    line-height: 25px;
}

.rblTravelTypeCLS td:nth-child(1) {
    width: 43px;
}

.rblTravelTypeCLS td:nth-child(2) {
    width: 68px;
}

.rblTravelTypeCLS td:nth-child(3) {
    width: 56px;
}

.rblTravelTypeCLS td:nth-child(4) {
    width: 50px;
}

.popup_bg {
    background-color: #FFF;
}

.podetails {
    background-color: #A9D0F5;
    color: #232323;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.grid {
    font-family: Verdana;
    font-size: 11px;
    color: #7F7B7B;
    border-collapse: collapse;
}

    .grid td {
        border: 1px solid #D4D4D4;
        font-size: 11px;
        font-weight: normal;
        color: #7F7B7B;
    }

    .grid th {
        border: 1px solid #D4D4D4;
        font-size: 11px;
        font-weight: normal;
        color: #fff;
        font-weight: bold;
        background-color: #525E6C;
        line-height: 25px;
    }

.red {
    background: #DD0000;
    width: 10px;
    height: 10px;
    float: right;
    margin: 2px;
}

.blue {
    background: #99CCFF;
    width: 10px;
    height: 10px;
    float: right;
    margin: 2px;
}

.green {
    background: #71BD7F;
    width: 10px;
    height: 10px;
    float: right;
    margin: 2px;
}

.orange {
    background: #D5B359;
    width: 10px;
    height: 10px;
    float: right;
    margin: 2px;
}

.pending {
    background: #99CCFF;
    color: #222222;
}

.radiolink {
    text-decoration: none;
}

    .radiolink a {
        text-decoration: none !important;
    }


.next-text {
    font-weight: bold;
    padding-top: 10px;
    padding-left: 6px;
    color: #FFFFFF;
    float: left;
}

.prev-text {
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    color: #FFFFFF;
    float: left;
}

.right-padding {
    padding-right: 12px;
}

.left5pxpadding {
    padding-left: 10px;
}

a:focus, *:focus {
    nofocusline: expression(this.onFocus=this.blur());
}

input[type=text]::-ms-clear {
    display: none !important;
}

input[type=password]::-ms-reveal {
    display: none !important;
}

.footer {
    width: 100% !important;
    height: 67px;
    margin: 0px auto;
}
/*Reports*/
.report-filter {
    width: 96%;
    min-height: 10px;
    background-color: #f0f4f5;
    border-bottom: 2px solid #ccc;
    padding: 20px 2%;
    margin-bottom: 20px;
}

.report-group-button table {
    border-collapse: collapse;
}

    .report-group-button table td {
        background-color: #fff;
        padding: 6px;
        font-weight: bold;
        font-size: 13px;
        border: 1px solid #ccc;
    }

        .report-group-button table td:hover {
            background-color: #007095;
            padding: 6px;
            font-weight: bold;
            font-size: 13px;
            color: #fff;
        }

        .report-group-button table td a {
            font-weight: bold;
            font-size: 12px;
            padding: 6px;
        }

            .report-group-button table td a:hover {
                background-color: #007095;
                font-weight: bold;
                font-size: 12px;
                color: #fff;
            }

/*Chat visible issues*/
.a260 {
    overflow: visible !important;
}
/*end*/



.grid-heading h3 {color: #00567a; font-weight: 600; font-size: 14px; position: relative; width: fit-content;}
    .grid-heading h3:after {
        content: '';
        background: #999;
        width: 20px;
        height: 2px;
        display: block;
        position: absolute;
        left: 0;
        top: 20px;
    }
.alert.alert-success.item-summary {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.btn-secondary-outline {
    background: #FFF;
    border: 1px solid #00567a !important;
    color: #00567a !important;
    height: 30px;
    min-width: 140px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

    .btn-secondary-outline:hover, .btn-secondary-outline:focus {
        background: #00567a !important;
        color: #FFF !important;
        text-shadow: none !important;
        font-weight: 600;
        border: 1px solid #00567a !important;
        box-shadow: none !important;
    }

.fadbtn.btn-primary-blue {
    background: #00567a;
    border: 1px solid #00567a;
    color: #FFF !important;
    height: 30px;
    min-width: 140px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    text-shadow: none;
    box-shadow: none;
}

    .fadbtn.btn-primary-blue:hover, .fadbtn.btn-primary-blue:focus {
        background: #00a03b;
        border: 1px solid #00a03b;
        color: #FFF;
    }

.fadbtn.btn-primary-red {
    background: rgba(195,50,53, 0.8);
    border: 1px solid rgba(195,50,53, 0.8);
    color: #FFF !important;
    height: 30px;
    min-width: 140px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    text-shadow: none;
    box-shadow: none;
}

    .fadbtn.btn-primary-red:hover, .fadbtn.btn-primary-red:focus {
        background: rgba(195,50,53, 1);
        border: 1px solid rgba(195,50,53, 1);
        color: #FFF;
    }

.form-control.updateData, .form-control.cityGrade {
    border: 1px solid #b3b3b3;
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 6px 5px !important;
}

.menu-sec-custom a.MenuText {
    color: #00a03b;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 24px;
    position:relative;
}

    .menu-sec-custom a.MenuText:after {
        content: '';
        background: #999;
        display: inline-block;
        width: 1px;
        height: 6px;
        position: absolute;
        top: 9px;
        right: -2px;
    }
    .menu-sec-custom a.MenuText.log-custom11:after {
        content: '';
        background: none;
    }

    .menu-sec-custom a.MenuText.log-custom11 {
        background: #00567a;
        border-radius: 3px;
        color: #FFF;
        margin-left: 8px;
        margin-right: 12px;
    }

.menu-sec-custom span.small {
    font-size: 10px !important;
    margin-right: 12px;
    display: inline-block;
    margin-top: 8px;
}

.custom-table211 .gray-bg { background: #ededed; font-weight: 600; line-height: 22px;}
table.custom-table222 {
    border: 1px solid #abaaaa;
    border-radius: 3px;
}
.custom-table222 .gray-bg {
    background: transparent;
}
.custom-table222 .gray-bg span {
        color: #222 !important;
        font-weight: 600;
        font-size: 12px;
        position:relative;
    }
.custom-table222 .gray-bg span:after {
        content: ':';
        margin-left: 10px;
    }

.custom-table222 .detail-info-color span {
    color: #777 !important;
    font-weight: 500;
}

.account-custom333 input[type="text"], .account-custom333 input[type="password"], .account-custom333 select {
    height: 25px;
    padding: 0px 4px;
    background: #FFF;
    max-width: 250px;
    width: 100% ;
    box-sizing: border-box;
}

.table.table-delegat44 {
    margin-top: 10px;
}

.table.table-delegat44 input[type="text"] { height: 25px;  width: 96% !important;}
.table.table-delegat44 td span { width: 96% !important; height: 25px;}
.head-sub33 {
    color: #00567a;
    font-weight: 600;
    font-size: 13px;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-2 {
    margin-left: 6px !important;
}

.mr-2 {
    margin-right: 6px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-2 {
    padding-left: 6px !important;
}

.pr-2 {
    padding-right: 6px !important;
}
.mr-0 {
    margin-top: 0px !important;
}
.mr-2 {margin-top: 6px !important;}
.mr-3 {margin-top: 8px !important;}
.mr-4 {margin-top: 14px !important;}


.fadbtn.btn-primary-small {
    background: #00567a;
    border: 1px solid #00567a;
    color: #FFF;
    height: 29px;
    min-width: 100px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    text-shadow: none;
    box-shadow: none;
    padding:0 15px;
}

    .fadbtn.btn-primary-small:hover, .fadbtn.btn-primary-small:focus {
        background: #00a03b;
        border: 1px solid #00a03b;
        color: #FFF;
    }

.userid_password.la-txt {
    text-align: left !important;
}

.badge-red {
    background: rgba(195,50,53, 0.6) !important;
    border: 1px solid rgba(195,50,55, 0.6) !important;
    padding: 2px 10px !important;
    border-radius: 4px;

}

.flex-rowin span {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
}

    .flex-rowin span span {
        width: 34px;
    }

    .mt-3{margin-top:10px !important;}
