/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* End imports */

body {
    background: #f1f4f5;
}

html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.3;
    font-size: 16px;
    color: #3c3c3c;
}

#header-wrap {
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    width: 100%;
}

.upLink {
    float: right;
    padding: 0px 10px 0px 10px;
    background-color: #D9D9D9;
    margin-right: 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
}

#backgroundContainer {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat center center;
    z-index: 0;
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#mainDiv {
    height: auto;
    background-color: rgba(255, 255, 255, 0.71);
    border: 1px solid transparent;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 6px;
    z-index: 0;
    position: relative;
}

#footer {
    height: 30px;
    border-top: 1px dotted #d9d9d9;
    font-size: 12px;
}

#profileQRDisplayDiv {
    margin-bottom: 30px;
}

.aline1 {
    margin-bottom: 10px;
}

.aline2 {
    margin-bottom: 50px;
}

.fbShare {
    margin-right: 8px;
    margin-left: -14px;
}

.rPrint,
.gpShare,
.twShare {
    display: inline;
}

.fbLike,
.fbShare,
.lnShare {
    float: left;
    display: block;
}

.socialBox {
    clear: both;
    margin-bottom: 10px;
    width: 300px;
}

.ftxt {
    float: center;
    clear: both;
}


/** Base css **/
#mainDiv {
    width: 50%;
    height: 50%;
    padding: 36px;
    border-radius: 18px;
}

.tile-shadow {
    box-shadow: 0px 8px 24px 4px #ddd;
}

#welcome {
    width: 969px;
}

.rounded {
    border: 1px solid #d6d6d6;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.displayRounded {
    border: 1px solid #ffffff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.activeRounded {
    border: 1px solid #bdbdbd;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.taskDisplayrounded {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#advancedSearchLink {
    float: left;
    font-size: 10px;
    padding-top: 5px;
    padding-left: 2px;
    font-weight: normal;
    font-family: 'muli';
}

.pageContent {
    width: 762px;
    float: left;
    margin: 2px;
    margin-left: 0px;
    padding-top: 4px;
    font-size: 12px;
    background-color: #ffffff;
    font-family: 'Cuprum', arial, serif;
}

.heading,
.noHeading,
.lessPadHeading {
    font-weight: bold;
    text-align: left;
    color: #555555;
    font-size: 20px;
}

.noHeading {
    padding-bottom: 5px;
    border-bottom: 1px solid #d6d6d6;
}

.lessPadHeading {
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
}

.sidebarContentHead,
.rightSidebarContentHead {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    height: 16px;
    clear: both;
}

.component,
.dummyComponent {
    float: left;
    margin-top: 3px;
    margin-bottom: 5px;
    width: auto;
    clear: both;
}

.sections {
    font-size: 18px;
    text-align: left;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 4px;
    height: 20px;
    clear: both;
    font-family: 'Cuprum', arial, serif;
}

.singleUpload {
    width: 500px;
}

.singleUploadWithOutLabel {
    width: 400px;
}

.singleUploadWithoutOption {
    width: 350px;
}

.singleUploadWithoutLabelOption {
    width: 250px;
}

.editor {
    width: 98%;
}

.items {
    padding-left: 15px;
    padding-right: 30px;
    clear: both;
}

.itemLeft {
    float: left;
    width: 50%;
    padding-bottom: 2px;
}

.itemRight {
    float: right;
    width: 50%;
    padding-bottom: 2px;
}

.siteItem {
    width: 650px;
    float: right;
}

.itemLabel {
    margin-top: -2px;
    font-size: 13px;
    width: 101px;
    float: left;
    text-align: left;
    vertical-align: center;
    font-weight: 600;
    font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, 'muli';
}

.dragLabel {
    cursor: move;
}

.checkboxLabel {
    padding-top: 2px;
    font-size: 13px;
    color: #333333;
    float: left;
    text-align: left;
    color: #2e2e2e;
    font-weight: 600;
    font-family: 'muli';
}

.textbox,
.password,
.ddce,
.ddc,
.combo,
.textaream {
    width: 300px;
}

.editableComboDDCForAssign,
.checkboxWithInput,
.customElement {
    width: 350px;
}

.customElement .timeEntry_wrap {
    width: 95px;
    float: left;
}

.customElementMandatory {
    margin-left: -16px;
}

.wingManTextbox,
.wingManCombo {
    width: 400px;
}

.wingManTextarea {
    width: 600px;
}

.tag {
    width: 320px;
}

.multiInput,
.multiModuleItem {
    width: 500px;
}

.wingManMultiInput,
.wingManCustomInput,
.multiDDCEWithInput {
    width: 650px;
}

.multiUpload,
.multiUploadWithoutLabel {
    width: 412px;
}

.singleddc,
.share,
.multiDdc,
.multiCombo,
.multiExCombo,
.multiConditionWidget,
.eventBasedMultiConditionWidget,
.multiEditableComboDDC,
.assign,
.editableComboDDCForAssign {
    width: 400px;
}

.shareEditLink,
.assignEditLink {
    float: left;
    cursor: pointer;
    color: #2e83ff;
    margin-left: 5px;
}

/* .singleddc { //height: 24px; } */
#businessRuleAction,
#ebBusinessRuleAction {
    width: 419px;
}

#businessRuleAction .multiComboSelects,
#ebBusinessRuleAction .multiComboSelects,
.multiComboDDCs {
    width: 319px;
    padding: 0px;
}

#businessRuleAction .multiComboSelect,
#ebBusinessRuleAction .multiComboSelect,
.multiComboDDC {
    width: 319px;
}

.businessRuleActionExComponent {
    width: 319px;
}

.multiConditionWidget,
.eventBasedMultiConditionWidget {
    height: auto;
    clear: both;
}

.singleInput {
    width: 350px;
}

.calendarbox {
    width: 370px;
}

.calendarboxWitoutLabel {
    width: 250px;
}

.calendarboxWithoutTime {
    width: 300px;
}

.calendarboxWithoutTimeLabel {
    width: 150px;
}

.date {
    width: 400px;
}

.dateWithoutLabel {
    width: 300px;
}

.socialItemHolder {
    width: 25px;
}

.textboxWithoutLabel,
.passwordWithoutLabel,
.ddceWithoutLabel,
.ddcWithoutLabel,
.textareaWithoutLabel {
    width: 180px;
}

.editableComboDDCForAssignWithOutLabel {
    width: 230px;
}

.comboWithoutLabel {
    width: 200px;
}

.tagWithoutLabel {
    width: 200px;
}

.singleddcWithoutLabel,
.shareWithoutLabel,
.multiDdcWithoutLabel,
.multiComboWithoutLabel,
.multiConditionWidgetWithoutLabel,
.multiEditableComboDDCWithOutLabel {
    width: 300px;
}

.multiComboWithoutLabel {
    width: 260px;
}

.singleInputWithoutLabel {
    width: 250px;
}

.multiInputWithoutCombo {
    width: 350px;
}

.multiInputWithoutLabel {
    width: 400px;
}

.multiInputWithoutComboLabel {
    width: 220px;
}

.shareShowComponent {
    font-size: 12px;
}

#remindBy {
    width: 90px;
}

#remindTime {
    width: 120px;
}

#fieldValue,
#ebFieldValue {
    width: 315px;
}

.inputBox {
    width: 150px;
    height: 15px;
    float: left;
    margin-left: 18px;
    padding-left: 5px;
    padding-right: 3px;
}

#guid {
    width: 370px;
}

#footer {
    margin-top: 5px;
    padding-top: 5px;
    height: 16px;
    font-size: 14px;
    text-align: center;
    font-family: 'Cuprum', arial, serif;
}

.filterComponent {
    float: left;
    width: 758px;
    height: auto;
}

.activeOptionText {
    background-color: #0061C8;
    color: #ffffff;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.displayTagFilterOption {
    margin-left: 10px;
    font-family: 'muli';
    height: auto;
    width: 98%;
}

.opportunitiesBarGraphFilterComponents {
    width: 750px;
    margin: 2px;
    padding: 2px;
    height: 270px;
    overflow: hidden;
    float: left;
}

