/* General look-and-feel */ 

input[type="submit"],
input[type="button"]
{
    background-color: #f8f8f8;
    color: #666666;
    border: 1px solid #98a3a6;
    text-align: center;
    outline: none;
}

input[type="submit"],
input[type="button"] 
{
    height: 24px;
    line-height: 0;
    padding-bottom:1px;
}

/* Disable line-height = 0 on button captions on Firefox, as that prevents ellipsis from showing up */
@-moz-document url-prefix() {
    input[type="submit"],
    input[type="button"] 
    {
        line-height: normal;
    }
}

input[type="submit"]:disabled,
input[type="button"]:disabled
{
    border: 1px solid;
    border-color: #e0e1e1;
    background-color: #fdfdfd;
    color: #98a3a6;
}

input[type="submit"]:hover:enabled,
input[type="button"]:hover:enabled
{
    background-color: #cde6f7;
    color: #333333;
    border: 1px solid #92c0e0;
}

input[type="submit"]:focus,
input[type="button"]:focus
{
    border: 1px solid;
    border-color: #0072c6;
    background-color: #0072c6;
    color: #ffffff;
}

/* Toolbars */

/* Page sections toolbar */
.pageSectionsToolbar
{
    height: 30px;
    margin-bottom: 8px;
}

a.pageSectionButton,
a.pageSectionButton:hover
{
    color: #002050 !important;
    font-size: 10.5pt !important;
    font-weight: normal;
    padding: 4px 20px;
    text-decoration: none;
    text-align: center;
    background: #ffffff !important;
    border: 1px solid #002050;
    margin-right: -4px;
}

a.pageSectionButton:hover
{
    cursor: pointer;
}

a.pageSectionButtonActive,
a.pageSectionButtonActive:hover
{
    color: #ffffff !important;
    cursor: default;
    background: #002050 !important;
}

/* Command bar section */
.commandButton:hover,
.commandButton:focus
{
    background-color: #d7ebf9;    
}

.commandButton
{
    display: inline-block;
    white-space: nowrap;
    cursor: default;
    height: 28px;
    border: none;
}

a.commandButton,
a.commandButton:hover,
a.commandButton:focus
{
    text-decoration: none;
}

.commandIconContainer
{
    vertical-align: middle;
}

@-moz-document url-prefix() {
    .commandButton:hover .commandIconContainer {
        position: relative;
        top: 1px;
    }
}

.commandButton .commandIconContainer
{
    display: inline-block;
    padding: 6px 3px 0 3px;
}

.commandButton .commandLabel
{
    display: inline-block;
    vertical-align: middle;
    padding: 6px 6px 0 3px;
    text-transform: uppercase;
    max-width: 200px;
}

.commandButton.selected
{
    background-color: #0072C6; 
}

