/* activity - default state for page loading : See CORE/js/global.js */
/* list must match the set of elements set in CORE/js/global.js c_activityCursorElementTypeList */
body /*,input,button,select,a*/
{

	cursor:wait;
}

/*

	JC : 03 Oct 2005 : TEMP PATCH; hides linked user functionality in the profile page.
					   added while the issue of "is it needed" is being resolved.

*/
div.HideLinkedPersonInProfile{display:none;}

/* HTMLEditor */
	
	DIV.ContainerClass
	{
		display:inline;	
		text-align:center;
		width:490px;
		height:250px;
	}
	
	DIV.ButtonGroup
	{	
		border:solid 1px #99bbcc;
		background:#cceeff;
		display:block;
		margin:1px;
		margin-right:2px;
		margin-left:2px;
		float:left;		
		/*background-image:url(../../images/pageBuild/std_buttonBg.gif);*/
		/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#aaccdd,endColorStr=#cceeff); */
	}

	
	.WYSIWYGEditorClass, .HTMLEditorClass
	{
		display:inline;
		width:525px;
		height:230px;
		border:solid 1px #aaaaaa;	
		padding:5px;
		text-align:left;
		margin-top:5px;
		margin-bottom:5px;
		background:#ffffff;
		position:relative;
		font-size:100%;	/*ct: 9/5/06 added as this font sizze was too large*/
	}
	
	.HTMLEditorClass
	{
		margin-top:4px;
		margin-bottom:4px;
	}
	
	.WYSIWYGEditorClass{
		overflow:scroll;
	}

	.WYSIWGContainer
	{
		text-align:center;
		display:block;
		width:370px;		
		float:left;
	}
	
        
    .WYSIWYGEditorClass TABLE
    {
        border-top:solid 1px #99bbcc;
        border-left:solid 1px #99bbcc;
    }
    
    
    .WYSIWYGEditorClass TABLE TD
    {
        border-bottom:solid 1px #99bbcc;
        border-right:solid 1px #99bbcc;
    }
    
/* **** Label **** */

	/* light label span */
	span.li_label
	{
		display:block;
		margin-left:9px;
		width:122px;	
		vertical-align:top;
		float:left;
	}
	
	/* light label span - for submit email in registration */
	span.li_labelRegistrationLong
	{
		display:block;
		margin-left:9px;
		width:200px;
		float:left;
		vertical-align:top;	
	}	
	

	/* anchor style for a label with the "info" icon */
	a.infoLabel
	{
		display:block;
		height:15px;
		background:url("../images/icons/info.gif");
		background-repeat:no-repeat;
		background-position:right center;		
		padding-right:20px;
	}

	.hiddenLabel
	{
		display:none;
	}

	.noWrapLabel, .relationLabel, .shortLabel, .standardLabel, .standardLabelAnchor, .longLabel, .veryLongLabel, .shortLabelRight, .standardLabelRight, .longLabelRight, .veryLongLabelRight, .labelRight, .longLabelFloatRight, .standardLabelRightInline
	{
		font-size:12px;
		text-decoration:none;
		color:#224455;	
		vertical-align:top;
	}
	
	.noWrapLabel, .relationLabel
	{
		padding-left:10px;
		padding-right:10px;	
		vertical-align:middle;
		text-align:left;
		width:122px;
	}
	
	.relationLabel
	{
		margin-right:93px;
	}
	
	.shortLabel, .standardLabel, .longLabel, .veryLongLabel, .shortLabelRight, .standardLabelRight, .longLabelRight, .veryLongLabelRight, .labelRight, .longLabelFloatRight, .shortLabel2, .shortLabel3
	{
		display:block;
		float:left;	
		clear:right;
		padding-left:10px;
	}
	
	.shortLabelRight, .standardLabelRight, .longLabelRight, .veryLongLabelRight, .labelRight, .longLabelFloatRight, .shortLabel2
	{
	    clear:none;	   
	}
	
	.standardLabelRightInline
	{
		padding-left:10px;
		padding-right:10px;
	}
	
	.shortLabel, .standardLabel, .longLabel, .veryLongLabel, .shortLabelRight, .standardLabelRight, .longLabelRight
	{
		width:122px;
	}

	.longLabel, .longLabelRight
	{	width:130px; }

	.shortLabel, .shortLabelRight
	{	width:100px; }	
	
	.shortLabel2
	{	
		width:30px;		
	}	
	.shortLabel3
	{	
		width:70px;		
	}	
	
	.veryLongLabel, .veryLongLabelRight
	{	width:200px; }
	
	.noWrapLabel:hover, .shortLabel:hover, .standardLabel:hover, .standardLabelAnchor:hover, .longLabel:hover, .veryLongLabel:hover, .shortLabelRight:hover, .standardLabelRight:hover, .longLabelRight:hover, .veryLongLabelRight:hover, .labelRight:hover, .shortLabel2:hover, .shortLabel3:hover
	{
		text-decoration:underline;
		color:#0000ff;	
	}
	
	.longLabelFloatRight
	{
		width:160px;
		float:right;
		text-align:right;
	}