.opportunitiesPieGraphFilterComponents {
    width: 48%;
    margin: 2px;
    padding: 2px;
    height: 304px;
    overflow: hidden;
    float: left;
}

#opportunitiesStageGraph,
#opportunitiesStatusGraph {
    height: 250px;
    width: 315px;
    float: left;
}

.opportunitiesStageGraphDummy {
    background-image: url("/images/iscroll_images/opportunity_pipeline_stage.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.opportunitiesStatusGraphDummy {
    background-image: url("/images/iscroll_images/opportunity_pipeline_status.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

#opportunityRevenueGraph,
#opportunityProfitGraph {
    height: 200px;
    width: 315px;
}

.opportunityRevenueGraphDummy {
    background-image: url("/images/iscroll_images/opportunity_revenue.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.opportunityProfitGraphDummy {
    background-image: url("/images/iscroll_images/opportunity_profit.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

#expectedCloseDateVariance,
#miscalculatedExpectedCloseDate,
#expectedCloseDateStdDev {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.displayFilterOption,
.displayPreferenceList {
    padding: 1px;
    margin: 1px;
    padding-top: 3px;
    float: left;
    clear: both;
    width: 100%;
}

input.writable {
    color: #000000;
    font-family: 'muli';
}

input.hint {
    color: #a3a3a3;
    font-family: 'muli';
}

.comboSelect {
    width: 150px;
}

.multiInputCombo {
    width: 105px;
}

.address {
    width: 725px;
}

.relationCombo,
.addressTypeCombo,
.optionPipelineCombo,
.opportunityUserCombo {
    width: 105px;
}

.singleInputCombo {
    width: 70px;
}

.namePrefix {
    width: 60px;
}

.registrationCombo {
    width: 160px;
}

.typePriorityCombo {
    width: 100px;
}

.orderbyCombo {
    width: 90px;
}

.orderbyChronologyCombo {
    width: 60px;
}

.noteAssociateField {
    width: 84px;
}

.addressCombo {
    width: 300px;
}

.middleName,
.pipelineStageProbabilitybox,
.portBox {
    width: 50px;
}

.qTaskTitle {
    width: 110px;
}

#messageBox {
    margin-top: 2px;
    font-family: 'muli';
    font-size: 10px;
}

.ui-icon-progress {
    background-image: url("/images/progress.gif");
    float: left;
    height: 20px;
    width: 43px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

.removeBt,
.addBt,
.editBt {
    float: left;
}

.personalSettings {
    padding: 3px;
    margin: 3px;
    height: auto;
    clear: both;
}

.tagsCloudData {
    padding: 3px;
    margin: 3px;
    height: 650px;
}

.multipleItems,
.wingManMultipleItems,
.multiDDCEWithInputMultipleItems,
.wingManCustomItems,
.relations,
.adrs,
.multiddcBoxes,
.multiComboSelects,
.multiExComboSelects,
.multipleUploads,
.pipelineStages,
.multiCustomFields,
.menuWidgetItems,
.moduleItems,
.multiComboDDCs,
.shortcutCommands {
    float: left;
}

/* .multiPipelineStage { //width: 410px; } */
.multiComboSelects,
.multiExComboSelects,
.multiComboDDCs {
    width: 260px;
}

.pipelineStages {
    width: 300px;
}

.relationShip {
    width: 600px;
}

.multipleUploads {
    width: 410px;
}

.uploadFileButton {
    float: left;
    width: 40px;
}

.fieldValues,
.ebFieldValues {
    width: 319px;
}

.formFields {
    width: 400px;
}

.multipleItem,
.wingManMultipleItem,
.multiDDCEWithInputMultipleItem,
.wingManCustomItem,
.relation,
.multiddcBox,
.multiComboSelect,
.multiExComboSelect,
.multiCondition,
.fieldValue,
.ebFieldValue,
.formField,
.pipelineStage,
.displayMultiCondition,
.menuWidgetItem,
.notificationTemplateItem,
.adr,
.multipleUpload,
.displayUpload,
.moduleItem,
.multiCustomField,
.multiComboDDC,
.shortcutCommand {
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    clear: both;
    height: 20px;
    width: auto;
}

.multiCustomField {
    width: 700px;
}

.wingManMultipleItem,
.multiDDCEWithInputMultipleItem,
.wingManCustomItem {
    min-height: 20px;
    height: auto;
}

.menuWidgetItem {
    width: 500px;
}

/* .notificationTemplateItem { //width: 500px; } */
.fieldValue,
.ebFieldValue {
    width: 318px;
    padding: 0px;
}

.formField {
    width: 399px;
    padding: 0px;
}

.multiComboSelect,
.multiExComboSelect,
.multiComboDDC {
    width: 250px;
}

.multipleUpload,
.displayUpload {
    height: 22px;
    padding: 0px;
}

.uploadFile {
    float: left;
    width: 220px;
}

.imgTypeSelect {
    height: 10px;
    font-size: 11px;
    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", 'muli';
    font-style: italic;
    color: #666;
    float: left;
    padding-bottom: 10px;
    margin-top: -5px;
    width: 140px;
}

.note {
    color: #666;
    font-size: 9px;
    font-style: italic;
    display: block;
    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", 'muli';
    text-align: left;
    margin-top: 3px;
    cursor: help;
}

.bigInfoDisplay {
    color: #333;
    font-size: 10px;
    display: block;
    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", 'muli';
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 10px;
    cursor: help;
    clear: both;
    width: 650px;
}

/* menu */
.menuLabel {
    width: 6em;
    height: 3em;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: 'Cuprum', arial, serif;
}

#menuOptions {
    width: 30px;
    float: left;
}

#menuBar {
    float: left;
    margin-left: 3px;
}

.menuItems {
    float: left;
    padding-right: 5px;
}

/* sidebar components */
.sidebar {
    float: left;
    padding-right: 5px;
    height: 100%;
    margin-top: 24px;
    padding-top: 19px;
    width: 200px;
}

.sidebarDrag {
    border-right: 1px dotted #dfdfdf;
    width: 200px;
}

.sideBarExpando,
.rightSideBarExpando {
    cursor: pointer;
}

.sidebarText {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    font-family: 'Verdana', 'muli';
}

.sidebarSections {
    font-size: 10px;
    text-align: left;
    padding-left: 5px;
    padding-top: 3px;
    margin-top: 3px;
    margin-bottom: 2px;
    height: 16px;
    clear: both;
}

.sidebarComponent {
    float: left;
    clear: both;
    width: 190px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.bookmark,
.popular,
.dashboard,
.quickAdd,
.emailSettings,
.recentlyViewed {
    padding: 0.2em;
}

.bookmarkDisplayBox,
.associateDisplayBox {
    height: 150px;
}

#extBM,
#inBM {
    height: 140px;
}

.bookmarkDisplay {
    font-size: 10px;
    font-family: 'muli';
}

.manageBookmark,
.deleteGroup,
.deletePipeline,
.deleteAssociateCase,
.deleteAssociateOpportunity {
    float: right;
}

.newBookmark,
.advContact,
.advLead,
.advClient,
.advTask {
    float: right;
}

.withTime {
    width: auto;
    float: left;
    padding-left: 4px;
}

.sdob {
    width: 72px;
}

.pclass {
    height: 20px;
}

legend {
    font-size: 12px;
    font-family: 'muli';
}

.none {
    display: none;
}

.invisible {
    visibility: hidden;
}

.clear {
    clear: both;
}

.checkbox,
.radio {
    float: left;
}

a {
    text-decoration: none;
    color: #222222;
    font-family: 'Cuprum', arial, serif;
}

a:hover {
    text-decoration: none;
    border-bottom: 1px solid #AAAAAA;
}

.headerLogo {
    float: left;
    width: 700px;
}

.headerLogo a:hover {
    border-bottom: 0;
}

.filterText {
    font-family: 'muli';
}

.reportColumnData a:hover {
    border-bottom: 0;
    color: #4567ef;
}

#quickCloseDate {
    width: 80px;
}

.textareaDefault {
    margin-left: 18px;
}

.textareaEditing {
    padding: 2px;
    width: 150px;
    height: 60px;
}

.noteEditor {
    margin-left: 4px;
    width: 380px;
    height: 50px;
}

.communicatorEditor {
    height: 30px;
    width: 400px;
    resize: none;
}

.descriptionEditor {
    width: 570px;
    height: 50px;
}

.wingManDescriptionEditor {
    float: left;
    margin-left: 18px;
    width: 370px;
    height: 15px;
}

.externalBookmarkDisplay {
    width: 756px;
    height: 700px;
    padding: 2px;
}

/* address item */
.addUpdateAddressBox {
    margin: 2px;
    padding: 0px;
    margin-top: 7px;
    width: 600px;
}

.adr {
    float: left;
    padding-bottom: 5px;
    width: 600px;
    height: auto;
}

.locationDetails {
    float: left;
    padding: 2px;
    width: 150px;
    height: auto;
    margin-bottom: 3px;
    margin-top: 3px;
    margin-left: 124px;
}

/* Multi condition */
.multiConditionLabel,
.multiConjuctionLabel,
.multiCustomFieldLabel {
    font-size: 13px;
    float: left;
    padding-left: 2px;
    font-family: 'muli';
}

.multiCustomFieldLabel {
    width: 85px;
    text-align: center;
}

.multiConjuctionLabel {
    border-bottom: 1px dotted #dfdfdf;
}

.multiConditionCheckbox,
.customFieldCheckbox {
    float: left;
}

.customFieldCheckbox {
    margin-left: 40px;
    margin-right: 30px;
}

.multiConditionText,
.dynamicOptionElement,
.customFieldText {
    float: left;
    margin-left: 2px;
    width: 80px;
}

.customFieldText {
    margin-left: 18px;
}

.customFieldHelpArea {
    float: left;
    margin-left: 18px;
    width: 100px;
    height: 15px;
}

.multiConditionColumnSorter {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 10px;
    border: 1px dotted #AAAAAA;
    padding: 5px;
    width: 143px;
}

.columnSelectorHeaderLabel {
    width: 90px;
    float: left;
    padding: 5px;
    padding-left: 50px;
    font-size: 14px;
}

.multiConditionColumnSorter li {
    margin: 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 120px;
    cursor: move;
    font-family: "'muli'";
    font-size: 10px;
}

#conjunctionID {
    float: left;
    width: 45px;
}

#serverType,
#opportunityStatusDiv {
    float: right;
    padding-right: 1px;
    font-size: 12px;
    margin-right: 4px;
    font-family: 'muli';
}