.commandImageWrapper
{
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    display: inline-block;    
    text-align: left;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

input[type="submit"].defaultButton-active:enabled {
    border: 1px solid;
    border-color: #0072c6;
}

/*
 * View grid container
 */
.tblTop,
.tblMain
{
    width: 100%;
}

table.Toolbar input /* View pages */,
div.pnlToolBar input /* Maintain pages */
{
    margin: 0px 0px 10px 14px;
    vertical-align: middle;
}

div.pnlToolBar .toolbarDropDownList /* Used for drop down list in toolbar */
{
    float: left;
}

div.tabView table.Toolbar,
div.tabsContainer .Toolbar, 
div.tabView div.additionalToolbarContainer
{
    margin-top: 17px;
}

div.tabView .customTab .Toolbar 
{
    margin-top: 0;
    padding-top: 0;
}

div.mainToolbarContainer, div.additionalToolbarContainer  /* Used when toolbar section needs additional parts */
{
    float: right;
}

/* Toolbars on maintain pages */

div.pageContainer table.tblTop 
{
    position: relative;
    left: auto;
    top: auto;    
}

div.pnlToolBar
{
    position: absolute;
    right: 0px;
    top: 0px;
}

div .pnlBeforeToolBar {
    top: 0px;
}

div.additionalMaintainToolbarButtonContainer 
{
    float: left;
}

/* Search and filter panel */

div.filterPanel
{
    margin-bottom: 12px;
}

.extendedFilterContainer div.filterPanel 
{
    margin-bottom: 0px;
}

.extendedFilterContainer
{
    padding-bottom: 12px;
}

/* Filter */

.ellipsis
{
    text-overflow: ellipsis;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    white-space: nowrap;
}

.multiLineText {
    white-space: normal;
}

.propertyContainerLarge > a.text,
.propertyContainerLarge > span.text
 {
    width: 120px;    
    position: absolute;         
}

.propertyContainer > a.text
{
    width: 120px;
    height: 24px;    
}

.propertyContainer > a.link {
    width: 108px;
}

.labelEllipsisContainer a.text,
.labelEllipsisContainer span.text
{
    width:108px;
}

.labelEllipsisContainer a.link
{
    width:100px;
}

.labelEllipsisContainer.labelWithCheckboxContainer a.text,
.labelEllipsisContainer.labelWithCheckboxContainer span.text
{
    width:95px;
}

.labelEllipsisContainer .propertyContainer a.link
{
    position:absolute;
}

.labelEllipsisContainer .currencyList {
    position: relative;
}
.labelEllipsisContainer .currencyList > span {
    position: absolute;
    width: 100px;
    height: 24px;
}

.labelEllipsisContainer .multipleCheckboxContainer label 
{ 
    width:125px; 
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap; 
    float:left; 
    text-align:center;
} 

.labelEllipsisContainer .multipleCheckboxContainer input 
{ 
    float:left; 
}
 
.labelEllipsisContainer span.multipleCheckboxContainer 
{ 
    display:block; 
    width:145px; 
    float:left;
}

.viewFilterActions
{
    margin-top: 10px;
    margin-bottom: 5px;
}

.viewFilterActions a
{
    font-weight: 600 !important;
}

.viewFilterActions a
{
    padding-left: 14px;
    color: #8b8b8b;
    text-transform: uppercase;
    text-decoration: none;
}

.viewFilterActions a:first-child
{
    padding-left: 0px; /* horizontal align with search box. */ 
}

.viewFilterActions .viewFilterSelected
{
    color: #0072c6;
}

.viewFilter
{
    width: auto;
}

.viewFilter input[type="submit"] 
{
    min-width: 0;
    width: 100px;
    margin-left: 8px;
    margin-right: 0;
    vertical-align: middle;
}

.viewFilter input[type="text"] 
{
    border: 1px solid #bababa;
    width: 198px;
    vertical-align: middle;
}

.viewFilter .searchWatermark 
{
    color: #b1b1b1;
    font-style: italic;
}

.viewFilter input[type="text"]:hover
{
    border: 1px solid #92cde0;
}

.viewFilter input[type="text"]:focus
{
    border: 1px solid #0072c6;
}

.viewFilter input.goButton
{
    width: 70px;
    text-align:center;   
}

.viewFilter input.clearButton
{
    width: 70px;
    text-align:center;
    padding-left:5px;
}

.viewFilter input[type="checkbox"] 
{
    vertical-align: middle;
    padding: 0;
    margin-right: 5px;
}

.viewFilter select
{
    vertical-align: middle;
}

.viewFilter .viewFilterSearchBox,
.viewFilter .viewFilterOnValue,
.viewFilter .viewFilterButtons,
.viewFilter .filterExtendedOptions
{
    display: inline-block;
}

.viewFilter .viewFilterButtons
{
    vertical-align: middle;
    margin-left: 8px;
}

.viewFilter .filterExtendedOptions
{
    vertical-align: middle;
    margin-left: 2px;
}

.viewFilter>div 
{
    margin-top: 5px;
    vertical-align: middle;
}

.viewFilter>div>span,
.viewFilter .viewFilterOnValue>span
{
    display: inline-block;
    width: 72px;
    margin-left: 30px;
    vertical-align: middle;
}

.maintainTransportation .viewFilter .filterEndDateLabel,
.maintainTransportation .viewFilter .viewFilterOnValue .filterEndDateLabel
{
    width: 70px;
    margin-left: 0px;
}

.maintainComponent .viewFilter .filterEndDateLabel,
.maintainComponent .viewFilter .viewFilterOnValue .filterEndDateLabel
{
    width: 70px;
    margin-left: 0px;
}

table.maintainContact .viewFilter .filterEndDateLabel, 
table.maintainContact .viewFilter .viewFilterOnValue .filterEndDateLabel 
{
    margin-left: 0px;
}

table.maintainContact .viewFilter.combinedFilterContext  .filterEndDateLabel {
    margin-left: 30px !important;
}

.dashboardWidgetFilterContainer .viewFilter>div>span {
    margin-left: 10px;
}

.viewFilter .viewFilterSearchBox>span
{
    display: inline-block;
    width: 72px;    
}

.viewFilter .filterExtendedOptions>:first-child
{
    margin-left: 30px;
}

.viewFilter .filterExtendedOptions label
{
    display: inline-block;
    min-width: 65px;
    vertical-align: middle;
    margin-right: 5px;
}

.viewFilter .filterExtendedOptions .viewFilterButtons
{
    float: right;
}

.viewFilter>div>span:first-child 
{
    margin-left: 0px;
}

.viewFilter .RadInput .riTextBox /* remove when RadDatePicker is styled */
{
    width: 96px !important;
}

.viewFilter div.RadPicker_Modern 
{
    display: inline-block !important;
}

.extendedFilterContext div.timeInput,
.extendedFilterContext div.timeInputSelector
{
    display: inline-block;
}

.extendedFilterContext input.timeInput
{
    width: 143px;
}

.extendedFilterContext .timeInputSelector select
{
    width: 190px !important;
}

.parentMaintainEquipmentFilter .viewFilter > div > span
{
    width:70px !important;
}

.parentMaintainEventSessionFilter .viewFilter > div > span 
{
    width:60px !important;
}

.parentEventSpronsorshipFilter .viewFilter > div > span 
{
    width:60px !important;
}

/* Search/ Filter classic widths; overriden in Modern.css for modern pages */ 

.viewFilter.searchContext .viewFilterSearchBox input[type="text"]
{
    width: 506px; /* 520px (filter box width) minus 2 * 7px of padding */
}

.viewFilter.combinedFilterContext .viewFilterSearchBox input[type="text"]
{
    width: 434px; /* 448px (filter box width when rendered with label) minus 2 * 7px of padding */
}

.viewFilter select
{
    width: 164px;
}

.viewFilter .viewFilterOnValue select
{
    width: 226px;   
}

.viewFilter .viewFilterOnValue input
{
    width: 210px; /* 226px as above minus padding difference */ 
}

.viewFilter.combinedFilterContext .viewFilterOnValue select,
.viewFilter .viewFilterOnValue.dateFilterContext select
{
    width: 314px;
}

.viewFilter.combinedFilterContext .viewFilterOnValue input,
.viewFilter .viewFilterOnValue.dateFilterContext input 
{
    width: 298px; /* 314px as above minus padding difference */
}

.viewFilter.filterContext .viewFilterButtons 
{
    vertical-align: bottom;
    margin-bottom: 1px;
}

/* Maintain page specific */
.maintainSubgroupPanel 
{
    margin: 14px 0 14px 0;   
}

.maintainGroupCaption,
.maintainPageSubcomponent span.pageCaption
{
    font-size: 15pt;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
}

/* Multi column drop down*/
.rcbSlide
{
    background-color: white;
}

.rcbSlide div.rcbMoreResults
{
    display: none;
}

/*
* MultiColumn Drop Down
*/
.RadComboBox .rcbInput
{
    border: 1px solid #BABABA !important;
    background-color: white;
    left: -2px;                 /* it's nested in a td which adds two pixels*/
    position: relative;
    margin-left: -3px;
    padding-right: 0px !important;
}

.propertyContainerAutoHeight 
{
    min-height: 31px;
    height: auto !important;
}

/* TextboxList sample CSS */
ul.holder
{
    margin: 0;
    border: 1px solid #ababab;
    overflow: hidden;
    height: auto;
    padding: 0px 5px 0px 5px;
    background-color: #fff;
    font-family: "Segoe UI" , "Segoe" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
}

ul.holder:hover
{
    border-color: #92cde0;
}

ul.holder.focused, 
ul.holder:active
{
    border-color: #0072c6;
}

ul.holder li
{
    float: left;
    list-style-type: none;
    margin: 0;
    white-space: nowrap;
}

ul.holder li.bit-box
{
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.holder li.bit-box-focus
{
    background: #d7ebf9;
}

ul.holder li.bit-input 
{
    clear: both;
}

ul.holder li.bit-input input
{
    width: auto;
    margin: 0;
    border: 0;
    outline: 0;
    padding: 0;
    height: 20px;
}

/* no left/right padding here please */
ul.holder li.bit-input input.smallinput
{
    width: 20px;
}

ul.holder li.bit-hover
{
    background: #d7ebf9;
}

ul.holder li.bit-box a.closebutton
{
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 1px;
    background: url('../Files/images/delete16.png') no-repeat;
    margin-left: 3px;
    vertical-align: middle;
}

ul.holder li.bit-box-focus a.closebutton, 
ul.holder li.bit-box-focus a.closebutton:hover
{
    background-position: bottom;
}

.bit-box.disabled
{
    color: #b1b1b1;
}

.bit-input [disabled]
{
    display: none !important;
}

/* Facebook demo CSS */
#add
{
    border: 1px solid #ababab;
    width: 550px;
    margin: 50px;
    padding: 20px 30px 10px;
}

form ol li
{
    list-style-type: none;
}

form ol
{
    margin: 0;
    padding: 0;
}

form ol li.input-text
{
    margin-bottom: 10px;
    list-style-type: none;
    padding-bottom: 10px;
}

form ol li.input-text label
{
    display: block;
    cursor: pointer;
    font-size: 13px;
    margin-bottom: 10px;
}

form ol li.input-text input
{
    width: 500px;
    padding: 5px 5px 6px;
    border: 1px solid #ababab;
}

form ul
{
    margin: 0 !important;
}

form.modern #TopCaption 
{
    color: #444444;
    font-size: 9.75pt;
    text-transform: uppercase;
    top: 7px;
    position: absolute;
    left: 21px;
    font-family:'Segoe UI Light', 'Segoe UI', 'Segoe', 'Tahoma', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: normal;
}

form.modern #lblCaption 
{
    z-index: 100;
    left: 21px; 
    position: absolute;
    top: 22px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    font-size: 27pt; 
    color: #000000; 
    white-space: nowrap; 
    height:48px;
    font-family:'Segoe UI Light', 'Segoe UI', 'Segoe', 'Tahoma', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: normal;
}

#apple-list ul.holder li.bit-input
{
    margin: 0;
}

#apple-list ul.holder li.bit-input input.smallinput
{
    width: 5px;
}

.hidden
{
    display: none;
}

/* specific UL behavior */

div.propertyContainer.multiSelectorPanel
{
    height: auto;
}

div.propertyContainer div.multiSelectorPanel ul.holder
{
    overflow: auto;
    width: 288px;
}

/** MultiSelectControl */

.selectedItemsDisplayPannel .itemWrapper .itemBox
{
    position: static;
}

.selectedItemsDisplayPannel
{
    border: 1px solid #ababab;
    overflow: auto;
    height: auto;
    padding: 0px 5px 0px 5px;
    background-color: #fff;
    font-family: "Segoe UI" , "Segoe" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
}

.selectedItemsDisplayPannel .itemWrapper
{
    float: left;
    white-space: nowrap;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.selectedItemsDisplayPannel .itemWrapper.selected 
{
    background-color: #cde6f7;
}

.selectedItemsDisplayPannel .itemWrapper .deleteButton
{
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 1px;
    background: url('../Files/images/delete16.png') no-repeat;
    margin-left: 3px;
    vertical-align: middle;
}

#updatePnlNewRole .selectedItemsDisplayPannel {
    height: 100%;
    max-height: 20em; 
}

.multiSelectAutoComplete
{
    height: 25px;
}

.multiSelectAutoComplete .ui-autocomplete
{
    left: 0;
    right: 0;
    width: auto;
    max-height:200px;
    overflow-y: scroll;
    background-color: white;
}

.multiSelectAutoComplete ul
{
    border: 1px solid #ababab;
    border-radius: 0px;
    position: absolute;
    width: 172px!important;
}

#pnlModalNewRule #pnlGrid ul {
    width: 294px !important;
}

.multiSelectAutoComplete ul li.ui-menu-item
{
    margin: 0;
    padding: 3px 15px 7px 6px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}


.multiSelectAutoComplete ul li:hover
{
    background-color: #d7ebf9;
}

.multiSelectAutoComplete .ui-widget-content .ui-state-focus,
.multiSelectAutoComplete .ui-widget-content .ui-state-active
{
    border: 0px;
    background-color: #d7ebf9;
    padding-left: 6px;
}

.multiSelectAutoComplete ul li a
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.multiSelectorPanel .multiSelectAutoComplete>input.ui-autocomplete-input
{
   
    left: 0;
    right: 0;
    width: 100% !important;    
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
}

/*Disclaimer Modal Dialog*/
.lblModalDisclaimerCaption 
{
    font-weight: normal;
    font-size: 24px;   
    margin: 20px 0 0 20px;    
}

.lblModalDisclaimerCaption .ellipsis {
    line-height: 25px;
    white-space: normal;
}

.pnlModalDisclaimerText 
{
    font-weight: normal;
    white-space: normal;
    margin: 20px;
}

.btnModalDisclaimer
{
    margin: 10px 10px 10px 0;
    float: right;
}

.disclaimerImg 
{
    margin-left: 5px; 
    width: 16px; 
    height: 16px;
    border: 0 none;    
}

div.tabView .disclaimerImg      /* To automatically hide disclaimers in tabs */
{
    display: none;
}

.hideDisclaimer .disclaimerImg  /* To manually hide disclaimers */
{
    display: none;
}

.propertyContainer .disclaimerImg /* To avoid overlapping with property value, assumes the disclaimer is on a checkbox and places the disclaimer to the right of the checkbox  */
{
    left: 130px;
}

.disclaimerOnTop .modalPopup    /* To avoid issues with Silverlight overlapping, we show the disclaimer on the highest part of the page rather than centered */
{
    top: 10px !important;
}

.forceOnTop                     /* To avoid disclaimer popups showing behind other parent page elements. Apply to conflicting disclaimer containers */
{
    z-index: 999999999 !important;   
}

/* MPViewGrid Customize Columns */

.contextMenu
{
    line-height: normal;
    font-size: 0;
}

.contextMenu input[type="submit"]
{
    height: 24px;
    margin-left: 8px;
}

.contextMenu .contextMenuHeader input[type="checkbox"]
{
    color: #666666;
    padding: 0px;
}

.required::after {
    content: " *";
    color: red;
}

/* 
 * Add Tracking URL user control specifics on P2 pages 
*/
.modalAddTrackingURL.modalPopup 
{
    padding: 23px 20px 23px 20px;
    border: 2px solid #8b8b8b;
}

.modalMultiCopy.modalDialog,
.modalPopup.modalDialog.modalAddTrackingURL,
.modalAddTrackingURL.modalDialog .propertyContainer.propertyWithAction 
{
    width: 470px;
}

.modalPopup.modalDialog.timeSlipsModalDialog
{
    position:fixed !important;
    top:200px !important;
}

.modalAddTrackingURL.modalDialog .propertyContainer.propertyWithAction input[type="submit"] 
{
    left: 362px;
}

.modalAddTrackingURL.modalDialog .dialogCaption 
{
    font-family: "Segoe UI Light", "Segoe UI", "Segoe", "Tahoma", "Helvetica", "Arial", "sans-serif";
    font-weight: normal;
    font-size: 24px;
    color: #000000;
    white-space: nowrap;
    margin-bottom: 14px;
    margin-top: -10px;
}

.modalAddTrackingURL.modalDialog .maintainButtons.dialogActions,
.MaintainLanguageContainer .maintainButtons
{
    margin-top: 30px;
    text-align: right;
    min-width: inherit;
}

.clearFloatBoth
{
    clear: both;
}

/* Style overrides for the MaintainLabelLanguage screen */
.MaintainLabelLanguageTreeContainer a img 
{
    float: left;
}

.MaintainLanguageHeaderColumn 
{
    padding-left: 0px !important;
}

.MaintainLabelLanguageTreeContainer 
{
    width: 221px;
}

.MaintainLabelLanguageEditorContainer 
{
    width: 595px;
}

.MaintainLanguageResetPhraseButton 
{
    margin-left: 8px;
}

.propertyContainer .checkBoxField {
    top: 0px;
    position: absolute;
}
.singleColumn .sectionContainer .labelContainer > a.editorlink,
.singleColumn .sectionContainer .labelContainer > span.text
{
    float:left;
    width:108px;
}
.singleColumn .sectionContainer .labelContainer > a.editorlinkbutton
{
    float:left;
    width:16px;
}
.singleColumn .sectionContainer .singleColumnFieldWidth
{
    float:left;
    padding-left:0px;
}

.editorWithLabel
{
    position: absolute;
    left:120px;
}

/* Report Viewer Styles */
.MPReportViewer > table > tbody > tr > td > div {
    background-color: transparent !important;
    background-image: none !important; 
}

.gaugeLabel
{
    font-family: "Segoe UI Web Regular", "Segoe UI", "Tahoma", "Helvetica", Arial, "sans-serif" !important;
    font-weight: 400;
    font-size: 28px;
    font-weight: normal;
    color: black;
    top: -118px;
    position: relative;
    left: 28px;
    width: 50px;
    display: block;
    background-color: transparent;
    text-align: center;
}
.gaugeDetails
{
    width: 132px;
}
.gaugeDetails, .captionDetails
{
    float: left;
    max-height: 76px;
    overflow: hidden;
}

.radialGauge
{
    position: relative;
    top: -38px;
    left: -16px;
}

/* MPEditor Edit Modes */
.reEditorModes > ul > li > .reMode_selected,
.reEditorModes > ul > li > .reMode_preview
{
    width: 120px;
}

.miniEditor {
    position: relative;
    left: 120px;
}

.bottomForMiniEditor {
    bottom: 15px;
}

.miniEditorIframe{
    position: relative;
    left: 120px;
    border:none !important;
}

.miniEditorIframe iframe[id="txtDESCRIPTION_contentIframe"]{
    border:none !important;
}
.editorPanel {
    height: 168px!important;
}

.imgMEMO {
    position : absolute!important;
    left     : 100px!important;
}

.fileMassUpdate .leftColumn 
{
    width: 342px;
    margin-left: 6px;
    left: 20px;
}

.fileMassUpdate .modalPop
{
    padding: 3px;
}

.fileMassUpdate .propertyContainer input[type="radio"] 
{
    position: static;
    margin-left: 10px;
    margin-right: 5px;
}

.fileMassUpdate .propertyContainer input[type="text"] 
{
    width: 219px;
    padding: 0px;
}

.fileMassUpdate .propertyContainer select 
{
    width: 220px;
}

.fileMassUpdate .propertyContainer .DateTimePicker  .RadPicker_Modern input.riTextBox
{
    width: 100%!important;
}

.RadInput .riTextBox {
    border: 1px solid #BABABA;
}

.fileMassUpdate .propertyContainer textarea 
{
    width: 219px;
}

.fileMassUpdate .singleColumn 
{
    margin-left: 6px;
}
.fileMassUpdate .propertyContainer input[type="checkbox"]
{
    top: 0px;
}

.fileMassUpdate .massUpdateRadio 
{
    left: 120px;
    top: 4px;
    position: absolute; 
}

.fileMassUpdate textarea 
{
    padding: 0px;
}

.fileMassUpdate .dimensionTxtBox input[type="text"]
{
    width: 50px;
}

.fileMassUpdate .dimRightColum 
{
    left: 188px;
}
.LblInitialSynchPopup
{
    white-space: normal;
}

.LblResetConfigurationPopup
{
    white-space: normal;
}

.LblResetHeaderConfigurationPopup
{
    font-weight: bold;
    white-space: normal;
    margin-bottom: 9px;
}

#pnlOddUDFs{
    min-height: 1px;
}

