/************/
/*** 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;
	background-color: #FFFFFF;
	border: solid 0.1em #90979E;
	border-bottom-width: 0.1em;
	clear: both;
}
/* special case for when panels are nested */
.StandardPanel .StandardPanel
{
	margin: 0em;
	padding: 0em;
}
.StandardPanel fieldset
{
	border: none;
	padding: 0.02em;
	margin: 0em;
}
/* Hide the legend because we use our own custom header */
.StandardPanel fieldset legend
{
	display: none;
}

/* .PanelHead <div> Header bar within a StandardPanel - Optionally used with .Collapsible */
.PanelHead
{
	color: #000000;
	height: 1.625em;
	clear: both;
	background: #EFEFEF url('./images/panel/sliver_grey.gif') repeat-x;
	white-space: nowrap;
	padding-top: 0.25em;
	margin-right:1px; /* Keep the background from overriding the containing div's border in IE */
}
/* Controls the behavior of a StandardPanel and the appearance of the expand/collapse element within the PanelHead */
.Collapsible
{
	cursor: pointer;
}
.PanelHeadCollapseImage, .PanelHeadCollapseText
{
	margin-right: 0.313em;
	float: right;
}
.PanelHeadCollapseText
{
	text-decoration: underline;
	font-weight: normal;
}

/* .PanelTitle <span> Title of a StandardPanel - Used inside .PanelHead */
.PanelTitle
{
	font-weight: bold;
	margin-left: 0.625em;
	float: left;
	color: black;
}
/* .PanelBody <div> Wrapper for the Body of a StandardPanel */
.PanelBody
{
	font-family: arial,helvetica,clean,sans-serif;
	color: black;
	padding-right: 0.188em;
	padding-left: 0.188em;
	height: auto;
}
/* .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.188em 0.125em 0.188em 0.125em;
	border: none;
}

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

/* 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
{
	padding-left: 0.125em;
	padding-right: 0.125em;
	display: inline;
	float: left;
	width: auto;
	text-align: left;
}

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

textarea
{
	width: 25em;
}

/* 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 */
.StandardPanel div.PanelField label
{
	float: left;
	text-align: left;
	font-weight: normal;
	color: #505050;
	width: 11em;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size:inherit;
	white-space: pre-line;
	padding-left:3px;
}
/* */
.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;
}

.PanelField div a img
{
	float: right;
}

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

/* Special case needed to prevent the "i" icon from wrapping under the fields */
.PanelFieldValue input, .PanelFieldValue select, .PanelFieldValue a, .PanelFieldValue .RadComboBox_Default, .PanelFieldValue .CheckBoxList
{
	float: left;
}

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

/**********************************************************************/
/*** 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 **/
}

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

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

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

/**************************************/
/* 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;
}
/* Style of the QueryMenu popup column headers. */
.ColumnHeader
{
	font-weight: bold !important;
}
/* Style of the QueryMenu result grid headers. */
.ResultsHeader
{
	font-weight: bold !important;
}

/*************************************************************************/
/* 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 */
/*******************************/

/* 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 for items that are a subset of another item */
.SubItems
{
    padding-left:1.6em;
}

/* 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: #505050;
}
div.ShowFieldset fieldset
{
	border: 1px solid gray;
	padding: 0.05em;
	margin: 0.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;
}

/***********************************/
/* 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 as "Required" when field validation occurs */
.Important
{
	font-family: small-caption;
	font-weight: bold;
	color: Red;
	padding-left: 3px !important;
}
.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;
}

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

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

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

/*************/
/* Web parts */
/*************/
.WebPartZone
{
	display:table;
	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                                  */
/***************************************************/
.SearchResultImage
{
	float: left;
	padding-right: 5px;
	width: 5.125em !Important;	/* It is required for the IE8 browser - all other browsers works just fine without it! */
}

/* Defines WIDTH size for the THUMBNAIL image in the search results row*/
.SearchResultImage img
{
	max-width: 5.125em !Important;
}

/* This is the abstract data in a given search result that should 
 * flow, but stay, between the generic image on the left and any additional
 * image on the right.
 */
.SearchResult
{
	font-family: verdana,tahoma,arial,helvetica;
	float: none;
	text-align: left;
	margin-left: 6em;		/* Don't wrap under the generic result image */
	line-height: 1.231;     /* the radgrid containing the results resets this from how it is set in reset-fonts-grids.css, so change it back */
	font-size: 13px;        /* same here */

}
/* Ensure the additional result-specific image is of a consistent width */
.SearchResultAdditionalImage
{
	width: 7.5em;
}
/* Additional result-specific image in result row, given by ImageURL metadata */
.SearchResultAdditionalImageSection
{
	float: right;
	padding-left: 10px;
	min-width: 7.5em;
}

/*********************************************/
/* Object Browser                            */
/*********************************************/
.ObjectBrowserContentList
{
	padding-left: 5px;
	width: 95%;
}
.ObjectBrowserContentList .selected
{
	background-color: #316AC5;
	color: #FFFFFF;   
}
.ObjectBrowserContentList .hover
{
	background-color: #97CFFB;    
}
.ObjectBrowserContentList div, .dragItem
{
	cursor: default;
	padding: 1px;
	height: 1.5em;
}
/* Handles objects that have very long names and prevents the name from wrapping or overflowing the container */
.ObjectBrowserContentList span span
{
	white-space: nowrap;
	display: inline-block;
}
/* 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; 
}

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

/* Make the upload progress 'popup' wide enough (approx. 700px) to accomodate longish file names
 * to work around a wrapping problem where the wrapped text for the LI is too
 * close to the first line of that item
 */
.RadUploadProgressArea
{
    width: 53.85em !Important;      /* Non-IE */
    *width: 52.55em !Important;     /* IE */
}

.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
{
	float: right;
	clear: both;
}
.CommandBar input, .CommandBar button
{
	margin-right: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

/*****************/
/* 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;
}
/*********************************************/
/* Misc.                                     */
/*********************************************/
/* FF doesn't set disabled elements to grey by default */
span[disabled="disabled"], label[disabled="disabled"]
{
	color: #bebebe !Important;
}

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

.TwoColumns
{
    width: 50%;
}

.ThreeColumns
{
    width: 33%;
}

/*********************************************/
/* 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%;
}

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