#opportunityStatusDiv {
    margin-right: 325px;
}


/* Button css */
.itemButton {
    font-size: 15px;
    float: right;
    margin-right: 10px;
}

.itemButtonMiddle {
    padding-top: 4px;
    font-size: 15px;
    float: right;
    margin-right: 325px;
}

.itemButtonPreference {
    font-size: 15px;
    float: right;
    padding-left: 5px;
    margin-top: 3px;
    margin-right: 25px;
}

.button {
    font-size: 12px;
    font-family: 'Cuprum', arial, serif;
}

.buttonSmall {
    font-size: 10px;
    font-family: 'Cuprum', arial, serif;
}

/* Tag add css */
.tagDisplayList span .tagRemoveIcon {
    background-image: url("/images/xit.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 3px 0pt 0pt -9px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    display: block;
    text-indent: -9999px;
    position: absolute;
}

.tagDisplayList span a:hover {
    background-position: -10px 0px;
}

.tagDisplayList {
    margin-left: 10px;
    font-size: 12px;
    overflow: auto;
}

.tagDisplayList span {
    margin-right: 25px;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 1.8em;
    white-space: nowrap;
    cursor: default;
}

.tagDisplayList strong {
    text-align: left;
}

fieldset {
    border-style: dotted;
    border-color: #ffffff;
}

.displayImage,
.userImage {
    float: left;
    clear: right;
}

.iconBig {
    background-image: url("../images/default.png");
    background-repeat: no-repeat;
    width: 73px;
    height: 73px;
    display: block;
    text-indent: -9999px;
}

.iconThumb {
    background-image: url("../images/default.png");
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    display: block;
    text-indent: -9999px;
}

.iconSmall {
    background-image: url("../images/default.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
}

.iconIcon {
    background-image: url("../images/default.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
}

.socialIcon {
    background-image: url("../images/social_im_icons.png");
    width: 22px;
    height: 21px;
}

.contactMaleImageBig {
    background-position: -2px -6px;
}

.contactFemaleImageBig {
    background-position: -2px -82px;
}

.clientImageBig {
    background-position: -2px -154px;
}

.caseImageBig {
    background-position: -2px -229px;
}

.supportImageBig {
    background-position: -381px -188px;
}

.supportImageSmall {
    background-position: -431px -8px;
}

.opportunityImageBig {
    background-position: -72px -7px;
}

.campaignImageBig {
    background-position: -75px -85px;
}

.paBig {
    background-position: -80px -165px;
}

.paThumb {
    background-position: -161px -6px;
}

.commandThumb {
    background-position: -380px -141px;
}

.pipelineImageSmall {
    background-position: -160px -49px;
}

.userImageSmall {
    background-position: -161px -94px;
}

.groupImageSmall {
    background-position: -161px -137px;
}

.businessRuleImageSmall {
    background-position: -199px -47px;
}

.webleadImageSmall {
    background-position: -332px -87px;
}

.tagCloudImage {
    background-position: -322px -126px;
    width: 55px;
    height: 24px;
}

.noteImageSmall {
    background-position: -240px -2px;
}

.todoImageSmall {
    background-position: -240px -47px;
}

.doneTodoImageSmall {
    background-position: -459px -182px;
    ;
    width: 20px;
    height: 20px;
}

.taskImageSmall {
    background-position: -241px -88px;
}

.taskTypeImageCall {
    background-position: -242px -133px;
}

.taskTypeImageEmail {
    background-position: -242px -172px;
}

.taskTypeImageFax {
    background-position: -286px -2px;
}

.taskTypeImageDemo {
    background-position: -330px -43px;
}

.taskTypeImageConference {
    background-position: -342px -208px;
}

.taskTypeImageEvent {
    background-position: -285px -45px;
}

.taskTypeImageFollowup {
    background-position: -284px -87px;
}

.taskTypeImageBreakfast {
    background-position: -337px -167px;
}

.taskTypeImageBrunch {
    background-position: -343px -247px;
}

.taskTypeImageLunch {
    background-position: -300px -208px;
}

.taskTypeImageDinner {
    background-position: -288px -170px;
}

.taskTypeImageSupper {
    background-position: -376px -7px;
}

.taskTypeImageMeeting {
    background-position: -286px -132px;
}

.taskTypeImageMilestone {
    background-position: -301px -249px;
}

.taskTypeImageSiteVisit {
    background-position: -377px -50px;
}

.taskTypeImagePayOnPurchase {
    background-position: -377px -92px;
}

.taskTypeImageThankyou {
    background-position: -328px -5px;
}

.knowledgeImageSmall {
    background-position: -200px -6px;
}

.faqImageSmall {
    background-position: -200px -169px;
}

.solutionImageSmall {
    background-position: -199px -87px;
}

.proposalImageSmall {
    background-position: -200px -128px;
}

.menuPlusIcon {
    background-position: -236px -223px;
}

.menuPlusIcon:hover {
    background-position: -256px -223px;
}

.twitterIconSmall {
    background-position: -137px -272px;
}

.twitterIconSmallHover {
    background-position: -136px -249px;
}

.twitterIconSmallActive {
    background-position: -471px -48px;
}

.twitterDMIconSmall {
    background-position: -209px -221px;
}

.twitterDMIconSmallHover {
    background-position: -181px -221px;
}

.twitterDMIconSmallActive {
    background-position: -449px -73px;
}

.facebookIconSmall {
    background-position: -112px -272px;
}

.facebookIconSmallHover {
    background-position: -111px -249px;
}

.facebookIconSmallActive {
    background-position: -445px -50px;
}

.facebookDMIconSmall {
    background-position: -234px -270px;
}

.facebookDMIconSmallHover {
    background-position: -255px -251px;
}

.facebookDMIconSmallActive {
    background-position: -469px -102px;
}

.facebookPIconSmall {
    background-position: -471px -125px;
}

.facebookPIconSmallHover {
    background-position: -420px -124px;
}

.facebookPIconSmallActive {
    background-position: -448px -123px;
}

.linkedinIconSmall {
    background-position: -87px -270px;
}

.linkedinIconSmallHover {
    background-position: -86px -247px;
}

.linkedinIconSmallActive {
    background-position: -420px -48px;
}

.linkedinDMIconSmall {
    background-position: -260px -275px;
}

.linkedinDMIconSmallHover {
    background-position: -153px -221px;
}

.linkedinDMIconSmallActive {
    background-position: -421px -73px;
}

.mailIconSmall {
    background-position: -158px -273px;
}

.mailIconSmallHover {
    background-position: -157px -250px;
}

.mailIconSmallActive {
    background-position: -472px -76px;
}

.smsIconSmall {
    background-position: -185px -274px;
}

.smsIconSmallHover {
    background-position: -209px -251px;
}

.smsIconSmallActive {
    background-position: -423px -102px;
}

.blogIconSmall {
    background-position: -212px -272px;
}

.blogIconSmallHover {
    background-position: -235px -249px;
    height: 19px;
}

.blogIconSmallActive {
    background-position: -449px -100px;
    height: 19px;
}

.inprogessDisabled:hover {
    background-position: -339px -25px;
}

.wonDisbled:hover {
    background-position: -423px -29px;
}

.lostDisbled:hover {
    background-position: -384px -28px;
}

.opportunityStatusImageWon {
    background-position: -182px -202px;
    width: 13px;
}

.opportunityStatusImageLost {
    background-position: -166px -202px;
    width: 13px;
}

.opportunityStatusImageProgess {
    background-position: -151px -202px;
    width: 13px;
}

.opportunityStatusImageDisable {
    background-position: -197px -203px;
    width: 14px;
}

.doneIconNormal {
    background-position: -459px -142px;
}

.doneIconHover {
    background-position: -459px -162px;
}

.doneIconChecked {
    background-position: -459px -182px;
}

.doneIconCheckedHover,
.doneTodoImageSmall:hover {
    background-position: -459px -202px;
}

.doneIconDisabled {
    background-position: -459px -222px;
}

.supportIcon {
    background-position: -403px -273px;
}

.defectIcon {
    background-position: -450px -272px;
}

.featureIcon {
    background-position: -426px -273px;
}

.BloggerIcon {
    background-position: -263px -362px;
}

.BeboIcon {
    background-position: -111px -85px;
}

.DeliciousIcon {
    background-position: -342px -6px;
}

.DiggIcon {
    background-position: -8px -45px;
}

.FacebookIcon {
    background-position: -42px -164px;
}

.FlickrIcon {
    background-position: -8px -125px;
}

.FormspringIcon {
    background-position: -376px -6px;
}

.FoursquareIcon {
    background-position: -342px -204px;
}

.FriendFeedIcon {
    background-position: -8px -85px;
}

.FriendsterIcon {
    background-position: -185px -204px;
}

.GowallaIcon {
    background-position: -111px -362px;
}

.Hi5Icon {
    background-position: -149px -125px;
}

.LastfmIcon {
    background-position: -42px -125px;
}

.LinkedinIcon {
    background-position: -341px -322px;
}

.MyspaceIcon {
    background-position: -42px -243px;
}

.OrkutIcon {
    background-position: -185px -362px;
}

.PlaxoIcon {
    background-position: -77px -124px;
}

.PosterousIcon {
    background-position: -111px -399px;
}

.QzoneIcon {
    background-position: -377px -32px;
}

.StumbleuponIcon {
    background-position: -8px -362px;
}

.TaggedIcon {
    background-position: -378px -56px;
}

.TumblrIcon {
    background-position: -148px -283px;
}

.TwitterIcon {
    background-position: -41px -204px;
}

.TypepadIcon {
    background-position: -381px -80px;
}

.VimeoIcon {
    background-position: -263px -164px;
}

.VkontakteIcon {
    background-position: -382px -105px;
}

.WindowsLiveSpacesIcon {
    background-position: -77px -85px;
}

.WordpressIcon {
    background-position: -77px -283px;
}

.YoutubeIcon {
    background-position: -42px -85px;
}

.AIMIcon {
    background-position: -42px -6px;
}

.GtalkIcon {
    background-position: -111px -283px;
}

.MSNIcon {
    background-position: -77px -45px;
}

.SkypeIcon {
    background-position: -111px -322px;
}

.YahooIcon {
    background-position: -77px -322px;
}

.QQIcon {
    background-position: -387px -183px;
}

.ICQIcon {
    background-position: -384px -209px;
}

.IRCIcon {
    background-position: -385px -234px;
}

.MXitIcon {
    background-position: -382px -259px;
}

.MySpaceIMIcon {
    background-position: -383px -285px;
}

.BonjourIcon {
    background-position: -383px -307px;
}

.GadugaduIcon {
    background-position: -383px -333px;
}

.XMPPIcon {
    background-position: -383px -355px;
}

.SametimeIcon {
    background-position: -344px -400px;
}

.YahooJapanIcon {
    background-position: -383px -385px;
}

.GroupWiseIcon {
    background-position: -383px -406px;
}

.SlideShareIcon {
    background-position: -9px -432px;
}

.DefaultSocialIcon {
    background-position: -381px -135px;
}

.DefaultIMIcon {
    background-position: -383px -159px;
}

.ui-icon-skype {
    background-position: -474px -273px;
}

.validation-failed {
    background-image: url("../images/default.png");
    background-repeat: no-repeat;
    background-position: -281px -254px;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    margin-right: 4px;
    display: block;
}

#notificationCount {
    background-image: url("/images/default.png");
    background-position: -181px -251px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    height: 20px;
    padding-top: 1px;
    position: absolute;
    text-align: center;
    width: 20px;
    cursor: pointer;
}

.latLngCompass {
    margin-bottom: -4px;
    cursor: pointer;
    border: 0px;
}

.sidebar-icon,
.rightSidebar-icon {
    float: left;
    margin-left: .3em;
    margin-right: .3em;
    margin-top: -1px;
    cursor: move;
}

.inputBoxDisplay,
.multiInputBoxDisplay {
    float: left;
    clear: both;
}

.contactDetailsIscroll,
.todoDetailsIscroll,
.businessRuleDetailsIscroll,
.noteDetailsIscroll,
.leadDetailsIscroll,
.clientDetailsIscroll,
.caseDetailsIscroll,
.supportDetailsIscroll,
.dtsDetailsIscroll,
.taskDetailsIscroll,
.noteDetailsIscroll,
.knowledgeBaseIscroll,
.opportunityDetailsIscroll,
.campaignDetailsIscroll,
.purchasesDetailsIscroll {
    height: 600px;
}

.communicatorDetailsIscroll,
.advancedSearchResultIscroll {
    height: auto;
    clear: both;
}

.defaultEmailTemplatesIscroll,
.emailTemplatesIscroll {
    height: 200px;
}

.letterHeadsIscroll {
    height: 350px;
}

.contactDetailsItem,
.clientDetailsItem,
.emailTemplatesItem,
.letterHeadsItem,
.clientContactDetailsItem,
.noteDetailsItem,
.noteTaskTodoDetailsItem,
.commentDetailsItem,
.taskEventDetailsItem,
.communicatorDetailsItem,
.taskDetailsItem,
.knowledgeDetailsItem,
.businessRuleDetailsItem,
.contactRelationDetailsItem,
.caseDetailsItem,
.opportunityDetailsItem,
.campaignDetailsItem,
.caseContactDetailsItem,
.caseClientDetailsItem,
.groupItem,
.userItem,
.pipelineItem,
.webFormItem,
.campaignContactDetailsItem,
.campaignClientDetailsItem,
.campaignCaseDetailsItem,
.campaignOpportunityDetailsItem,
.reportsDetailsItem,
.purchasesDetailsItem {
    width: 723px;
    float: left;
}

.caseContactDetailsItem,
.caseClientDetailsItem,
.clientContactDetailsItem,
.campaignContactDetailsItem,
.campaignClientDetailsItem,
.campaignCaseDetailsItem,
.campaignOpportunityDetailsItem,
.noteTaskTodoDetailsItemSmall,
.taskDetailsItem,
.pipelineItemSmall,
.webFormItemSmall,
.groupItemSmall,
.userItemSmall,
.letterHeadsItem,
.knowledgeDetailsItemSmall,
.businessRuleDetailsItemSmall,
.reportsDetailsItemSmall,
.emailTemplatesItemSmall,
.featureItemSmall,
.moduleItemSmall,
.planItemSmall {
    width: 310px;
}

.userItemActive {
    background-color: #CDEB8B;
}

.userItemInActive {
    background-color: #f0f0f0;
}

.userItemOffline {
    background-color: #FFFF88;
}

.communicatorDetailsItem {
    width: 410px;
    min-height: 110px;
    padding: 2px;
    border-bottom: 1px solid #DFDFDF;
}

.communicatorDetailsItemHover {
    background-color: #DFDFDF;
}

.communicatorDetailsItem a:hover {
    border-bottom: 0;
    color: #4567ef;
}

.commentDetailsItem {
    width: 410px;
    padding: 2px;
    border-bottom: 1px solid #DFDFDF;
}

.commentDetailsItem:hover {
    background-color: #DFDFDF;
}

.clientNoteIscroll,
.contactNoteIscroll,
.commentNoteIscroll,
.taskTaskIscroll,
.eventEventIscroll,
.opportunityNoteIscroll,
.campaignNoteIscroll {
    height: 560px;
}

.clientContactsIscroll,
.contactRelationIscroll,
.taskTaskIscroll,
.eventEventIscroll,
.businessRuleSmallIscroll,
.featureDetailsIscroll,
.affiliateDetailsIscroll,
.accountDetailsIscroll,
.moduleDetailsIscroll,
.planDetailsIscroll {
    height: 280px;
}

.dashboardOldTodosIscroll,
.dashboardOldActivitiesIscroll {
    height: 205px;
}

.communicatorOldTodoIscrol {
    height: 230px;
}

#contactNoteList,
#clientNoteList {
    height: 570px;
}

#caseNoteList,
#opportunityNoteList {
    height: 305px;
}