.gridLabelHeader
{
    font-family: 'Segoe UI';
    font-size: 9pt;
    font-weight: bold;
    color:#000000;
    margin-top:12px;
    vertical-align:top;
}

.editableGrid .rgHeader {
    font-weight: normal;
    text-align: left;
}

.rgCheckeditableGrid {
     padding-left: 2px !important;
}

.editableGrid thead {
    border-top: 2px solid #ababab;
    border-bottom: 1px solid #ababab;
}

#VIEWMEDIASOCIALMESSAGES_tblTop{
    height: 50px;
}

.maintainPostalCodePage .text {
    width: 120px;
    line-height: 140%;
}

.viewFiles .dialogCaption
{
    font-size:24px;
}

.viewFiles .fileMassUpdate .massUpdateRadio 
{
    left: 120px;
    top:-2px;
    position: absolute; 
}

.viewFiles .leftColumn
{
    margin-top:10px;
}

.viewFiles .rightColumn
{
    margin-top:10px;
}

.viewFiles .massUpdateHeader
{
    height:556px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 820px;
}

.textMarketingAutomation 
{
    font: 10pt Segoe UI;
}

.separatorMarketingAutomation  
{
    width: 100%;
    background-position: bottom;
    background-image: url(../images/HorizontalRulerMarketingAutomation.gif);
    background-repeat: repeat-x;
    height: 24px;
    clear: both;
}