LABEL.CollapsibleBox_LongLabel, 
LABEL.CollapsibleBox_VeryLongLabel 
{
	width:150px;		
	display:block;
	float:left;		
}

LABEL.CollapsibleBox_VeryLongLabel 
{
	width:250px;	
}


LABEL.CollapsibleBox_LongLabel A, 
LABEL.CollapsibleBox_LongLabel A:hover, 
LABEL.CollapsibleBox_VeryLongLabel A, 
LABEL.CollapsibleBox_VeryLongLabel A:hover
{
	/*font-size:12px;	*/
	color:#000084;

}

LABEL.CollapsibleBox_LongLabel A:hover, 
LABEL.CollapsibleBox_VeryLongLabel A:hover
{
	text-decoration:underline;
	color:#0000FF;
}
	
/* Validation */
.valid, .validInputShort, .newsURLInput, .validFileURLInput, .validInputShort2, .validEmailInput, .validOrgTitle, .validOrgTitleLarger
{ 
	width:400px;
	background:#ffffff; 
}
.invalid, .invalidInputShort, .invalidnewsURLInput, .invalidFileURLInput, .invalidInputShort, .invalidEmailInput, .invalidOrgTitle
{ 
	width:400px;
	background:#ffdddd; 
}

/*    Used exclusively on CORE/Wizard/Panel/PersonOrganisationSet/SetChooserPanel.ascx    */
.validOrgTitle, .invalidOrgTitle
{
	width:126px;
}
.validOrgTitleLarger
{
	width:400px;
}


.validInputShort, .invalidInputShort
{
	width:280px;
}
.validInputShort2, .invalidInputShort2
{
	width:80px;
}
.validInputShort3, .invalidInputShort3
{
	width:250px;	
}
.validInputShort4, .invalidInputShort4
{
	width:200px;	
}
.validKeywordActive, .validKeywordSaved, .validKeywordReady 
{
	width:380px;
}
.newsURLInput, .validFileURLInput, .invalidFileURLInput, .invalidnewsURLInput
{
	width:195px;	
}
.validKeywordSaved
{
	color:#00cc00;
}
.validKeywordActive
{
	color:#cc0000;
}
.validKeywordReady
{
	color:#000000;
}

TEXTAREA.validTextArea, TEXTAREA.invalidTextArea, TEXTAREA.validLargeTextArea, TEXTAREA.invalidLargeTextArea, TEXTAREA.validLarge2TextArea, TEXTAREA.validSmallTextArea, TEXTAREA.invalidSmallTextArea,
/* Valid and invalid css classes for the Street Address textarea on the Organisation Wizard Contact Details panel:
   have used new css classes because it needs a custom height */
TEXTAREA.validOrganisationWizardContactDetailsStreetAddressTextArea, TEXTAREA.invalidOrganisationWizardContactDetailsStreetAddressTextArea
{
	width:400px;
	font-size:100%;	 
}
TEXTAREA.validTextArea, TEXTAREA.invalidTextArea
{
	height:80px;
}
/* Valid and invalid css classes for the Street Address textarea on the Organisation Wizard Contact Details panel:
   have used new css classes because it needs a custom height */
TEXTAREA.validOrganisationWizardContactDetailsStreetAddressTextArea, TEXTAREA.invalidOrganisationWizardContactDetailsStreetAddressTextArea
{
	height:32px;
}

TEXTAREA.validTextArea, TEXTAREA.validLargeTextArea, TEXTAREA.validLarge2TextArea, TEXTAREA.validSmallTextArea,
/* Valid css class for the Street Address textarea on the Organisation Wizard Contact Details panel:
   have used a new class because it needs a custom height */