#advancedSearchList,
#communicatorNoteList,
#commentsList {
    height: auto;
    clear: both;
}

.associateClientsIscroll,
.associateContactsIscroll,
.associateCasesIscroll,
.associateOpportunitiesIscroll {
    height: 180px;
}

.accGropsIscroll,
.pipelinesIscroll,
.webleadsIscroll,
.accUsersIscroll {
    height: 270px;
}

.customReportIscroll,
.standardReportIscroll {
    height: 170px;
}

.displayName {
    font-weight: bold;
    font-family: 'muli';
    margin: 2px;
}

.displayNameMidium {
    font-size: 11px;
}

.adSearchResult {
    border-bottom: 1px dotted #dfdfdf;
}

.adSearchResult:hover {
    background-color: #dfdfdf;
}

.reportColumnDataHeader {
    font-size: 12px;
    font-family: 'Cuprum', arial, serif;
    margin: 2px;
    font-weight: bold;
}

.reportColumnData {
    overflow: hidden;
}

.iscrollDataOption,
.reportColumnData {
    font-size: 10px;
    font-family: 'muli';
    margin: 2px;
}

.displayNameNoBold {
    font-family: 'muli';
    margin: 2px;
}

.iscrollDataOption {
    width: 50px;
}

.isrollItemElement a .displayName,
.isrollItemElement .displayName,
.isrollItemElement .communicatorDisplayName {
    font-size: 10px;
}