.separatorMarketingAutomationFirst 
{
    height: 6px !important;
}

.fileDetails .widthSetter
{
    width:50px !important;
}

.fileDetails .dimRightColum
{
    left:188px !important;
}

.fileDetails .marginSetter
{
    margin-top:2px;
}

.maintainBrandPage .text {
    line-height: 140%;
}

.maintainBrandPage .filterEndDateLabel
{
    margin-left: 10px !important;
}

.noWrap {
    white-space: nowrap;
}

.warningMessage .text {
    white-space: pre-line;
}

.text .lblNoRecordsViewAssociation 
{
    color:black;
}


/* The below two classes are added to remove flickering effect on Elements placed inside Treeview. 
   This was happening because Padding and Margins applied to elements in Hover/Selected state were different from those applied on and hence on Hover/Select they were flickering*/
#MaintainLeadFormContainer .RadTreeView .rtHover div.rtIn,#MaintainLeadFormContainer .RadTreeView .rtSelected div.rtIn 
{
    background: none !important;
    border: none !important;
    padding: 0 3px 0 0 !important;
}

#MaintainLeadFormContainer .RadTreeView .rtHover:hover,#MaintainLeadFormContainer .RadTreeView .rtSelected.rtHover:hover 
{
    margin-left: 0px !important;
}

