/*****************************************/
/***      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 center !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 dashed #6e7074;
	margin-left:5px;
	margin-bottom:5px;
}
/* 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:21px;
    line-height:normal;
	text-transform:none !important;
}

h2, div.PanelTitle
{
    border-bottom: none !important;
    margin:0;
}

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;
}

/************************************/
/* 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;
    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:16px;
    white-space: pre-line;
}

label
{
    font-weight: bold;
    color: #000000;
	font-family: 'proxima-nova', sans-serif;
}

/* 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: 0.25em;
    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;
}

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

.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 center !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:13px 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
{
    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;
}

.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;
    overflow: hidden;
    -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;
    overflow: hidden;
}

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

/************** 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
{
    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;  
}
.SurfEdit: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;               
}
.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;   
}