.isrollItemElementMiddium a .displayName,
.isrollItemElementMiddium .displayName {
    font-size: 11px;
}

.isrollItemElementSmall a .displayName,
.isrollItemElementSmall .displayName {
    font-size: 12px;
}

.isrollItemElementExtraBig,
.isrollItemElementExtraLarge,
.isrollItemElementComment a .displayName,
.isrollItemElementExtraBig,
.isrollItemElementExtraLarge,
.isrollItemElementComment .displayName {
    font-size: 13px;
}

.heading .displayNameNoBold,
.lessPadHeading .displayNameNoBold,
.isrollItemElement,
.isrollItemElementMiddium,
.isrollItemElementCommentBig a .displayNameNoBold,
.isrollItemElement,
.isrollItemElementMiddium,
.isrollItemElementCommentBig .displayNameNoBold {
    font-size: 10px;
}

/* Individual element display */
div.elements {
    float: left;
    margin: 2px;
    clear: right;
}

.elementIcon {
    float: left;
    margin-top: 2px;
}

.elementIconFloat {
    float: left;
}

.multiInputLabel,
.multiInputLabelSmall {
    margin-top: -2px;
    padding-left: 5px;
    font-size: 12px;
    width: 100px;
    float: left;
    text-align: left;
    /* vertical-align: middle; */
    font-weight: normal;
    display: block;
    color: #666666;
    font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, 'muli';
}

.multiInputLabelSmall {
    width: 50px;
}

.tagUpdateWidget,
.socialProfileWidget,
.linkedin-profileinsider-inline {
    float: left;
    width: 300px;
    height: auto;
    margin: 1px;
    padding: 1px;
}

#displayMoreItems {
    float: left;
    width: 325px;
    height: auto;
    margin: 3px;
    padding: 2px;
    overflow: auto;
    clear: both;
}

.manageCampaignTabs {
    margin: 0px;
    padding: 0px;
}

/* Create new note */
.notes,
.users,
.emailTemplates,
.import,
.reports,
.webleadForms {
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    float: left;
    clear: both;
    width: 750px;
}

.newUser,
.newTask,
.newEmailTemplate,
.importData,
.newReport {
    width: 420px;
    margin: 2px;
    padding: 2px;
    float: left;
    clear: both;
}

.newTask,
.newEmailTemplate {
    width: 754px;
    padding-right: 2px;
}

.noteItems {
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    clear: both;
}

.taskItems {
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    float: left;
    clear: both;
    width: 750px;
}

.taskItemLeft {
    float: left;
    width: 420px;
}

.taskItemRight {
    float: right;
    width: 329px;
    border-left: 1px solid #a3a3a3;
}

.oldTasks,
.clientContacts,
.contactTweets,
.caseClients,
.associateContacts,
.associateClients,
.associateCases,
.associateOpportunities,
.accountUsers,
.reportDisplayDiv {
    width: 330px;
    height: 300px;
    float: right;
}

.customReportsDisplayDiv,
.standardReportDisplayDiv {
    height: 200px;
}

.manageCampaignWidget {
    width: 328px;
    height: auto;
    margin: 1px;
    padding: 1px;
    float: right;
}

.manageCampaignDateLabel {
    float: left;
    padding-right: 2px;
    margin-top: 5px;
    font-family: 'muli';
    font-size: 11px;
    width: auto;
}

.roiAnalysis,
.leadAndOpportunityGeneratedGraph,
.campaignsPieGraphFilterComponents,
.campaignsBarGraphFilterComponents {
    font-family: 'muli';
    font-size: 11px;
}

#campaignLeadGeneratedGraph,
#campaignOpportunityGeneratedGraph {
    width: 300px;
    height: 130px;
}

