/*****************************************/
/***      ULTRAWAVE STYLE SHEET        ***/
/*****************************************/
/**
 * UltraWave base styles for iMIS
 *
 * This document contains the base styles required to properly render iMIS.
 * DO NOT EDIT THIS DOCUMENT DIRECTLY. Your changes WILL be lost when you upgrade.
 * Instead, create a new style sheet to override the styles that you want to change.
 *
 * TABLE OF CONTENTS:
 * Form
 * Standard Panel
 * Headers
 * TitleBars
 * Panel Field
 * CheckBoxList
 * Grid
 * Left Nav
 * Inputs
 * Miscellaneous Controls & iParts
 */
 
/************/
/*** Form ***/
/************/
/* hides borders around all nested web part zones - is overridden by later selectors where needed */
th, td
{
    border: 0em none;
    padding: 0em;
}
/* .Form <table> A form, for display or input of values */
.Form
{
    padding: 0.313em;
    margin-top: 0.625em;
}
.Form th
{
    padding: 0.188em;
    font-weight: normal;
    text-align: left;
}
.Form td
{
    padding: 0.188em;
    margin: 0.188em;
}
/* The label of a required field in a form */
.Form th .Required
{
    background-position: left .45em !important;
    padding-left: 0.688em !important;
    margin-left: -0.462em !important;
    background-image: url(images/required.gif) !important;
    background-repeat: no-repeat;
}

/******************************************************************/
/*** Standard Panel - used for all asiweb:PanelTemplateControls ***/
/******************************************************************/
/* .StandardPanel <div> Entire panel - Used by skin PanelTemplateControl */
.StandardPanel
{
    margin: 0em 0em 0.125em 0em;
    padding: 0em;
    border: solid 0.1em #90979E;
    border-bottom-width: 0.1em;
    clear: both;
}
.StandardPanel fieldset
{
    border: none;
    padding: 0.02em;
    margin: 0em;
}
/* Hide the legend because we use our own custom header */
.StandardPanel fieldset legend
{
    display: none;
}

/* This puts a border around content below a set of tabs (e.g. Contact Address Editor iPart)*/
.StandardPanel.ContentTabbedDisplay
{
    border-top: none !important;
}

.StandardPanel.ContentTabbedDisplay>.PanelBody
{
    padding: 5px;
}

.PanelHead.Distinguish
{
    border-bottom: 1px solid #90979E;
    min-height: 2em;
    padding:.3em 0.625em;
}
/* Controls the behavior of a StandardPanel and the appearance of the expand/collapse element within the PanelHead */
/*.Collapsible
{
}*/
.PanelHeadCollapseImage, .PanelHeadCollapseText, .PanelHeadCommandButtons, .PanelHeadOptionsBox
{
    margin-right: 0.313em;
    float: right;
    cursor: pointer;
}
.PanelHeadCollapseText
{
    text-decoration: underline;
    font-weight: normal;
}

/***************************/
/***       Headers       ***/
/***************************/
/* This is the styling of html headers. Using the header tags is helpful for accessibility, 
but if they are not available the associated classes may be used on divs for styling. */
h1, .PageTitle
{
    font-weight:bold;
    font-size:250%;
    line-height:normal;
    margin:.3em 0;
}

/* .PanelTitle <span> Title of a StandardPanel - Used inside .PanelHead */
/* h2s are styled in the same way */
h2, .PanelTitle
{
    font-weight:bold;
    font-size:170%;
    line-height:normal;
}

h2, div.PanelTitle
{
    border-bottom: 1px solid #90979E;
    margin:.2em 0 .2em;
}

h3, .SectionTitle
{
    font-weight:bold;
    font-size:150%;
    line-height:normal;
    margin: .1em 0;
}

h4, .SectionLabel
{
    font-weight:bold;
    font-size:120%;
    line-height:normal;
}