TEXTAREA.validOrganisationWizardContactDetailsStreetAddressTextArea
{
	background:#ffffff;
}

TEXTAREA.invalidTextArea, TEXTAREA.invalidLargeTextArea, TEXTAREA.invalidLarge2TextArea, TEXTAREA.invalidSmallTextArea,
/* Invalid css class for the Street Address textarea on the Organisation Wizard Contact Details panel:
   have used a new class because it needs a custom height */
TEXTAREA.invalidOrganisationWizardContactDetailsStreetAddressTextArea
{
	background:#ffdddd;	
}

TEXTAREA.validLargeTextArea, TEXTAREA.invalidLargeTextArea
{
	width:400px;
	height:200px;	
}

TEXTAREA.validLarge2TextArea, TEXTAREA.invalidLarge2TextArea
{
	height:300px;	
}
TEXTAREA.validSmallTextArea, TEXTAREA.invalidSmallTextArea
{
	height:60px;	
}


/* CT:  Sets the size of selects on the wizards */
.validSelect, SELECT.validSelectShort3
{
	background:#ffffff;
	width:402px; 
}
.invalidSelect, SELECT.invalidSelectShort3
{ 
	background:#ffdddd; 
	width:402px;
}

/* For use in rights next to radio button - hence slightly shorter*/
.validSelectShort
{
	width:290px;
}
.invalidSelectShort
{
	width:290px;
}
.phoneNumberTypeSelect
{
	background:#ffffff;
	width:80px;
}

/* End: Setting select size */

.validSelectShort2
{
	width:190px;
}
.invalidSelectShort2
{
	width:190px;
}
SELECT.validSelectShort3
{
	width:80px;
}
SELECT.invalidSelectShort3
{
	width:80px;
}

A.StdEditorButton
{
	width:26px;
	height:26px;
	border:solid 1px #cceeff;
	display:block;
	float:left;
	text-decoration:none;
	background:#dddddd;
}

A.StdEditorButton:hover
{
	border:solid 1px #99bbcc;
}

/**/

INPUT.SingleSelectAndInput_Input
{
	width:285px;
}

/**/

/*	Registration - Start	*/

DIV.searchResultsHiddenDiv
{
	display:none;	
}

DIV.searchResultsDiv
{
	display:block;
	clear:left;
}

TABLE.reg_summaryTABLE
{
	width:80%;
	vertical-align:top;
	
}

TD.reg_summaryLeftTD
{
	background-color:#eeeeee;
    width:130px;
    padding-bottom:4px;
	vertical-align:top;
}

TD.reg_summaryLeftLongTD
{
	background-color:#eeeeee;
    width:210px;
    padding-bottom:4px;
	vertical-align:top;
}

TD.reg_summaryRightTD
{
    padding-left:4px;
	vertical-align:top;
}

DIV.reg_crumbtrailDiv
{
	display:block;
	width:auto;
	clear:both;
}


/*	Registration - End		*/

/*
	Zero width breaking space - start
*/
SPAN.zeroWidthBreakingSpaceIE
{ /* these two common fonts have a glyph for the zero-width breaking space*/
	font-family:Arial Unicode MS, Lucida Sans Unicode 
}
/*
	Zero width breaking space - end
*/

/*
	Keyword Management - start
*/
TD.km_tdHead
{
	background-color:#99bbcc;
    width:230px;
    padding:2px;
	vertical-align:middle;
	color:#FFFFFF;	
	font-weight:bolder;
}
TD.km_tdContent, TD.km_tdContentReplacement
{
	background-color:#bbddee;
    width:230px;
    padding:2px;
	vertical-align:middle;
	color:#000000;		
	font-family:Arial;
	font-size:small;
}
TD.km_tdContentReplacement
{
	width:650px;    
}
a.km_anchor:link, a.km_anchor:visited, a.km_anchor:hover, a.km_anchor:active
{
	text-decoration: underline;
	color:#0000ff;	
	font-size:small;
}

/*
	Keyword Management - end
*/

/* Global class to render elements invisible.
 *
 * At the moment, is just used on the PersonDetails panel of the person wizard
 * when it is opened for Network registration - it is used to hide the chooser controls
 */
.invisible
{
	display: none;
}