.campaignLeadGeneratedGraphDummy {
    background-image: url("/images/iscroll_images/campaign_lead.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.campaignOpportunityGeneratedGraphDummy {
    background-image: url("/images/iscroll_images/campaign_opportunity.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.campaignsPieGraphFilterComponents {
    width: 360px;
    margin: 2px;
    padding: 2px;
    height: 250px;
    overflow: hidden;
    float: left;
}

.campaignsBarGraphFilterComponents {
    width: 725px;
    margin: 2px;
    padding: 2px;
    height: 250px;
    overflow: hidden;
    float: left;
}

#campaignStageGraph,
#campaignStatusGraph {
    height: 225px;
    width: 315px;
    float: left;
}

.campaignStageGraphDummy {
    background-image: url("/images/iscroll_images/campaign_pipeline_stage.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.campaignStatusGraphDummy {
    background-image: url("/images/iscroll_images/campaign_pipeline_status.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

#campaignRevenueGraph,
#campaignProfitGraph {
    height: 180px;
    width: 315px;
}

.campaignRevenueGraphDummy {
    background-image: url("/images/iscroll_images/campaign_revenue.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.campaignProfitGraphDummy {
    background-image: url("/images/iscroll_images/campaign_profit.png");
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.campaignAssociates {
    width: 364px;
    height: 210px;
    margin: 2px;
    padding: 1px;
    float: left;
}

.campaignAssociateContactsIscroll,
.campaignAssociateClientsIscroll,
.campaignAssociateCasesIscroll,
.campaignAssociateOpportunitiesIscroll {
    height: 180px;
    width: 360px;
}

#caseStatusInCampaign,
#opportunityStatus,
#contactStatus,
#recordStatus {
    font-size: 12px;
    float: right;
    font-family: 'muli';
}

.manageCampaignRadioGroupDiv {
    float: right;
}

.importFieldMap,
.displayFieldMap,
.importDone,
.displayImportCompleteDetails {
    height: auto;
}

.displayImportCompleteDetails {
    margin: 5px;
    padding: 5px;
}

.associateContacts,
.associateClients,
.associateCases,
.associateOpportunities {
    height: 210px;
}

.oldNotes,
.advancedSearchResult,
.importFieldMap,
.dashBoardTasks {
    width: 420px;
    height: 600px;
    margin: 2px;
    padding: 2px;
    float: left;
    clear: both;
}

.pageMiddleElementHolder {
    float: left;
    width: 420px;
    clear: right;
}

.rightSidebar {
    float: right;
    width: 330px;
    border-left: 1px solid #d6d6d6;
}

.communicatorRightSideBarComponent,
.rightSideBarComponentElement {
    margin-bottom: 5px;
}

.dashBoardTasks {
    height: auto;
}

.emailTemplateDisplay {
    height: 240px;
    width: 752px;
}

.defaultEmailTemplateDisplay {
    height: 140px;
    width: 752px;
}

.accountUsers {
    height: 390px;
    border-left: 1px solid #A3A3A3;
}

.radioGroupHolder {
    float: left;
    width: 120px;
    clear: both;
}

#outgoingMailServerSecutity .radioGroupHolder {
    width: 220px;
}

.calendarTextBox,
#calendarInputBox,
#qDueOnCalendarBox,
#qDueEndCalendarBox {
    background: url(../images/calendar.jpg) right no-repeat;
    padding-right: 17px;
    width: 100px;
    height: 15px;
    float: left;
    margin-left: 18px;
    padding-left: 5px;
    font-family: 'muli';
}

#qDueon,
#qDueEnd {
    width: 152px;
}

#qDueOnCalendarBox,
#qDueEndCalendarBox {
    width: 60px;
    margin-left: 1px;
    font-size: 10px;
}

#oppotunityFilterToDt,
#oppotunityFilterFromDt {
    width: 88px;
}

.searchBox {
    background: url(../images/search.png) left no-repeat;
    padding-left: 19px;
    width: 140px;
    height: 15px;
    float: left;
    margin-left: 5px;
    padding-right: 5px;
    background-color: #ffffff;
    font-family: 'muli';
}

div.text_clear_button,
span.text_clear_button {
    background-image: url("/images/xit.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: absolute;
    cursor: pointer;
}

div.text_clear_button:hover,
span.text_clear_button:hover {
    background-position: -10px 0;
}

.radio {
    font-size: 1.1em;
    float: left;
}

.radioLabel {
    padding-left: 3px;
    font-size: 13px;
    color: #333333;
    text-align: left;
    float: left;
    font-family: 'muli';
}

.fade {
    color: #dddddd;
    border-color: #dddddd;
}

.recLeft {
    width: 120px;
    border-right: 3px dotted #000000;
    float: left;
}

.recRight {
    float: left;
    width: 290px;
}

.interval,
.recurrenceType {
    width: 290px;
}

/* Schedule popup */
.scheduleItems {
    float: left;
    clear: both;
}

.scheduleItemLeft {
    float: left;
    margin: 3px;
    margin-bottom: 5px;
    clear: both;
}

/* select box style */
.selectBox {
    float: left;
    vertical-align: middle;
    background-color: transparent;
    height: 19px;
    font-family: 'muli';
    padding-left: 2px;
    padding-right: 7px;
    margin-left: 18px;
    font-size: 11px;
}

.filterOptionCombo,
.globalSearchCombo {
    float: left;
    background-color: transparent;
    border: 0;
    font-size: 10px;
    padding-right: 2px;
}

.multiConditionCombo,
.tableFieldSelectorCombo,
.customFieldCombo,
.ebMultiConditionCombo {
    float: left;
    width: 80px;
    margin-left: 2px;
}

.valueSelectorMultiConditionCombo {
    margin-left: 18px;
}

.ebOnChangeCombo {
    width: 115px;
    margin-top: 0px;
    padding-top: 0px;
}

option {
    border-right: 1px solid #d6bb86;
    border-left: 1px solid #d6bb86;
}

option:hover {
    cursor: pointer;
}

/* Login Registration style */
.box {
    padding: 5px;
    height: auto;
    width: 350px;
    margin: 2px;
    float: left;
}

.headerLink,
.editLink,
.backLink,
.addToMenuLink,
.manageLink,
.refreshLink {
    float: right;
    margin-right: 5px;
    font-size: 12px;
    font-family: 'muli';
}

.ui-icon-saving {
    background-image: url("../images/loading.gif");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;

}

/** mygrid style **/
.loading-indicator {
    display: inline-block;
    padding: 5px;
    background: white;
    -opacity: 0.5;
    color: black;
    font-size: 10px;
    z-index: 9999;
    border: 1px solid #aaaaaa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 5px #aaaaaa;
    -webkit-box-shadow: 0px 0px 5px #aaaaaa;
    box-shadow: 0px 0px 5px #aaaaaa;
    -text-shadow: 1px 1px 1px white;
}

.loading-indicator label {
    padding-left: 20px;
    background: url('../images/loading.gif') no-repeat center left;
}

.iscrollHolder {
    width: 100%;
    height: 100%;
}

.iscroll {
    width: 100%;
    height: 100%;
}

.isrollItemElementCSS {
    width: 295px;
    overflow: hidden;
    float: left;
    clear: both;
    font-family: "'muli'";
}

.isrollItemElement,
.isrollItemElementComment {
    width: 295px;
}

.isrollItemElementSmall {
    width: 185px;
}

.isrollItemElementExtraMidium {
    width: 230px;
}

.isrollItemElementMiddium {
    width: 265px;
}

.isrollItemElementCommentBig {
    width: 400px;
}

.isrollItemElementBig {
    width: 500px;
}

.isrollItemElementExtraBig {
    width: 600px;
}

.isrollItemElementExtraLarge {
    width: 650px;
}

.multiInputDisplay {
    float: left;
    width: 200px;
    padding-left: 4px;
    overflow: hidden;
    clear: both;
    font-size: 11px;
    font-family: "'muli'";
}

.latestActivity a {
    color: #356AA0;
}

.slick-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    cursor: col-resize;
    width: 4px;
    right: 0px;
    top: 0;
    height: 100%;
}

.slick-sortable-placeholder {
    background: silver;
}

.grid-canvas {
    position: relative;
    outline: 0;
}

.slick-row {
    position: absolute;
    border: 0px;
}

.slick-cell {
    border-bottom: 1px solid #DFDFDF;
}

.slick-cell:hover,
.iscrollItemHover {
    background-color: #DFDFDF;
}

.slick-cell a:hover {
    border-bottom: 0;
    color: #4567ef;
}

.linkedInProfile {
    overflow-x: auto;
}

.timeEntry_control {
    /* IE only */
    vertical-align: middle;
    margin-left: 2px;
    margin-top: -5px;
    background: url('/images/spinnerOrange.png') 0 0 no-repeat;
}

#comingTaskBox {
    float: left;
    margin: 2px;
    margin-left: 5px;
    margin-top: 0;
    padding: 2px;
    padding-top: 2px;
    height: 15px;
    width: 425px;
    overflow: hidden;
    cursor: pointer;
}

#comingTaskBoxHide:hover {
    border: 0;
}

/* liScroll styles */