#txtHeader iframe, #txtBodyLayout iframe, #txtFooter iframe, #txtBody iframe 
{
    min-height: 161px;
}

#txtHeader iframe#txtHeader_contentIframe 
{
    min-height: 0px;
}

.createDateLabel
{
    margin-left:132px;
    width:50%; 
}

#pnlTrackingButton ,
#pnlAccountingButton, 
#pnlCreativeButton {
    padding-top: 2px;   
}

.propertyContainer > span.MultiSelectorFieldMessage
{
    padding: 0 0 10px 132px;
    width: 300px;
    display: block;  
}

.ExpenseItemInformationMessage
{
    width: 520px;
    display: block;
    white-space:normal; 
}

div.whereContainer 
{
    margin-top: 5px;
}

.emailThumbnail {
    width: 240px;
    height: 180px;
    border-color: #ABABAB;
    border-width: 1px;
}

.MaintainRFQ .udfPanel .text {
    width: 100px;
}

.btnFill 
{
    height: 22px !important;
}

.lblAuthorizeAccessPage 
{
    line-height: 125%;
}

.labelEllipsisContainer .removeEllipsisAuthorizeAccess 
{
    white-space: normal !important;
}

body.createtask ul.autocomplete_completionListElement 
{
    height: 130px;
}

.spotLengthColumnSelector 
{
    padding-left: 5px !important;
}

