.BreakWord
{
	word-break: break-all;
}

/* iPart Title Control */
.TitleBarPrompt
{
	font-weight: normal;
	color: black;
}

.TitleBarCaption
{
	font-size: 115%;
	color: #CC6600;
	text-align: left;
	border-bottom: 1px solid #CC6600;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

/* Hover control hide/show options */
.InLineOption .InLineOption_Controls
{
	display: none;
	cursor: pointer;
	background-color: #F4F4F4;
}
			
.InLineOption:hover .InLineOption_Controls
{
	display: block;
	cursor: pointer;
}

.InLineOption .InLineOption_Controls_Always_Display
{
	display: block;
	cursor: pointer;
}

/* ASI Style Usage Guide - iPart Forms */
.Form
{
	padding: 5px;
	margin-top: 10px;
}

.Form th
{
	padding: 3px;
	font-weight: normal;
	text-align: left;
}

.Form td
{
	padding: 3px;
	margin: 3px;
}

.Form th .Required
{
	background-position: left center !important;
	_position: fixed !important;
	background-image: url(images/required.gif) !important;
	background-repeat: no-repeat;
	padding-left: 11px !important;
	display: block !important;
	margin-left: 0px !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;
}

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

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

/* End Configuration for QueryMenu iPart */

/* This defines the border displayed when 'Display a border around this content'
   is selected in Content Designer */
.ContentBorder
{
    border-color: #D8D8D8;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    margin-left: 1px;
}

/* Information text displayed after an update */
.Information
{
	font-style: italic;
}

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

/* Override Telerik Fonts */
html body .RadInput_Default .riTextBox
{
	font-size: 98% !important;
	font-family: verdana,tahoma,arial,helvetica !important;
	font-weight: 100 !important;
	padding-left: 0.25em !important;
}

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

/* Brought over from UltraWave.css, so that checkboxlists display correctly */
/********************/
/*** CheckBoxList ***/
/********************/
.CheckBoxList label
{            
	float: none !important;
	font-weight: normal !important;
	color: Black !important;
}
.CheckBoxList INPUT
{
	float: none !important;
}

/*********************************/
/*      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 img, .PersonDisplay input[type=image]
{
    width:100px;
}

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

/* End PeoplePanel styling */

/* Used in the PeoplePanel and elsewhere to denote a selected item within a group. */
/* The background for SelectedItem is defined in WebParts.css */
.PeoplePanel .SelectedItem
{
    opacity:1;
    filter:Alpha(opacity=100); /* Sets the opacity for IE8 */
}

/* Used for items that are a subset of another item */
.SubItems
{
    padding-left:1.6em;
}

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

.RadToolTip_Telerik a
{
	cursor: pointer !important;
	color: Black;
}

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

/* 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
{
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0;
    font-size:0;	
    clear: both; 
    visibility:hidden;
}