/***************************/
/***   Accessibility    ***/
/***************************/
/* This class is for hiding elements from the UI so that screen readers can still use them */
.screen-reader-text 
{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

/************************************/
/* specific to iPart Title Control  */
/************************************/
/* .TitleBarCaption <div> used in the top title area of iParts */
.TitleBarCaption
{
    font-size: 1.15em;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #000000;
    padding-bottom: 0.25em;
    margin-bottom: 0.25em;
}


/* .PanelBody <div> Wrapper for the Body of a StandardPanel */
.PanelBody
{
    padding:5px;
    height: auto;
}
/* To prevent double padding in nested PanelBodies */
.PanelBody .PanelBody
{
    padding:0;
}
/* .PanelColumn <div> Wrapper for a Column of a StandardPanel */
.PanelColumn
{
    display:table-cell;
    float: none;
    margin-left: 0.125em;
    vertical-align: top;
}

/**********************************************************************/
/*** Panel Field - used for all Ultrawave compliant asiweb controls ***/
/**********************************************************************/
/* .PanelField <div> Wrapper for the label and value of a field in a form */
.StandardPanel .PanelField
{
    float: left;
    clear: left;
    width:95%;
    padding: 0.4em 0.125em;
    border: none;
}

.PanelFieldLabel, .PanelFieldValue, .PanelField.Left .PanelFieldLabel, .PanelField.Right .PanelFieldLabel, 
.PanelField.Left .PanelFieldValue, .PanelField.Right .PanelFieldValue
{
    display:inline-block;
    float:left;
}
.PanelField.Top .PanelFieldLabel, .PanelField.Bottom .PanelFieldLabel, 
.PanelField.Top .PanelFieldValue, .PanelField.Bottom .PanelFieldValue
{
    display:block;
    clear:left;
}

.Top label, .Bottom label
{
    width:auto!important;
}

/* Wrapper class "PanelBlock" may be used to make PanelFields display like tables. */
/* Use once around all the PanelFields that you wish to display in table format. */
.PanelBlock
{
    display:table;
}

.PanelBlock .PanelField
{
    display:table-row;
    float:none;
    width:100%;
}

/* Second set of selectors necessary to override original PanelField styling */
.PanelBlock .PanelField .PanelFieldLabel, .PanelBlock .PanelField .PanelFieldValue,
.StandardPanel .PanelBlock .PanelField .PanelFieldLabel, .StandardPanel .PanelBlock .PanelField .PanelFieldValue
{
    display:table-cell;
    float:none;
    padding-right:3px;
    vertical-align:top;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.PanelBlock .PanelField label, .PanelBlock .StandardPanel div.PanelField label
{
    width:auto;
}

.PanelBlock .PanelField.Top .PanelFieldLabel, .PanelBlock .PanelField.Top .PanelFieldValue, 
.PanelBlock .PanelField.Bottom .PanelFieldLabel, .PanelBlock .PanelField.Bottom .PanelFieldValue
{
    display: block;
}

.PanelBlock.MiddleAlign .PanelFieldLabel, .PanelBlock.MiddleAlign .PanelFieldValue,
.StandardPanel .PanelBlock.MiddleAlign .PanelFieldLabel, .StandardPanel .PanelBlock.MiddleAlign .PanelFieldValue
{
    vertical-align: middle;
}

/* Used to make bottom borders line up in tables */
.StandardPanel td
{
    vertical-align: top;
}
.StandardPanel td .PanelField
{
    border-bottom: 0em;
}

.StandardPanel .AutoScroll div
{
    overflow:auto;
}

.StandardPanel .PanelField .PanelFieldValue, .PanelFieldValue
{
    padding-left: 3px;
    padding-right: 3px;
    display: inline;
    float: left;
    width: auto;
}

/* Sizes of the HTML Editors and Textareas */
.PanelField div + .HtmlEditor
{
    width: 100%!Important;
}

textarea
{
    width: 22em;
}

/* special PanelFieldValue case for when the label is positioned on the top or bottom of a value control */
.StandardPanel div.Top .PanelFieldValue, .StandardPanel div.Bottom .PanelFieldValue
{
    clear: left;
}
/* special Label case for when the label is positioned on the top or bottom of a value control */
.StandardPanel div.Top label, .StandardPanel div.Bottom label
{
    width: 99%;
}
/* Label within a Panel Field */
.PanelField label
{
    float: left;
    text-align: left;
    width: 11em;
    word-wrap: break-word;
    font-size:inherit;
    white-space: pre-line;
}

label
{
    font-weight: bold;
    color: #444;
    padding-left:3px;
}

/* Class LabelSpacer can be used as a wrapper to create a label-sized indention 
to appropriately align fields in a form */
.LabelSpacer
{
    padding-left:11em;
}

/* */
.PanelFieldLabelFont
{
    font-weight: normal;
    color: #505050;
}

/* ensure a minimum width for empty input controls within PanelTemplateControls */
.StandardPanel .PanelFieldValue input[type=text], .StandardPanel .PanelFieldValue input[type=password]
{
    min-width: 10em;
}

/* allow radio buttons to display to the left of their labels */
.PanelFieldValue input[type="radio"]
{
    float:left;
}

/* This was causing layout errors in Rapid Gift Entry */
/*.PanelField div a img
{
    float: right;
}*/

/* Problem Displaying Multiple SmartControls or ASI... Controls on the SAME line. */
.PanelColumn .PanelField /*, .PanelColumn .PanelField .PanelFieldValue - no longer necessary??*/
{
    width:100%;
}

/********************/
/*** CheckBoxList ***/
/********************/
.CheckBoxList label
{            
    float: none !important;
    font-weight: normal !important;
    color: Black !important;
}
.CheckBoxList INPUT
{
    float: none !important;
}

/************/
/*** Grid ***/
/************/
/* Use to style the lister grid when use in a compact view */
.SimpleGrid TR TD
{
    padding-bottom: 0.188em;
    padding-top: 0.188em;
}


/**************************/
/**** Left Nav Styling ****/
/**************************/

#pagesubnav
{
    width:10em;
    min-width:10em;
}

#pagesubnav .RadTabStripVertical .rtsLink
{
    text-align:left;
}

.SubNavPanelHead
{
    font-size:1.8em;
    font-weight:bold;
    padding:10px;
}

/**** End Left Nav Styling ****/


/**********************************************************************/
/*** preserve consistent styling for the text within Input controls ***/
/**********************************************************************/
input
{
    font-family: arial, helvetica, clean, sans-serif !important; /** added !important to override Telerik default **/
    font-size: 0.98em !important; /** added !important to override Telerik default **/
    font-weight: 100 !important; /** added !important to override Telerik default **/
    padding-left: 0.25em !important; /** added !important to override Telerik default **/
    padding-right: 0.25em !important; /** added !important to override Telerik default **/
}

input[type="text"].WideTextBox
{
    width:25em;
}

textarea 
{
    padding: 0.25em; /* Added to give textarea same padding as other input fields */
}

/* For IE we have to manually grey-out disabled textboxes */
input[type="text"][disabled], textarea[disabled]
{
    background-color:#DDD;
}

/* For the labels associated with a radio button, put a tiny bit of distance from the radio button */
/* to the label, and slightly more space from the label to the next element.  This avoids the      */
/* appearance of too closely spaced radio buttons when the controls are presented horizontally.    */
div.PanelField input[type="radio"] + label
{
    padding-left: 4px;
    padding-right: 1em;
}

select[multiple="multiple"]
{
    min-width: 11em;
}

/* For IE the Rad date and time input field width and height behave different that Chrome & FF */
html body .PanelFieldValue .riSingle [type='text'].riTextBox
{
    width: auto !important;
    height: 1.75em !important;
}

/**************************************/
/* Configuration for QueryMenu iPart  */
/**************************************/
/* This is needed so that any StyledHyperlinks within a RadToolTip will show the 'hand' cursor on hover. */
.RadToolTip_Telerik a
{
    cursor: pointer !important;
    color: Black;
}

.RadToolTip_Telerik a:hover
{
    background-color:#DDD;
}

.RadToolTip_Telerik a.fb_button:hover
{
    background-color:#29447e;
}


/* Style of the QueryMenu popup column headers. */
.ColumnHeader
{
    font-weight: bold !important;
}
/* Style of the QueryMenu result grid headers. */
.ResultsHeader
{
    font-weight: bold !important;
}

/***************************/
/*   On Behalf Of control  */
/***************************/

.ProxyTitleBar input
{
    vertical-align:middle;
}

/*************************************************************************/
/* Allow for an AutoWidth class; useful for Radio Button lists as value  */
/*************************************************************************/
.AutoWidth label, .AutoWidth .PanelFieldValue, .AutoWidth
{
    width: auto !important;
    min-width: 1em !important;
}
.FloatNone label, .FloatNone input
{
    float: none !important;
}

/*******************************/
/* Miscellaneous needed styles */
/*******************************/

/* Styling of the iMIS logo */
.iMIS
{
    font-weight: bolder;
    font-style: italic;
    font-family: 'Times New Roman';
}

/* ClearFix - place on the container of floating elements to fix alignment issues usually solved with a <div style="clear:both"></div> */
/* For more information on this fix visit http://csscreator.com/attributes/containedfloat.php */
.ClearFix:after, .PanelHead:after, .StandardPanel:after, .CommandBar:after
{
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0;
    font-size:0;	
    clear: both; 
    visibility:hidden;
}

/* Used for labels for small sections within a piece of content */
.SectionLabel
{
    font-weight:bold;
}

/* Used for configuration group titles */
.ConfigurationGroup
{
    text-decoration:underline;
}

/* Used as a wrapper for items that are a subset of another item */
.SubItems
{
    padding-left:2.2em;
	padding-top: .5em;
}

/* Used for styling of currency values */
.DisplayCurrency
{
    color: black;
    text-align: right;
    text-decoration: none;
    font-family: inherit;
    width: 7em;
    display: block;
}

.CartCharges 
{
	min-width: 25em;
	max-width: 30em;
}

.CartCharges label 
{
	width: auto!important;
}

.CartCharges .PanelFieldValue 
{
	float: right!important;
	text-align: right;
}

.CartCharges .PanelField
{
	border-bottom: 1px solid #ddd;
}

.CartCharges .GrandTotal
{
	font-weight: bold;
}

.DisplayNone
{
    display: none;
}

.FloatRight, .PanelField.FloatRight
{
    float:right;
    width:auto;
    clear:right;
}

/* Makes tree thumbnail images a fixed size */
.MediumThumbnail img.rtImg
{
    width: 32px;
    height: 32px;
}

/* Gives tree nodes a clickable look */
.RadTreeView [onclick]:hover
{
    cursor:pointer;
}

/* Makes thumbnail images medium size */
.MediumThumbnail img.Thumbnail
{
    width: 32px;
    height: 32px;
    padding-right: 3px;
}

.AdvancedToolTip
{
    background: #ffffff;
    padding: 5px;
    font-size: 0.9em;
}

/* Display of Fieldset, when shown */
div.ShowFieldset fieldset legend
{
    display: block;
    color: #222;
    font-weight:bold;
    padding:5px;
}
div.ShowFieldset fieldset
{
    border: 1px solid gray;
    padding: 1em;
    margin: .05em;	
}

/* Make inputs and buttons align */
.StandardPanel td, input, label, select
{
    /*vertical-align: middle;*/
}


/* Fixes an alignment issue for the rad uploader */
.RadUpload .ruFileInput, .RadUpload .ruFakeInput, .RadUpload .ruButton, .RadUploadProgressArea .ruButton, .RadUpload .ruFileWrap
{
    vertical-align:middle!important;
}

/* Turns off borders at the level at which it is placed */
.NoBorder
{
    border:none;
}

/* To break words that are too long */
.BreakWord
{    	
    word-wrap:break-word;
    word-break: break-all;
    white-space: normal;    
}

/***********************************/
/* Hover control hide/show options */
/***********************************/
/* .InLineOption <div> used in the top title area of iParts */
.InLineOption .InLineOption_Controls
{
    display: none;
    cursor: pointer;
    background-color: #F4F4F4;
}

/* Can be used to enable a hover effect for the .InLineOption <div> used in the top title area of iParts */
.InLineOption:hover .InLineOption_Controls, .InLineOption .InLineOption_Controls_Always_Display
{
    display: block;
    cursor: pointer;
}

/*********************************************************************************************/
/* The border displayed when 'Display a border around this content' is selected for an iPart */
/*********************************************************************************************/
.ContentBorder
{
    border-color: #D8D8D8;
    border-width: 1px;
    border-style: solid;
    padding: 0.313em;
}

/*********************************************************************************************/
/* The border displayed for iParts when 'HideContent' and 'ShowSurfToEdit' are both True     */
/*********************************************************************************************/
.NoContentSTEContainer
{	
    border-color: #D8D8D8;
    border-width: 1px;
    border-style: dashed;
    padding: 0.313em;
}

/***********************************************/
/* Highlight input fields when they have focus */
/***********************************************/
.StandardPanel fieldset div.focus, .focus, .StandardPanel fieldset div.focus:hover, .focus:hover
{
    border-color: #BCBCBC;
    background-color: #CDCDCD;
}

/*********************************/
/* Show required field indicator */
/*********************************/
/* .Required <label> The label of a required field in a form identified with an asterisk */
.Required
{
    background-position: left .45em !important;
    padding-left: 9px !important;
    margin-left: -6px !important;
    background-image: url(images/required.gif) !important;
    background-repeat: no-repeat;
    display: inline;
}
/* special case where a required label is displayed to the right of a field */
.Right .Required
{
    padding-left: 9px !important;
    margin-left: 0px !important;
}
/*.Important <label> that usually displays when field validation occurs */
.Important
{
    /*font-family: small-caption;*/
    font-weight: bold;
    color: Red;
    padding-left: 3px !important;
    vertical-align:middle;
}
.Info
{
    font-style: italic;
    font-weight: bold;
}

/*******************************************************/
/* Styles for the InfoControl rendered by SmartControl */
/*******************************************************/
/* .moreInfo <div> used by the info control to display a help pop-up */
.moreInfo
{
    display:inline;
    vertical-align:middle;
}
.moreInfoPanel
{
    display: block;
    max-width: 25em;
}

.unitText
{
    margin-left: 2px;
    white-space: nowrap;
}

/***********/
/* RadGrid */
/***********/

/* Resolve missing left border in the header and footer paging sections when rendered in Firefox */
.RadGrid_Default .rgPager .rgPagerCell
{
    border-width: 1px 0 1px 0 !important;   
}

/* Define the fonts for Rad tools so they are consistant with the rest of the site */
.RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, 
.RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip, .RadTreeView, .RadTreeView a.rtIn, .RadTreeView .rtEdit .rtIn input
{
    font-size: 13px!important;
    font-family: Arial, sans-serif!important;
}

.RadGrid .rgHeader a
{
    text-decoration:underline!important;
}

/**************/
/* HtmlEditor */
/**************/

.RadEditor.reWrapper.HtmlEditor
{
    height: auto !important;
}

/*************/
/* Web parts */
/*************/
.WebPartZone
{
    width: 100%;
}

.iMIS-WebPart > .ContentItemContainer
{
    padding:0.385em;
    display:block;
}

/*********************************************/
/* Rad Menu                                  */
/* Classes used by Telerik RadMenu           */
/*********************************************/
/* Apply z-Index to RadMenu generally */
.RadMenu 
{
    z-Index: 100 !Important;	
}
/* Make the navigation menu items overlay other RadMenu instances */
.rmSized 
{
    z-Index: 1000 !Important;
}	
/* Applies to links in navigation menu */
.rmLink
{
    min-width: 10px !Important;
    cursor: pointer !Important;
}
/* Handle the case where the menu bar does not expand horizontally to the size of the parent container */
.RadMenu UL.rmHorizontal
{
    float: none !important;
}

/***************************************************/
/* Search Results                                  */
/***************************************************/
.SearchField *
{
    vertical-align: middle;
}

.SearchField
{
    padding: 8px 12px;
}

.SearchResultSummary .ImageSection
{
    float: left;
    width: 8em;
    text-align: center;
}

.SearchResultSummary .ImageSection img
{
    max-width: 7.5em;
}

.SearchResult
{
    margin: .5em 0;
}

.SearchResultSummary .ListItemTitle a
{
    font-size: 140%;
    font-weight: bold;
}

.SearchResultSummary .ListItemTitle img
{
    vertical-align: middle;
    padding-left: 8px;
}

.SearchResultSummary .Description
{
    float: none;
    text-align: left;
    margin-left: 8.5em;		/* Don't wrap under the generic result image */
    font: 13px/1.231em arial, helvetica, sans-serif;  /* Override the rad grid's font setting */
}

.SearchResultSummary .PublishDate
{
    color: #666;
}

/* Apply padding to the Document specific icon */
.icon
{
    /* since you can't set width on an inline element, just set enough padding so our background image (the icon) will show */
    padding: 3px 7px 3px 7px;
    background-position:center; 
    background-repeat:no-repeat; 
}

/*********************************************/
/* Quick Find textbox                        */
/* Currently only exists in the object       */
/* browser.                                  */
/*********************************************/
.QuickFindWrapper
{
    float: right;
}

.QuickFindWrapper label
{
    float: left;            /* Force the label before the input field */
}

.QuickFindWrapper input
{
    margin-left:.5em;
}

/*********************************************/
/* Upload window                             */
/*********************************************/

/* Upload Image displayed as a list and Upload buton is off */
.RadUpload .ruInputs li 
{
    list-style-type:none;
}
/* Sets Button position next to the radUpload element */
.RadUpload + .TextButton
{
    float: left;
    margin-left: 0px!Important; /* Very Odd but IE8 needs it otherwise it is going wild*/
}

/* Special Style Override styles for Telerik RadUpload control */
.RadUploadProgressArea UL LI
{
    list-style-type:none!Important;
    display: block;
}

.RadUpload .RadUpload_Default, .RadUpload .ruFileWrap
{
    padding-right: 2px!Important;
    width:auto!Important;
}

.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input, .RadUploadProgressArea_Default, .RadUploadProgressArea_Default input, .RadUploadSubmit
{
    font: inherit!Important;
    font-family:inherit!Important;
}


/* Sets left Padding for elements inside PanelTableValue */
.PanelTableValue img, .PanelTableValue .RadUpload
{
    padding-left: 0.250em;
}
/* IE7 and 8 - position text on the Upload button*/	
.TextButton
{
    vertical-align: middle;
}

/*********************************************/
/* Command buttons                           */
/*********************************************/

/* Save & Close, Save, Cancel buttons */
.CommandBar
{
    padding-top: 5px;
    z-index: 2;
    text-align: right;   
}
.CommandBar input, .CommandBar button
{
    margin-right: 5px;
    padding-left: 2px;
    padding-right: 2px;  
}
.ButtonPanel
{
    width: 100%;
}

/*****************/
/* User messages */
/*****************/
.iMISUserMessage li
{
    list-style-type: none;
}
.iMISUserMessage img
{
    vertical-align: middle;
    margin-right: 5px;
}
.iMISUserMessageError
{
    color: red;
    font-weight:bold;
}
.iMISUserMessageWarning
{
    color: blue;
    font-weight:bold;
}
.iMISUserMessageInformation
{
    color: blue;
    font-weight:bold;
}
/*.iMISUserMessageIcon
{
    display: none;      /* hide the icon */
/*}*/
.iMISUserMessageLabel
{
    display: none;      /* hide the error/warning prefix */
} 

.Error
{
    display:block;
    padding-right: 0.188em;
    padding-left: 0.188em;
    margin-bottom: 0.25em;
    width: auto;
    color: red;
    font-weight:bold;
}

/* These styles are for error pages (page not found, access denied, etc.) */
.ErrorNormal
{
    padding: 10px;          
    display: block;
    margin: auto; 
    width: 400px;
    margin-left: auto;
    margin-right: auto;    
      
}
.ErrorNormal .ErrorType
{
    font-weight: bold;
    padding-top: 15px;
    display: block;
    font-size: 1.9em;
    color: #cc0f16;
}
.ErrorNormal .ErrorTypeMessage
{
    display: block;
    padding-top: 15px;
    font-size: 1.1em;
    color: #444444;
}
.ErrorNormal IMG
{
    float: left;
}

.iPartRenderError 
{
    color: red;
    overflow-x: auto;
    -ms-overflow-x: auto;
}

/* Used for guiding the user to the next step, such as in the Event Display */
.HelperText
{
    color: blue;
    font-weight: bold;
}

/*********************************************/
/* Misc.                                     */
/*********************************************/
/* FF doesn't set disabled elements to grey by default */
span[disabled="disabled"], label[disabled="disabled"], [disabled] label
{
    color: #999 !Important;
}

/*generic width specifiers*/
.FullWidth
{
    width: 100%;
}

.TwoColumns
{
    width: 50%;
}

.ThreeColumns
{
    width: 33%;
}

.Significant
{
    font-weight:bold;
}

/*********************************************/
/* RadWindow                                 */
/*********************************************/
/* Remove the space in the RadWindow title bar where the window icon would display */
.RadWindow .rwIcon
{
    width: 0px !Important;
    height: 0px !Important;
}

/* Styles for the Title in the Lister2 control */
.GridTitlePanel .Title
{
    font-weight:bold;
    font-size:120%;
}

/***************************************/
/*       Event Display                 */
/***************************************/
.EventSummary, .EventSummary .DetailsBlock, 
.ProductSummary, .ProductSummary .DetailsBlock
{
    display: table;
    width: 100%;
}

.ProgramItemSummary
{
    padding: .75em;
}

.EventSummary .PhotoArea, .EventSummary .DesignTimePhotoArea, 
.EventSummary .Description, .EventSummary .Details, .EventSummary .RegistrationArea 
{
    display: table-cell;
    vertical-align: top;
}

.EventSummary .Details, .EventSummary .RegistrationArea, .EventDisplay .RegistrationOptionsGrid
{
    width: 50%;
}

.EventDisplay .PricingData, .EventSummary .DetailsBlock
{
    padding-top: 1em;
}

.ProgramItemSummary .WhenColumn, .ProgramItemSummary .DescriptionColumn, .ProgramItemSummary .IteneraryColumn
{
    padding-right: .5em;
}

.ProgramItemSummary .WhenColumn
{
    font-weight: bold;
    width: 10em;
    float: left;
}

.ProgramItemSummary .DescriptionColumn
{
    width: 62%;
    float: left;
}

.ProgramItemSummary .IteneraryColumn
{
    width: 13em;
    float: right;
}

.ProgramItemSummary .ListItemTitle
{
    font-weight: bold;
    padding-bottom: .25em;
}

.ProgramItemSummary .InItinerary
{
    background-color: yellow;
    padding: .25em;
    border: 1px solid #CCC;
    white-space: nowrap;
    line-height: 2em;
}

/*********************************/
/*      PeoplePanel              */
/*********************************/
/* These selectors are used for a panel of people, such as seen in the 
registered attendees block of the Event Display iPart */
.PeoplePanel
{
    display:block;
}

.PersonDisplay
{
    margin:.25em;
    padding:1em;
    display:inline-block;
    vertical-align:bottom;
    text-align:center;
    font-family: Verdana, Arial, sans-serifs;
    opacity:0.7;
    filter:Alpha(opacity=70); /* Sets the opacity for IE8 */
}

.PersonDisplay:hover
{
    opacity:1;
    filter:Alpha(opacity=100); /* Sets the opacity for IE8 */
}

.PersonDisplay span
{
    display:block;
    padding-top:.25em;
    font-weight:bold;
}

/* Remove underline from selectable items in person list */
.PersonDisplay a:link
{
    text-decoration:none;
}

/* End PeoplePanel styling */

/* Used in the PeoplePanel and elsewhere to denote a selected item within a group. */
.SelectedItem
{
    background-color:#CCC;
    opacity:1;
    filter:Alpha(opacity=100); /* Sets the opacity for IE8 */
}

/* Used in ObjectBrowser2 and PanelEditor when dragging/dropping */
.dragContainer
{ 
    position: absolute;
    z-index: 999;
    cursor: move; 
    background-repeat:no-repeat;
}
.dragItem
{
    cursor: default;
    padding-left:18px; 
    background-repeat:no-repeat;
    min-height:20px;
    font-weight:bold;
}

/* Used to apply a style to a nested grid */
.ChildGridWrapper
{
    padding:.25em;
}

/* Use TotalBox as a wrapper for a PanelField to give it a visual distinction */
.TotalBox .PanelField, .PanelField.TotalBox
{
    width:auto;
    border:1px solid #90979E;
}

.StandardPanel .TotalBox .PanelField .PanelFieldValue, .StandardPanel .PanelField.TotalBox .PanelFieldValue
{
    font-size:1.2em;
    font-weight:bold;
    padding:.4em;
    float:right;
}

/***********************************************/
/*                Page loading                 */
/***********************************************/
BODY.loadingBody
{
    background-color: #ffffff;
}
#loadingHeader
{
    width: 100%;
    background-color: #7c7c7c;
    color: #FFFFFF;
    padding: 3px;
    margin: 0px;
    text-align: center;
}
#loadingHeader:before 
{ 
  content: "Loading...";
  display: inline;
}
#loadingSpinner 
{
    position: absolute; 
    height: 50px;
    width: 50px;
    top: 50%; 
    left: 50%; 
    margin-top: -25px; 
    margin-left: -25px;
    background-image:url('~/AsiCommon/Images/spinner.gif');	
}

/********************************************/
/*               WCM Styles                 */
/********************************************/

.WebPartsPanel
{
    background-color: #FFFFFF;
    clear: both;
    width: 100%;
}

/*************************/
/*  Content Management   */
/*************************/
.WebPartZoneDesignTime
{
    font-size:.8em;
    width:100%;
    font-family:Verdana, Helvetica, Arial, Sans-Serif;
}

.WebPartsTitleBar, .ConnectionTitleBar
{
    font-weight:bold;
    text-align:left;
    color:#FFF;
    background-color:#293c7c;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
}

.WebPartsTitleBar a
{
    color:#DDD;
    font-size:.9em;
    text-decoration:none;
    padding-left:2px;
}

.WebPartDesignMenu
{
    border:1px solid #293c7c;
    width:10px;
    font-family:Verdana;
}

/* iParts Connection Panel */
.ConnectionWebPartsPanel
{
    clear: both;
    margin-left:auto; 
    margin-right:auto;
}
.ConnectionTitleBar
{
    font-size:.8em;
}
.ConnectionWebPartLabel
{
    text-align: left;
    min-width: 15em;
    padding: 3px;
    white-space: nowrap;	
}
.ConnectionWebPartsPanel TD TABLE TD
{
    padding: 3px;
}


/* Define overflow so Content Edit page will properly display oversized iParts. */
.LayoutBorder
{
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-y:hidden;
    -ms-overflow-x:auto;
}

/**************************************************/
/*            iPart-Specific Styles               */
/**************************************************/

/************** Progress Tracker ******************/
/* Default ProgressTracker */
.ProgressTracker ul
{
    list-style-type: none;
    margin-left: 0em;
    margin: 0em;
}

.ProgressTracker li
{
    list-style-type: none;
    display: inline;  
}

.ProgressTracker .inset
{
    width: 32%;
    display: inline-block;
}

.ProgressTracker .label
{
    display: block;  
}

.ProgressTracker p
{
    color: #999;
}

.ProgressTracker .SuccessfulMessage 
{
    background: #316AC5;
    color: white;
    padding: 5px;
    margin: 3px 0;
    display: block;
    width: 100%;	
}

.ProgressTracker .ProgressBar 
{
    height: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    position: relative;
    background: #DDD;
    width:100%;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}

.ProgressTracker .ProgressBar > span 
{
    display: block;
    height: 100%;
    background-color: #316AC5;
    position: relative;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}

/* ProgressTracker2 */
.ProgressTracker2 ul
{
    list-style-type: none;
    margin: 0em;
}

.ProgressTracker2 li
{
    list-style-type: none;
    display: inline;
}

.ProgressTracker2 .ProgressTrackerPanel
{
    margin: 0;
}

.ProgressTracker2 .ProgressTrackerPanel .inset
{
    text-align:center;
    line-height: 0.8;
    padding: 15px;
    display: block; 
}

.ProgressTracker2 .ProgressTrackerPanel .count
{
    margin-bottom: 5px;
    font-size: 3.5em;
    line-height: 1em;
    display:block;
}

.ProgressTracker2 .ProgressTrackerPanel .label
{
    color: #333;
    font-size: 1.3em;
    display:block;	
}

.ProgressTracker2 div p
{
    color: #333;
}

.ProgressTracker2 .ProgressBar {
    height: 20px;  /* Can be anything */
    margin-top: 3px;
    margin-bottom: 3px;
    position: relative;
    background: #555;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    padding: 10px;
}

.ProgressTracker2 .ProgressBar > span {
    display: block;
    height: 100%;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    background-color: #73a5f3;
    position: relative;
}

.ProgressTracker2 .SuccessfulMessage 
{
    background: #316AC5;
    color: white;
    padding: 5px;
    margin: 3px 0;
    display: block;
}

.RadTreeView.GLE
{
	white-space: normal;
}

/************** SSRS Report ******************/
/* Remove the blank.gif icon due to a missing parm that results in a broken image icon in non-IE browsers... https://connect.microsoft.com/VisualStudio/feedback/details/556989/#tabs */
img[src*="OpType=ReportImage&ResourceStreamID=Blank.gif"]
{
    display: none;
}

/**************************************************/
/*     Used by our jQueryUI DragNDrop in WCM      */
/**************************************************/
/* adds our indicators when we drag iParts around to show where they can be dropped*/
.ui-state-hover
{
    background-color: #aaaaaa;
    border: solid 2px #aaaaaa;
}
.ui-state-active
{
    border: dashed 2px #aaaaaa;
}

/****************************************************/
/* Used by iPart and Content Icons for surf-to-edit */
/****************************************************/

/* Surf-to-Edit button */
.SurfEditOn
{
    vertical-align: middle !important; 
}

.SurfEditOn IMG
{
    margin: 0 auto;
    padding: 2px;
}

.SurfEdit, .EditModeIndicator
{
    cursor: pointer;   
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
    padding-left: 0em !important;
    padding-right: 0em !important;       
}

.SurfEdit:hover, .EditModeIndicator:hover, .EditModeIndicatorEnabled
{       
    border: 1px solid #c28a30 !important;
    background-color: #ffd96c;
    margin: -1px; 
    padding-left: 0em !important;
    padding-right: 0em !important;                     
}

.SurfEdit IMG
{
    margin: 0 auto;
    padding: 2px;
}

/* Needed to make the hover clickable */
.ContentRecordPageAnchor
{
    display: block;  
}

/* Content configuration */
.ContentRecordPageButtonPanel
{
    cursor: pointer;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; 
}
.ContentRecordPageButtonPanel:hover
{
    background-color: #316ac5;     
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: .9;  
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;               
}

/* iPart configuration */
.ContentItemButtonPanel
{
    cursor: pointer;   
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;     
}
.ContentItemButtonPanel:hover
{
    background-color: #c5e2f9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: .9;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;    
}
.ContentItemButtonPanel IMG
{
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 1px;
    padding-bottom: 0px; 
    display: block;   
}

/****************************************************/
/*     Used by the ContentBigButtonPanel iPart      */
/****************************************************/
.HorizontalButtons .BigButtonWrapper
{
    text-align: center;
    padding: 0px;
}
.HorizontalButtons .BigButtonWrapper br 
{
	display: none;
}
.HorizontalButtons a.btn
{
    line-height: 29px;
    white-space: nowrap;
    overflow: auto;   
}

/****************************************************/
/*  Currently used by the Group List Editor iPart   */
/****************************************************/

.EditModeIndicator
{
    cursor: pointer;   
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
    padding-left: 0em !important;
    padding-right: 0em !important;               
}

.EditModeIndicator:hover
{
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #c28a30 !important;
    background-color: #ffd96c !important;
    margin: -1px !important;  
    padding-left: 0em !important;
    padding-right: 0em !important;                            
}

.EditModeIndicatorEnabled
{
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #c28a30 !important;
    background-color: #ffd96c !important;
    margin: -1px !important;  
    padding-left: 0em !important;
    padding-right: 0em !important;         
}

/**** RadSocialShare using icon sprites ****/
.RadSocialShare.LargeButtons .sshCustomIcon
{
    background-image: url(images/social-large.png);
    width: 32px;
    height: 32px;
}

.RadSocialShare.MediumButtons .sshCustomIcon
{
    background-image: url(images/social-medium.png);
    width: 24px;
    height: 24px;
}

.RadSocialShare.SmallButtons .sshCustomIcon
{
   background-image: url(images/social-small.png);
   width: 16px;
   height: 16px;
}

.sshLinkItem:hover .sshCustomIcon
{
    opacity: .7;
    filter: Alpha(opacity=70);
}

.sshCustomShareOnFacebook
{
    background-position: 0 0!important;
}

.sshCustomShareOnTwitter
{
    background-position: -40px 0!important;
}

.sshCustomMailTo
{
    background-position: -240px 0!important;
}

.sshCustomCompactButton
{   
    background-position: -280px 0!important;
}

/**** Message Notification ****/
.info, .success, .warning, .validation
{
    margin: 5px 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 100%;
    display: block;  
}
.info 
{
    color: #00529B;
}
.success 
{
    color: #4F8A10;
}
.warning 
{
    color: #9F6000;
}

/**** Query Menu Map Canvas ****/
.MapCanvas 
{
    width: 100%; 
    height: 728px; 
    margin-bottom: 2px;  
} 

 /************************************/
 /*         Compatibility            */
 /************************************/


 /*** Titles ***/
.mdTitle, #mainTitle
{
    padding-top:.3em;
    font-weight: bold;
}

.mdTitle
{
    font-size:130%;
}

#mainTitle
{
    font-size: 150%;
    line-height: 2em;
    white-space: nowrap;
}

/*** Process Manager/Marketing Suite ***/

.StageHeader 
{
    background-color: lightblue;
    font-weight: bold;
}

.StageHeader.StageSetup 
{
	cursor:pointer;
	border-top:1px solid darkgrey;
}

.StageBlock {
    border: 1px solid darkgray; 
    margin: .5em;
    clear: both;
}

.TaskHeading, .TaskBar, .WorkSpace {
	padding: 3px;
}

/*** Tagged List Icons ***/
/* Icons used in tagged lists */

/* The "new" icon in tagged lists */
.reToolbar .iMISNewContentTool, .ImportantContent
{
    background: url(../../AsiCommon/Images/AtomPainter/iMISNewContentTool.gif) no-repeat center center;
}

/* The key icon to indicate member-only content in tagged lists */
.reToolbar .iMISMembersOnlyTool, .MembersOnlyContent
{
    background: url(../../AsiCommon/Images/AtomPainter/iMISMembersOnlyTool.gif) no-repeat center center;
}

/* The "{...}" icon used for conditional display in the HTML editor */
.reToolbar .iMISConditionalDisplayTool 
{
    background: url(../../AsiCommon/Images/AtomPainter/iMISConditionalDisplayTool.gif) no-repeat center center;
}

/* The iMIS link icon used in the HTML editor */
.reToolbar .iMISLinkTool 
{
    background: url(../../AsiCommon/Images/AtomPainter/iMISLinkTool.gif) no-repeat center center;
}

/* The iMIS label icon used in the HTMl editor */
.reToolbar .iMISLabelTool 
{   
    background: url(../../AsiCommon/Images/AtomPainter/iMISLabelTool.gif) no-repeat center center;
}

.ImportantContent, .MembersOnlyContent
{
    padding: 0 10px;
}

/*** Grids ***/
/* These styles are used to style Grids like the default Telerik RadGrid */

.GridTitlePanel
{
	background: #ffffff;
	margin-top: 3px;
	margin-bottom: 3px;
}

table.Grid
{
	margin: 5px;
	border: #768ca5 1px solid !important;
}

table.Grid, table.Grid td, Table.Grid th
{
	border-collapse: collapse; /*border: #94a6ce 1px solid;*/
	padding-left: 7px;
	padding-right: 7px;
	vertical-align: middle;
}
table.Grid input
{
	vertical-align: middle;
}

Table.Grid td
{
	padding-left: 7px;
	padding-right: 7px;	
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
}

Table.Grid .ajax__calendar_container td
{
    padding:0px;
    margin:0px;
    border:none;
}

Table.Grid th, table.Grid tr.GridHeader td
{
	/* font: 12px/16px "segoe ui", arial, sans-serif;*/
	background: #DDD url(images/panel/sliver_grey.gif) repeat-x;
	/*color: black !important;*/
	height: 28px !important;
	text-align: left;
	padding-left: 7px;
	padding-right: 7px;	
}

tr.GridHeader a
{
	/* color: black;*/
	text-decoration: none;	
}

table.Grid th a
{
	/*color: black;*/
	text-decoration: none;
	white-space: nowrap;
}

tr.GridHeader th.NumberStyle, tr.GridHeader th.PriceStyles
{
	text-align: center !important;
	white-space: nowrap;
}

table.Grid td, table.Grid tr.GridAlternateRow td, table.Grid tr.tableRowAlt td,
table.Grid tr.GridRowHover:hover td, table.Grid tr.GridAlternateRowHover:hover td
{
	background-color: #ffffff;
}

table.Grid .GridRowSelected, table.Grid .eventSelectedRegistrant
{
    background-color: #e0e3e6;
}

table.Grid .eventSelectedRegistrant
{
	font-weight: bold;
}

.DeleteImage, .EditImage
{
	margin: 1px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center 50%;
	border: 0;
	background-color: transparent;
	display: block;
	cursor: pointer;
}

table.Grid .DisplayCurrency
{
    width: auto;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.NavBullet LI
{
	color: #fe7921;
	list-style-type: square;
}

.NavSpan li span
{
	color: #000000;
}

td.DisplayCurrency
{
    text-align: right !important;
    width: auto;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* = Campaign Management using the expandable grid = */

table.ExpGrid, table.ExpGrid td, table.ExpGrid th
{
	border-collapse: collapse;
}
table.ExpGrid
{
	margin: 3px;
	border: #898d8f 1px solid !important;
}
table.Grid th, table.Grid tr.GridHeader td, tr.ExpGridHeader th, tr.ExpGridHeader td, tr.ExpGridRow2 td, table.ExpGrid td
{
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	height: 28px !important;
}

table.Grid th, table.Grid tr.GridHeader td, tr.ExpGridHeader th, tr.ExpGridHeader td, tr.ExpGridRow2 td
{
	text-align: left;
	padding-left: 7px;
	padding-right: 7px;
}

/* Row with Solicitations */
tr.ExpGridRow2 td
{
	background-color: #DDD;
}

table.Grid tr.ExpGridAlternateRow td
{
	background-color: #ffffff;
}

/* Header row with Code, Segments, 1st Resp, Last Drop, Type, Member Type, Status */
table.ExpGrid tr.ExpGridHeaderSourceCode td, table.ExpGrid tr.ExpTableRowAlt td
{
	background-color: #CCC;
	height: 28px !important;
}

table.ExpGrid .DisplayCurrency
{
    width: auto;
    padding-left: 10px;
    padding-right: 5px;
}

/* Cart check out process tables */
.CartGridTable
{
	width: 375px;
}

span.CartGridTable table.Grid
{
	width: 375px;
}

.GridPrice
{
	width: 40px;
}

.GridSelect
{
	width: 40px;
}

.GridTableTitle
{
	width: 60%;
}

.rgWrap 
{
	white-space:normal !important;
}

/* Nested table IQA query filter popup calendar */
table.GridFilterCalendar, table.GridFilterCalendar td, table.GridFilterCalendar th
{
	border-collapse: collapse !important;
	background-color: #ffffff !important;
	margin: 0px !important;
	border: 0px !important;
	padding: 0px !important;
}
table.Grid tr.GridAlternatRow table.GridFilterCalendar td td, table.GridFilterCalendar
{
	background-color: #fff!important;
}


/**** </ Grid Styling > ****/

/* Use by the RelatedItems iPart */ 
/* Horizontal */
ul.RelatedItemsHorizontal li
{        
    list-style: none;
    float: left;
    padding: 10px;
    text-align: center;    
    width: 120px;
    height: 130px;  
} 

ul.RelatedItemsHorizontal a
{
    font-size: 1em;
}

ul.RelatedItemsHorizontal li a[disabled=disabled]
{
    font-weight: normal;
    text-decoration: none;
    color: #000;    
}

/* Horizontal with hover transition */ 
.RelatedItemsHorizontalEffect ul.RelatedItemsHorizontal a
{
    font-size: 0.8em;
}

.RelatedItemsHorizontalEffect li {
     -webkit-transition: all .2s ease-in-out;
}

.RelatedItemsHorizontalEffect li:hover 
{
    background-color: #EEE;
     -webkit-transform: scale(1.5);       
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;       
}

/* Vertical */  
ul.RelatedItemsVertical li {
    display: block;   
    padding: .5em;
    white-space: normal;
    overflow: hidden; 
} 

ul.RelatedItemsVertical li img {           
    padding-right: 5px;
    float: left;     
}

ul.RelatedItemsVertical li a {           
    vertical-align: middle    
}

ul.RelatedItemsVertical li a[disabled=disabled]
{
    font-weight: normal;
    text-decoration: none;
    color: #000;  
}

ul.RelatedItemsVertical li label
{
    font-weight: normal;
    vertical-align: middle;
    display: block; 
}