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

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

/* Remove bullets from list items in tree nodes and from titlebar control buttons in rad window popups */
.RadTreeView ul li.rtLI, .RadWindow .rwTitlebarControls ul.rwControlButtons li {
    list-style: none;
}

/* 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 .rgHeader 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, .StandardPanel:after, .PanelBody:after, 
.CommandBar:after, .TitleBarCaption:after, .GridTitlePanel:after,
.ContentTabbedDisplay:after, .BigButtonWrapper:after
{
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0;
    font-size:0;	
    clear: both; 
    visibility:hidden;
}

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

/* </RadGrid Command Items using icon sprites > */

.RadGridCommandIcon 
{
    max-width: 22px !important; 
    height: 24px !important; 
    display: inline-block;
}

.RadGridCommandText 
{
    display: inline; 
    vertical-align:bottom !important;
}
/**** RadGrid Command Items using icon sprites ****/

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

.BigButtonWrapper.HasImage img
{
    max-width: 100px;
    margin-right: 5px;
    float: left;
}

.BigButtonWrapper.HasImage .BigButtonLinkList
{
    display: table-cell;
}

/**** End BigButtonPanel ****/

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

/**** </ MasterPageTasks styling > ****/

#masterPageTasks .PrintButton, #masterPageTasks .EmailButton
{
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}

.PrintButton
{
    background-image: url('images/icon_printthispage.gif');
}

.EmailButton
{
    background-image: url('images/icon_email.gif');
}

/* Adjusts height for tabs used in areas like Certification and BOD */
.ajax__tab_xp .ajax__tab_tab {
    height: 21px !important;
}