.mainContainerComponentRequest,
.maintainFileTabsContainer
{
    width: 920px !important;
}

.mainContainerMaintainCampaign 
{
    width: 922px !important;
}

.maintainRegion .labelEllipsisContainer .ellipsis.text,
.maintainRegion .labelEllipsisContainer .ellipsis.link 
{
    line-height: 130% !important;
}

.viewTearsheetsPage input[type="checkbox"], .viewTearsheetsPage > span > input[type="checkbox"] {
    position: static !important;

}

.positionRelative input[type="checkbox"] {
    position: relative !important;
}

.toolbarExpenseReconciliation 
{
    margin-top: 10px;
}

table.maintanProjectRequest div.printContainer > select.printSelect
{
    left: 126px;
    width: 188px;
    margin-top:2px;
}

table.maintanProjectRequest div.printContainer > input[type='image'] 
{
    left:322px;
}

table.maintanProjectRequest .propertyContainer input[type="checkbox"],
table.maintanProjectRequest .propertyContainer span > input[type="checkbox"]
{
    margin-left: 120px;
    padding: 5px 0px 0px 0px;
}

table.maintainComponent div.viewTabContainer.existingViewTabContainerClass.enabled,
table.maintanProjectRequest  div.viewTabContainer.existingViewTabContainerClass.enabled
{
    position: absolute;
}