.tickercontainer {
    /* the outer div with the black border */
    height: 20px;
    margin: 0;
    padding: 0;
    width: 438px;
    overflow: hidden;
    float: left;
}

.tickercontainer .mask {
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 2px;
    width: 438px;
    overflow: hidden;
}

ul.newsticker {
    /* that's your list */
    position: relative;
    left: 450px;
    list-style-type: none;
    margin: 0;
    padding: 0;

}

ul.newsticker li {
    float: left;
    /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: "'muli'";
    width: 420px;
}

ul.newsticker span {
    margin: 0 10px 0 0;
}

.treeSelect {
    width: 220px;
    z-index: 61;
    height: 181px;
    overflow-y: scroll;
    font-size: 1em;
}

.treeSelect ul {
    padding-left: 10px;
}

.treeSelect ul li {
    padding-left: 5px;
}

.treeSelect ul li.option:hover {
    background-color: #00BEDF;
}

.treeSelect ul li {
    cursor: default;
    list-style: none;
    width: 175px;
}

.treeSelect ul li.darr {
    background-color: #00B5D5;
}

.noteMoreOptionDisplayer,
.noteMoreOptionSeparator,
.noteFormSwitcher {
    margin-left: 3px;
    font-size: 9px;
    margin-top: 4px;
    float: right;
    color: #666666;
    font-family: "'muli'";
}

.taskCategory {
    color: #FFFFFF;
    display: inline-block;
    font-size: 9px;
    line-height: 11px;
    margin-right: 1px;
    padding: 2px 4px;
    vertical-align: top;
    font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, 'muli';
}

/* Bubble style */

div.bubble {
    position: absolute;
    z-index: 5;
}

div.bubble_pointer {
    position: relative;
    margin-top: 10px;
    top: -10px;
}

div.bubble_arrow {
    background-image: url("/images/default.png");
    background-position: -274px -226px;
    width: 21px;
    height: 11px;
    z-index: 1002;
    left: 50%;
    top: 0;
    position: absolute;
    margin: 0 auto;
    cursor: pointer;
}

div.left div.bubble_arrow {
    left: 0;
    margin-left: 30px;
}

div.right div.bubble_arrow {
    background-image: url("/images/default.png");
    background-position: -274px -226px;
    width: 21px;
    height: 12px;
    left: auto;
    right: 0;
    margin-right: 30px;
}

div.bubble_wrapper {
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 25px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 5;
    background-color: #fff;
    border: 1px solid #bbb;
    position: absolute;
}

div.bubble_content {
    padding: 10px 15px 5px 15px;
}

div.bubble_footer {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #dae2e7;
    background-color: #ECF2F4;
    padding: 10px;
    font-size: 10px;
}

div.bubble_footer h5 {
    font-size: 10px;
    margin: 0;
}

div.bubble_footer h6 {
    font-size: 10px;
    color: #888;
    line-height: 1.2em;
    margin: 4px 0 0 0;
    font-weight: normal;
}

div.bubble_footer a {
    text-decoration: none;
}

div.bubble_flash {
    color: #808080;
    background-color: #d1e7db;
    padding: 5px 15px;
    margin: 10px 0;
    font-size: 10px;
    border-top: 1px solid #c8dbd1;
    border-bottom: 1px solid #c8dbd1;
    line-height: normal;
}

div.bubble_flash strong {
    color: #222;
}

div.bubble p {
    font-size: 10px !important;
    margin: 0 0 12px !important;
}

div.bubble a {
    font-weight: normal !important;
}

div.bubble a.admin {
    border: none !important;
    text-decoration: underline !important;
}

div.bubble_menu_center {
    width: 0px;
    margin: 0 auto;
    overflow: visible;
}

.bubble_option {
    font-size: 12px;
    clear: both;
}

.bubble_option a {
    text-decoration: none;
    color: #222222;
    font-family: 'Cuprum', arial, serif;
}

.bubble_option a:hover {
    color: #0047B3;
    background-color: #F5F5F5;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.bubble_option a.selected {
    color: #0047B3;
    background-color: #F5F5F5;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.menuTargetText {
    font-size: 14px;
    color: #222222;
    float: left;
    cursor: pointer;
}

.menuTargetText:hover {
    color: #222222;
    border-bottom: 1px dotted #000000;
}

#quickAdd_select .menuTargetText,
#typeSelect {
    border-bottom: 1px dotted #000000;
}

#menuOptions .menuTargetText {
    margin-top: 5px;
    margin-left: 15px;
}

#comTypeOptions {
    width: 98px;
}

#accountSupportFilterOptions {
    width: 65px;
}

.comTypeOption {
    width: 103px;
}

#comTypeOptions .menuTargetText,
#accountSupportFilterOptions .menuTargetText {
    font-size: 12px;
    float: left;
    border-bottom: 1px dotted #AAAAAA;
    font-family: 'muli';
}

#comTypeOptions .menuTargetText:hover {
    color: #222222;
    border-bottom: 1px dotted #000000;
}

#userOptions {
    width: 105px;
    margin-top: 0px;
}

#userOptions .communicatorFilterUserCombo {
    margin-left: 2px;
    width: 100px;
    border: 0;
}

.communicatorSearchhBox {
    width: 125px;
}

#teUserOptions {
    width: 160px;
    margin-top: 0px;
}

#teUserOptions .taskEventFilterUserCombo {
    margin-left: 2px;
    border: 0;
}

.rightSideBarExpandoElement .editableComboDDCInputbox {
    background: #d9d9d9;
}

#bulkActionOptions {
    float: left;
    width: 80px;
}

#bulkActionOptions .bulkActionOption {
    width: 200px;
}

#bulkActionOptions .menuTargetText {
    font-family: 'Cuprum', arial, serif;
    font-size: 18px;
    float: left;
    border-bottom: 1px dotted #AAAAAA;
}

#bulkActionOptions .menuTargetText:hover {
    color: #222222;
    border-bottom: 1px dotted #000000;
}

#welcomeOptions,
#typeSelect {
    float: left;
}

#welcomeOptions .menuTargetText {
    font-size: 12px;
    color: #AAAAAA;
    float: left;
    border-bottom: 1px dotted #AAAAAA;
}

#welcomeOptions .menuTargetText:hover {
    color: #222222;
    border-bottom: 1px dotted #000000;
}

#menuOptions .menuTargetText:hover {
    border: 0;
}

#notificationOptions {
    float: left;
    width: 440px;
}

#notificationOptions .menuTargetText:hover {
    border: 0;
}

#typeSelect {
    padding-top: 4px;
    margin-left: 4px;
}

.ui-state-hover,
.ui-widget-header {
    border: 1px solid #d9d9d9;
}

.ui-widget {
    font-size: 12px;
}

.siteItemsMenu,
.emailSettingMenu,
.preferenceItemMenu,
.smsSettingMenu {
    padding-top: 5px;
    float: left;
    width: 72px;
    font-family: 'Cuprum', arial, serif;
    font-size: 14px;
    background-color: #D9D9D9;
}

.preferenceItemMenu {
    width: 124px;
}

.emailSettingMenu {
    width: 750px;
    background-color: #ffffff;
}

.siteItems,
.emailSettingItems,
.preferenceItems {
    padding-top: 5px;
    padding-left: 2px;
    margin-bottom: 10px;
    width: 70px;
    float: left;
    font-family: 'Cuprum', arial, serif;
    font-size: 14px;
}

.siteItems {
    clear: both;
}

.preferenceItems {
    width: 120px;
    clear: both;
}

.emailSettingItems {
    text-align: center;
    width: 235px;
    background-color: #D9D9D9;
    cursor: pointer;
    border-right: 2px solid #ffffff;
}

#prefDisplay,
#smsSettingsPrefDisplay {
    border: 0;
}

#letterHeadsInFrame,
#emailTemplatesInFrame,
#mailAccountSetupInFrame {
    width: 730px;
}

.tabHeading {
    font-size: 12px;
    height: 20px;
}

.showMoreWidget {
    float: right;
    color: #666666;
    font-size: 9px;
    font-family: "'muli'";
    cursor: pointer;
}