.titleImage
{
    float: left; 
    margin-left: 8px;
}

span.titleLabel 
{
    float:none; 
    margin-left: 15px;
}

div.mainUpdatePanel 
{
    margin-top:8px;
}

div.mastHeadNotAuthorized div
{
    max-height: 40px;
}

#txtNote_contentIframe 
{
        height:165px !important;
}

.inProgressModalBackground {
    background-color: gray;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=20);
    opacity: 0.7;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100000;
}

.inProgressModalSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 100001;
    background-color: transparent;
}

.udfLabelText {
    left: 130px !important;
}
.filterButtonDiv > .viewFilterButtons {
    margin-left: 0px;
    margin-top: 5px;
}
.filterButtonDiv > .viewFilterButtons > input[type="submit"],.filterButtonDiv > .viewFilterButtons > input[type="button"] {
    margin-left: 0px;
    margin-right: 8px;
}

.sepLine{
    white-space:normal; 
}

/* Fix for bug# 27200 */
.propertyContainer.propertyContainerAutoHeight.leftColumn {
    clear:left;
}

.statusConfirmationHeader {
    padding-bottom:10px;
}

.projectRequestDiv {
    margin: 5px 5px 5px 0px;
    * margin: 5px 5px 5px 0px;
}

.projectRequestDiv > span > input[type="checkbox"] {
   margin-right: 5px;
}

.projectRequestDiv .text {
    position: absolute;
    width:380px!important;
    margin-top: -2px;
}

/* Fix for Bug# 29319 */
#pnlGeneralInfo .generalInfoValueLabel {
    display: block;
    max-width: 230px;
    margin-left: 8px;
}

/* Floating elements */
.floatLeft
{
    float: left;
}

.floatRight 
{
    float: right;
}

.projectEstimateVendor .autocomplete_completionListElement {
    width: 284px!important;
}

.propertyContainerForDeleteFile
{
    width: 340px;
    height: 24px;
    position: relative;
    left: 120px;
}

.propertyContainerForDeleteFile .disclaimerImg /* To avoid overlapping with property value, assumes the disclaimer is on a button and places the disclaimer to the right of the button */
{
    margin-left: 0px; 
    left: 320px;
}

#cmbxPAYMENTHOLDINGACCOUNT_cmbAccount_cmbDropDown_Input
{
    margin-left: -1px;
    margin-top: 5px;                 
}

#lblPaymentHolding
{
    margin-left: 5px;
    margin-top: 5px;
}

#txtNoteTop ul.reToolbar.Modern{
    width:100% !important;
}

.calendarType
{
    margin-top:4px;
}
.yomiLastName 
{
    margin-top:31px;
}
.yomiLastNameMarketingContact
{
    margin-top:64px;
}

.japaneseFirstName, .japaneseCompanyName {
    position:relative;
    margin-top:31px;
}

.japaneseLastName {
    position:relative;
    margin-top:-62px;
}

.ShowMoreLessLink {
    position: relative;
    width: 75%;
    text-align: right;
}
.ShowMoreLessLink > a:link {
    color: dodgerblue !important;
}

.EditorDescriptionIframe > table > tbody > tr > td > iframe {
    height: 100% !important;
}

.callButton {
   float: right;
   margin-top: 4px;
}

.phoneNumber {
    width: 260px!important;
}

.divisionPhoneNumber {
    width: 193px!important;
}

.modalPopup > .dialogCaption > .dialogText {
    font-size: 14px;
    margin-top: 10px;
}

.donotCallDialog > .modalPopup > .dialogCaption > .dialogText {
    margin-top: 10px;
}

.donotCallDialog > .modalPopup > .dialogActions {
    margin-top: 56px;
}

.donotCallDialog > .modalPopup > .dialogActions > .dialogCancelButton {
    margin-left: 214px;
}

.donotCallDialog > .modalPopup > .dialogActions > .dialogOkButton {
    margin-left: 102px;
}

.donotCallDialog > .modalPopup {
    height: 64px;
}

.userModalPopUp .modalPopup {
    width: 434px;
    height: 64px;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 20px;
    padding-right: 20px;
}

.userModalPopUp .modalPopup .dialogActions {
    margin-top: 30px;
    float: right;
}

.userModalPopUp .modalPopup .dialogActions input[type="submit"] {
    margin-left: 8px;
    width: 100px;
}

.labelContainer {
    height: 24px;
    width: 120px;
}

#pnlValidity span#validity,
#pnlDescription span#description,
#pnlInstructions span#instructions,
#divViewOffer span#lblSOURCEKEY 
{
    width: 787px;
    height: auto;
}

#divViewOffer div#pnlInstructions
{
    margin-top: 120px;
}

#divViewOffer span#lblSOURCEKEY 
{
    width: 440px;
    margin-top: 10px;
}

#divViewOffer 
{
    margin-top: 10px;
}

#divUnavailableOffer span#lblUnavailableOffer 
{
    width: 440px;
}

.memoEditor 
{
    position: absolute; 
    left: 100px !important; 
    width: 16px;
}

.propertyInputButton
   {
    margin-top: 15px !important;
   }


.selectAllCheckBoxTreeView 
{
    margin-left: 11px;
}

/*Schedule control - begin */
#ScheduleDeliveryControlPanel {
    margin-bottom: 16px;
}

.schedulerMenuItem {
    margin-top: 15px !important;
}

.schedulerTimeZone {
    width: 215px;
}

.schedulerPnlInterval {
    margin-bottom: 15px !important;
}

.schedulerContent .DateTimePicker {
    padding-left: 70px;
}

.schedulerBlockLabels {
    width: 85px;
    float: left;
    display: block;
    line-height: 22px !important;
    margin: 0;
}

.schedulerInput {
    width: 70px;
}

.SchedulerCheckBox {
    padding-top: 13px;
}

.SchedulerCheckBoxFirst {
    padding-top: 13px;
}

.schedulerDetailsPanel {
    margin-left: 18px;
}

.schedulerDelayInput {
    margin-left: 7px;
    width: 40px;
}

.schedulerContent label {
    padding-left: 5px;
}

.schedulerContent input.riTextBox  {
    width: 166px !important;
}

.schedulerRecuringInput {
    margin: 0;
}

/*Schedule control - end */

.defaultFormLayout {
    position: static !important;
    overflow: visible !important;
}

.modalPopup.modalDialog.modalEntityBulkAdd 
{
    width: 900px;
}

.productImportPending 
{
    position: relative !important;
    font-weight: bold !important;
}

/* for fixing the check box position in the import media plan page */
.propertyContainer > span.planImportCheckBox
{
    left: 350px;
}
.propertyContainer > span.planImportCheckBox > input[type="checkbox"]
{
    left: 0;
    position: relative;
}

.wizard
 {
    display: inline-block;
    padding-right: 18px;
    padding-top: 8px;
 }

.emailEditorPropertiesForm
{
    margin-bottom: 18px;
    margin-top: 8px;
}

.jobRequestMenuContainerScroll 
{
    z-index: 1;
    position:absolute;
    width:100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.maintainButtonsBrand, .maintainButtonsChannel
{
    z-index: 115; 
    left: 596px; 
    position: absolute;
    top: 245px   
}

.progressIndicatorContainer {
    background-image: url(../images/Preloader_GrayOutline.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.silverlightPlaceHolder 
{
    height: 100%;
    position:absolute;
    left:0;
    top:0;
    min-height:38em;
}

.transparentBackground {
    background: transparent
}

.errorText{
    color:red;
    white-space:pre-line;
    word-wrap:break-word;
}

.textAreaContainer {
    display: inline;
}

.textAreaTextBoxIdentifier {
    display: inline;
}

.textAreaHiddenFiledContainer {
    display: inline;
}

.popupMultilineTextArea {
    resize: none;
}

.alignedCheckBoxText {
    display: table;
    white-space: normal;
}

.alignedCheckBox {
    float: left;
    margin-right: 5px;
}

.popupMultilineTextBoxHead {
    font-family: "Segoe UI Light", "Segoe UI", "Segoe", "Tahoma", "Helvetica", "Arial", "sans-serif";
    font-weight: normal;
    font-size: 24px;
    color: #000000;
    white-space: nowrap;
    margin-bottom: 14px;
    margin-top: -10px;
}

.rwContent  {
    border: 0px !important;
    padding: 0px !important;
    height: inherit  !important;
}

.tabViewPanel {
    clear: both;
}

.tabViewPanel .pageCaption {
    display: none;
}

.tabViewPanel .tabView {
    width: 920px;
}

.tabViewPanel .silverlightPlaceHolder {
    margin-top: 40px;
}

.tabView .tblTop {  
    min-height: 45px;
    height: 45px;
}

.wordWrappedText {
    word-wrap: break-word;
    display:block;
    overflow:hidden; 
    text-overflow: clip; 
    white-space: pre-wrap
}

.tabMargin {
    margin-top: 30px;
}

.pageBackground {
    background-color: #F8F8F8;
}