#pageErrorDisplay {
    float: left;
    font-family: Verdana, Arial, Helvetica, 'muli';
    /* layer-background-color: #cccccc; */
    position: absolute;
    width: 970px;
    height: 2px;
    /*
  visibility:hidden; 
  */
    z-index: 5;
    border: 0;
}

#pageErrorDisplayHide:hover {
    border: 0;
}

ul.auto-list {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #dfdfdf;
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 1005;
}

.guidSugesstionItem {
    margin: 1px;
    padding: 1px;
    width: 98%;
    float: left;
}

.guidSugesstionItemHover {
    background-color: #DFDFDF;
}

.communicationForGuidHolder {
    width: 316px;
    height: auto;
}

#ta {
    width: 300px;
    height: 100px;
    font-size: 11px;
    font-family: "Helvetica Neue", Arial, 'muli';
    white-space: pre;
}

ul.auto-list>li {
    border-bottom: 1px solid #dfdfdf;
    cursor: pointer;
    padding: 2px;
    height: 50px;
    font-size: 10px;
}

mark {
    font-weight: bold;
}

.ui-state-error {
    border: 1px solid #ffffff;
    font-weight: normal;
    color: #FF1A00;
}

.sortable-widget {
    min-height: 10px;
}

.ui-widget button {
    font-size: 10px;
    font-family: 'Cuprum', arial, serif;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-size: 11px;
    font-family: 'muli';
}

p {
    margin-top: 4px;
    margin-bottom: 4px;
}

#qcontactClient,
#qcontactLocation,
#qlocation,
#qcaseCategory,
#qcontact,
#qcloseDate,
#qpipeline,
#qestimatedCost,
#qtype {
    width: 180px
}

.filterPipeline {
    width: 185px;
}

.filterUser {
    width: 165px;
}

.filterCaseUser {
    width: 95px;
}

.caseUserCombo {
    width: 90px;
    margin-left: 1px;
}

.stageFilter {
    width: 200px;
}

.flagFilter {
    width: 150px;
}

.orderbyFilter {
    width: 100px;
}

.orderbyChronologyFilter {
    width: 80px;
}

.calendricalDatePopup {
    background: white;
    border: solid 1px #999999;
    padding: 2px;
    text-align: center;
    width: 160px;
}

.calendricalDatePopup table {
    border-collapse: collapse;
    width: 160px;
}

.calendricalDatePopup table .monthCell {
    padding: 2px 0;
}

.calendricalDatePopup table .monthCell a {
    display: block;
    float: left;
    line-height: 20px;
}

.calendricalDatePopup table .monthCell .prevMonth,
.calendricalDatePopup table .monthCell .nextMonth {
    width: 24px;
}

.calendricalDatePopup table .monthCell .monthName {
    width: 110px;
}

.calendricalDatePopup table a {
    text-decoration: none;
}

.calendricalDatePopup table th {
    text-align: center;
}

.calendricalDatePopup table td {
    text-align: center;
    font-size: 12px;
    padding: 0;
}

.calendricalDatePopup table td a {
    display: block;
    color: black;
    padding: 2px 3px;
}

.calendricalDatePopup table td a:hover {
    background: #ccccff;
    border: none;
    padding: 2px 3px;
}

.calendricalDatePopup table td.today a {
    background: #eeeebb;
}

.calendricalDatePopup table td.selected a {
    background: #ccccff;
}

.calendricalDatePopup table td.today_selected a {
    background: #eeeebb;
    border: solid 1px #dddd66;
    padding: 1px 2px;
}

.calendricalDatePopup table td.nonMonth a {
    color: #999999;
}

.calendricalTimePopup {
    background: white;
    border: solid 1px #999999;
    width: 110px;
    height: 130px;
    overflow: auto;
    z-index: 1;
}

.calendricalTimePopup ul {
    margin: 0;
    padding: 0;
}

.calendricalTimePopup ul li {
    list-style: none;
    margin: 0;
}

.calendricalTimePopup ul li a,
.calendricalTimePopup ul li a:visited {
    text-indent: 10px;
    padding: 4px;
    display: block;
    color: black;
    text-decoration: none;
}

.calendricalTimePopup ul li a:hover,
.calendricalTimePopup ul li.selected a {
    background: #ccccff;
}

.calendricalEndTimePopup {
    width: 160px;
}

.pKey {
    font-size: 9px;
}

.pendingTaskHeading {
    font-weight: bold;
    font-size: 13px;
    margin-top: 8px;
    border-bottom: 0;
    color: #0061c8;
    padding-left: 2px;
}

.communicatorGraphDisplayComponents {
    height: auto;
    width: 315px;
}

.upgradesModuleDataHolder,
.upgradesPlanDataHolder {
    float: left;
    width: 230px;
    padding-bottom: 5px;
    margin: 10px;
}

.upgradesModuleDisplay,
.upgradesPlanDisplay {
    float: left;
    width: 220px;
    margin: 4px;
    font-size: 13px;
    clear: both;
    font-family: 'muli';
    text-align: center;
}

.upgradesDisplayTitle {
    font-size: 18px;
    font-weight: normal;
}

#quickCommunicator {
    float: left;
    width: 16px;
    margin-top: 3px;
    cursor: pointer;
}

#associateContact,
#associateClient {
    width: 280px;
}

#associateContact .inputBox,
#associateClient .inputBox {
    width: 250px;
}

#caCon,
#caCln,
#opCon,
#opCln,
#caOpp,
#caCas,
#clCon,
#clCas,
#clOpp {
    height: 150px;
}

#contactList,
#leadList,
#clientList,
#caseList,
#supportList,
#dtsList,
#campaignList,
#opportunityList,
#taskList,
#noteList,
#knowledgeList,
#businessRuleList,
#todoList,
#cusReport,
#purchaseList {
    height: 600px;
}

#ctTask,
#ctEvent,
#ctKnowledge,
#busRule,
#ctWebForms {
    height: 280px;
}

#ctTodo {
    height: 205px;
}

#headerImage,
#footerImage {
    width: 350px;
}

.blankIscrollMsg {
    padding-left: 2px;
}

form {
    display: none;
}

.showCommunicatorCommandHelpDiv {
    padding: 2px;
}

*:focus {
    outline: none;
}

.multiModuleItemInputbox {
    width: 60px;
}

.multiModuleItemCombo {
    width: 90px;
}

.communicationInFrame {
    border-left: 1px solid #d6d6d6;
    float: right;
    width: 330px;
}

.taskEventPersonalNotificationReminderType {
    width: 90px;
    margin-left: 2px;
}

.wingManMultiItemInputbox {
    width: 150px;
}

.wingManCustomItemInputbox {
    width: 100px;
}

.wingManSingleUpload,
.wingManSingleUploadDisplay,
.wingManTextboxDisplay {
    width: 650px;
}

.wingManMultiCustomValueTextarea,
.wingManMultiItemTextarea,
.multiDDCEWithInputMultipleItemTextarea {
    width: 120px;
    height: 15px;
    margin-left: 18px;
    margin-bottom: 4px;
    resize: none;
    float: left;
}

.wingManItemDisplay {
    width: 150px;
    margin-left: 18px;
    font-family: sans-serfi;
    float: left;
}

.wingManCustomItemsDisplay,
.wingManMultipleItemsDisplay,
.multiDDCEWithInputMultipleItemsDisplay {
    float: left;
}

.multiDDCEWithInputMultipleItemDisplay,
.wingManMultipleItemDisplay,
.wingManCustomItemDisplay,
.wingManDisplayUpload {
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    clear: both;
    min-height: 20px;
    width: auto;
}

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

.registrationNote {
    width: 270px;
    margin-left: 18px;
    height: 15px;
}

.customFieldWidget {
    width: 710px;
    height: auto;
    clear: both;
}

.editableComboDDCInputbox {
    margin-left: -149px;
    margin-top: 1px;
    width: 120px;
    height: 14px;
    border: 0;
    font-size: 11px;
}

.checkboxWithInputCheck {
    margin-left: 18px;
}

.checkboxWithInputText {
    margin-left: 2px;
}

#filterClassification {
    width: 380px;
}

.LogoContainer1 {
    display: none;
}

.OverlaysBR1 {
    display: none;
}

* {
    margin: 0;
    padding: 0;
}