a {
		color:				#05447e;
		font-size:			11px;
}
a:hover, a:link, a:visited {
		color:				#05447e;
}

a:hover, a:active {
		font-style: 		normal;
		text-decoration: 	underline;
		 color: 			#981b1e;
}

body { 
		font-family: 			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 				11px;
		margin:					0px;
		background-color:		#ffffff;
}

TABLE { 
		font-family: 			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 				11px;
}

.header TABLE { 
		font-family: 			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 				11px;
}

h2	{
		font-family: 			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:				12px;
}

.tightTable
{
	border:		0px;
	padding:	0px;
	margin:		0px;
}

.important {
		font-weight:			bold;
}
.stressed {
		font-style:			italic;
}

hr.sectionDivider { 
		border: 			none;
		background-color: 	#999999;
		color: 				#999999;
}

/* *****************  All Custom Classes ********************** */
.pageBody { 
		background-color:	#f5f5f5;
}
.reportColumnHeader {
		background-color:	#999999;
		color:				white;
		font-weight:		bold;
}
.footer {
		color:			#666666;
		white-space:		nowrap;
		width:			100%;
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 		10px; 
}
.VersionAndCopyright {
		text-align:		left;
}
.menuItem
{
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:				11px;
		color:					#000000;
		padding:				4px;
		padding-left:			8px;
		font-weight:			normal;
		background-color: 	#fff;
		border-right:			1px solid #ffffff;
		white-space:			nowrap;
}


.tabForeground {
		background-color:	#ffffff;
}

.tabForegroundHigh {
		background-color:	#ffffff;
		height:				24px;
}

.tblBackground {
		background-color:	#999999;
}

.tblForeground {
		background-color:	#FFFFFF;
}

.labelHorizontalDivider {
		background-color:	#b4b4b4;
}

.valueHorizontalDivider {
		background-color:	#dfdfdf;
}



TD.labelVerticalDivider {
		border-right: 		1px solid #999999;
}
.tblForeground TD, .tblForeground TH {
		padding:			5px;
}

.listTable TD, TD.listTable {
		padding:			0px;
}

.horizontalCellDivider TD, horizontalCellDivider TH, TD.cellDivider, .cellDivider {
		padding:			0px;
}

TD.browseRowDivider, .browseRowDivider {
		padding:			0px;
}

TD.labelVerticalDivider {
		padding:			0px;
}

TD.labelVerticalDividerRight {
		padding:			0px;
}

TD.valueHorizontalDivider {
		padding:			0px;
}


/*
 * A wide bar that has text in it labelling a section of the page.
 *
 * Use with:
 * <TR>
 */
.adminSectionBar {
		background-color:	#999999;
		color: 				white;
		width: 				100%;
		text-align:			center;
}

/*
 * A tall, narrow bar used on the left side of a set of rows to mark
 * them as a section.
 *
 * Use with:
 * <TD>
 */
 .verticalSectionBar {
	 	background-color: 	#999999;
		color: 				white;
		text-align: 		center;
}


/*
 *	This class is applied to text that might come before a series of labels
 * 	explaining their use, etc.
 *	
 *	Use with:
 * 		<SPAN> or <TD>
 */
.explanatoryText {
		font-size:			11px;
		color:				#000000;
}


/*
 *	This class is applied to text that is displayed on the pages that takes time to process
 *
 * Use with:
 * <TD>
 */
.messageWait {
		font-size:				11px;
		font-weight:			bold;
		text-align:				center;
}

/*
 * 	The right-aligned bar that contains the images and links. Found
 *	in the favorites tabs and in discussions, as well as other places.
 *
 *	Use with:
 *		<TR>
 */
.imageActionBar, .imageActionBar a {
		font-size:			10px;
}

/*
	The style to use for the label part of the label/value pair.
	
	Use with:
		<TD>
*/
.label {
		width:					15%;
		white-space:			nowrap;
		color:					#434343;
		background-color: 		#e2e2e2;
		border-left: 			1px solid #ffffff;
		border-top: 			1px solid #ffffff;
		border-right: 			1px solid #999999;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:				left;
		font-weight:			bold;
		font-size: 				11px;
}

.logoutLabel TD {
		text-align:				center;
		font-weight:			bold;
		font-size: 				11px;
		padding-top:			20px;
		padding-bottom:			20px;
		padding-right:			8px;
		padding-left:			8px;
		white-space:			nowrap;
}

.darkColumnLabel {
		background-color:		#999999;
		text-align:			center;
		color:				white;
		font-size: 			11px;
}

.columnLabel {
		background-color:		#cccccc;
		text-align:			center;
		color:				black;
		font-size: 			11px;
}

/*
	Changes the style of editable input text

	Use with:
		<INPUT TYPE="TEXT" ... >
		<TEXTAREA ... >
*/
.valueEditable {
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:		 		11px; 
		font-weight:	 		normal;
		
}

/*
	Defines the style of static text next to the label. The second part of the label/value pair.
	
	Use with:
		All input types other than "TEXT"
		In some cases it may be used as the class for the enclosing table division (<TD>), this is
		useful when you have multiple elements with static text and a single label, e.g. several radio
		buttons.
*/
.valueStatic {
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:		 		11px; 
		font-weight:	 		normal;
}

/*
 * 	These classes are used to make a thin divider horizontally.
 *
 * Use with:
 *		<TD>
 */
.lightHorizontalDivider {
	background-color:			#cccccc;
}

.horizontalDivider, .heavyHorizontalDivider {
	background-color:			#666666;
}

.boxTitleBar 
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:		bold;
		font-size:			12px;
		color:				#666666;
		background-image:	url( 'fon-table-header-gray.gif' );
		background-repeat:	repeat-x;
		text-align:			left;
		padding:			3px;
		padding-left:		10px;
}

.buttonBar
{
	background-image:	url( 'fon-table-header-gray.gif' );
	background-repeat:	repeat-x;
	height:				18px;
	text-align:			center;
	padding:			5px;
}
		
/*
	This class defines the style to use with general buttons.
	
	Use with:
		<INPUT TYPE="BUTTON">
*/
.button {
		color:				#000000;
		font-size: 			10px;
}

/*
	This class defines the style to use with save and apply buttons.
	
	Use with:
		<INPUT TYPE="BUTTON">
		<INPUT TYPE="SUBMIT">
*/
.saveButton, .applyButton {
		color:				#000000;
		font-size: 			10px;
}

/* This section is defines the style for 
   multi select buttons copy, move, delete ...
*/

.multiButton{
	 font-size:10px;
	 font-family:				tahoma;
	 padding-left: 				21px;
	 border-left:1px solid 		#B7B7B7;
	 border-top:1px solid 		#B7B7B7;
	 border-right:1px solid 	#999999;
	 border-bottom:1px solid 	#999999; 
	 background-color: 			#EFEFEF;
	 height: 					24px;
	 color:						#000000;	
}

/*
	This class defines the style to use with cancel, delete, and reset buttons.
	
	Use with:
		<INPUT TYPE="BUTTON">
		<INPUT TYPE="RESET">
*/
.cancelButton, .resetButton, .deleteButton {
		color:				#000000;
		font-size: 			10px;
}



/* *********************** Search Classes ****************************** */

/*
	Defines the style applied to the search bar.
	
	Use with:
		<TR>
*/
.searchBar {
		color: 					#333333;
		font-family: 				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:	 			11px;
}


.searchBar a {  
	 	font-size: 				10px;
		font-family: 				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:				normal; 
		color: 					#05447e;
}

.searchBar a:link, .searchBar a:visited {
		 color: 				#05447e;
		 text-decoration: 			none;
}

.searchBar a:hover, .searchBar a:active {
		 color: 				#05447e;
		 text-decoration: 			underline;
}

.searchButton {
		WIDTH: 		46px; 
		HEIGHT: 	21px;
		font-size:	10px;
}

.searchMenuSelect
{
	background-image:		url( 'searchselectbackground.png');
	color:				#000000;
	padding-left:			4px;
	padding-right:			0px;
	padding-top:			0px;
	border:				1px solid #777777;
	white-space:			nowrap;
	text-align:			left;
}


/*
 *	Class that was already in the search page.
 */
.searchBut INPUT, SELECT.searchBut  {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-style: 		normal;
		font-size: 			11px;
		color: 				#000000;
}

#searchComponent
{
	background-image: 		url( 'search-header-gray.gif' );
	background-repeat:		repeat-x;
}
/* *********************** HEADER CLASSES ***************************** */

#topComponent
{
	width:		100%;
}

/*
	Defines the style to apply to the first bit of text in the header bar.
	
	Use with:
		<SPAN>
*/
#headerTitle1 {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:		left;
		font-size:		11px;
		color:			#ffffff;
		margin-left:	7px;
}

/*
	Defines the style aplied to the second bit of text in the header bar.
	
	Use with:
		<SPAN>
*/
#headerTitle2 {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:		left;
		font-size:		14px;
		font-weight:		bold;
		color:			#ffffff;
		margin-left:	7px;
}

/*
	Defines the style aplied to the User Name in the header bar.
	
	Use with:
		<SPAN>
*/
#headerUserName {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:		center;
		font-size:		11px;
		font-weight:		bold;
		color:			#ffffff;
		padding-left:	10px;
		padding-right:	10px;
}

.headerCurrentDate {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:			center;
		font-size:			10px;
		color:				#ffffff;
}

.headerUserName {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:		center;
		font-size:		11px;
		font-weight:		bold;
		color:			#ffffff;
		padding-left:	10px;
		padding-right:	10px;
}

.headerCurrentUser {
		font-size:			11px;
		font-weight:		bold;
}

/*
	Defines the style aplied to the Current Date in the header bar.
	
	Use with:
		<SPAN>
*/
#headerCurrentDate{	
		font-family: 	Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:			#ffffff;
		font-size:		10px;
		text-align:		center;
		padding-left:	10px;
		padding-right:	10px;
		
}


.headerBar {
}


/*
 *	A wide bar that has text in it labelling a section of the page.
 *	See the Task List browse page for an example.
 *
 *	Use with:
 *		<TR>
 */
.sectionBar {
	text-align:			left;
	background-color:	#aaaaaa;
	color:				#000000;
	width:				100%;
}



/* *********************** FOOTER CLASSES ***************************** */

/*
	Defines the style that is applied to the footer bar.
	
	Use with:
		<TABLE>
*/
#footer
{
	vertical-align:		bottom;
}

/*
 *	Defines the style to apply to the Livelink version and copyright section
 *	of the footer.
 *	
 *	Use with:
 *		<TD>
 *	
 */

/*
 *	The class set on the dashboard bar when java is disabled.
 */
.dashboardNoJava {
		font-size:		10px;
}



/* ***********************  BROWSE CLASSES  ****************************** */

.browseMultiSelectColor{
		background-color:	#F8F8F8;
}

.browseRowDivider {
		background-color:	#e0e0e0;
}

.featuredItemBG {
		background-color:	#999999;
}

.featuredItemTitle, .featuredItemTitle TD, .browseBoxHeader TD, .browseBoxHeader {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:		bold;
		font-size:			12px;
		color:				#666666;
}

.featuredItems, .featuredItems TD, .featuredItems TR {
		background-color:	white;
}

.browseViewTab {
	background-color:	#D5EAFF;
	width:				1%;
	font-size:			11px;
}

/*
 * The style applied to the bar of buttons shown in the browse view and used for
 * multi-select actions.
 */
.multiButtonBar {
	background-color:		#ffffff;
}

/*
 *	The class that defines the styles for every other row of a browse view, 
 *	beginning with the first. Changes, made to anything other than the background
 *	color, should be reflected in the 'browseRow2' class. This is an odd bit of
 *	ugliness, but it's better than the alternatives.
 *	
 *	Use with:
 *		<TR>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseRow1, .browseRow1 a {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px; 
		color: 				#333333;
}

/*
 * We don't want to set the background-color on the anchor tags since user overrides don't
 * apply to them.
 */
.browseRow1 {
		background-color: 	#eeeeee;
		height:				24px;
}

/*
 *	The class that defines the styles for every other row of a browse view, 
 *	beginning with the second. Changes, made to anything other than the background
 *	color, should be reflected in the 'browseRow1' class. This is an odd bit of
 *	ugliness, but it's better than the alternatives.
 *	
 *	Use with:
 *		<TR>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseRow2, .browseRow2 a {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px;
		color: 				#333333;
}

.browseRow2
{
	height:				24px;
}
/*
 *	Use this style when a browse row isn't appropriate, but the browse item styles are. 
 *	
 *	Use with:
 *		<TD>
 *
 *	See:
 *		task/edititems.html ( Task List function menu -> Edit Items )
 *
 */
.itemRow {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 		11px; 
		font-weight: 		normal;
		color: 			#000000;
}

/* 
	Defines the styles for the table header in the list view of the browse
	and sets the defaults for links that appear in the header.
	
	Use with:
		<TR>
*/
.browseListHeader, .headerRow {
		background-image:	url( 'fon-table-header-blue.gif' );
		background-repeat:	repeat-x;
		font-size: 			11px;
}

.browseListHeader a, .headerRow a {
		font-size: 		11px;
}

.browseListHeader .cellDivider {
		background-image:		url( 'table-header-divider.gif' );
		background-repeat:		no-repeat;
		width:					2px;
		height:					19px;
}

/*
 *	The style to use for the strong background color and light font color.
 *	Please do not add "width: 1%;" to this style
 *	
 *	Use with:
 *		<TD>
 *
 *	See:
 *		itemtemplate/filtering.html
 */
.columnHeaderLabel {
        white-space:        nowrap;
        background-color:   #999999;
        font-family:        Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: 		left;
		font-size: 			small;
		color: 				#ffffff;
}

/*
 *  Defines the styles to apply to the text in a header row. 
 *
 *  Use with:
 *      <TD>
 *
 *  See:
 *      itemtemplate/namesubstitution.html
 */
.browseListHeaderText {
        text-align:     left;
}

/*
 *	Defines the styles to apply to the table content with many text columns.
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		itemtemplate/namesubstitution.html
 */
.browseText {
		text-align:		left;
		font-size:		11px;
}

/*
 *	Defines the styles to apply to the name and actions items in a 
 *	browse header row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseListHeaderName {
		text-align:		left;
}

.browseListHeaderUser, .browseListHeaderActions {
		text-align:		left;
}

/*
 *	Defines the styles to apply to the date and functions items in a 
 *	browse  header row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseListHeaderDate {
		text-align:		center;
}

.browseListHeaderFunctions{
		text-align:		center;
		width:			1%;
}

/*
 *	Defines the styles to apply to the type item in a 
 *	browse header row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseListHeaderType {
		text-align:		center;
		width:			1%;
}

/*
 *	Defines the styles to apply to the size item in a 
 *	browse header row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseListHeaderSize {
		text-align:		right;
}

/*
 *	Used for the multi-select checkboxes column
 */
.browseListHeaderCheck {
		text-align:		center;
		width:			1%;
}

/*
 * The class applied to a Status column title.
 */
.browseListHeaderStatus {
		text-align:		center;
}

/*
 *	The class applied to a Status item in a browse list.
 *
 */
.browseItemStatus {
		text-align:		center;
}

/*
 * Defines the styles to apply to the location items in a 
 * browse  header row. 
 *
 * Use with:
 * <TD>
 *
 */
.browseListHeaderLocation {
		text-align: 		left;
}

.browseItemDivider {
	height:					24px;
	width:					2px;
}
/*
 * Defines the styles to apply to the location item in a 
 * browse row. 
 *
 * Use with:
 * <TD>
 *
 */
.browseItemLocation {
		text-align: 		left;
}

/*
 * Defines the styles to apply to a the header of columns containing text.
 *
 * Use with:
 * <TD>
 *
 */
 .browseListHeaderLeftText {
text-align: left;
}

/*
 * Defines the styles to apply to a the header of columns containing
popups.
 *
 * Use with:
 * <TD>
 *
 */
.browseListHeaderDropDown {
		text-align: 	center;
}

/*
 * Defines the styles to apply to a the header of columns containing
numbers.
 *
 * Use with:
 * <TD>
 *
 */
.browseListHeaderNumber {
		text-align: 	right;
}

/*
 * Defines the styles to apply to a columns containing text.
 *
 * Use with:
 * <TD>
 *
 */
.browseItemLeftText {
		text-align: 		left;
}

/*
 *	Defines the styles to apply to the Name item in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemName, .browseItemUser, .browseItemActions {
		text-align:		left;
		font-size:		11px;
}

/*
 * Defines the styles to apply to the icon tags in Name item in a
 * browse row. This style causes images to be vertically centered
 * with respect to text in the line, minimizing impact on line-height.
 *
 * Use with:
 * 	   <SPAN>
 *
 * See:
 *		task/browsetasklist.html
 */
.browseInlineIcon {
		vertical-align:	middle;
}

/*
 *	Defines the styles to apply to the Name item in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemNameLargeIcon {
		text-align:		center;
		font-size:		11px;
}

/*
 *	Defines the styles to apply to the area that displays the "No items to display" message for various browse views. 
 *
 */
.browseNoItems {
		background-color:	#FFFFFF;
		padding-top:		30px;
		padding-bottom:		30px;
		text-align:			center;
		color:				#888888;
		font-weight:		bold;
}


/*
 *	Defines the styles to apply to the area that displays the messages for 
 * 	various browse views when the search criteria returns no results 
 *
 */
.browseNoItemsFound {
		background-color:	#FFFFFF;
		padding-top:		30px;
		padding-bottom:		30px;
		text-align:			center;
		color:				#666666;
}


/*
 *	Defines the styles to apply to the date item in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemDate {
		text-align:		center;
		white-space: 		nowrap;
}

/*
 *	For Milestone Number browse only
 */
.browseItemMilestoneNumber{
		text-align:		right;
		width:			1%;
}

/*
 *	Defines the styles to apply to the functions and type items in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemFunctions {
		text-align:		center;
}

.browseItemType{
		text-align:		center;
		width:			1%;
}

.browseItemCheck {
		text-align:		center;
		width:			1%;
}

.browseItemTypeRight{
		text-align:		right;
		width:			1%;
}

/*
 *	Defines the styles to apply to the size item in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemSize {
		text-align:		right;
		white-space: 		nowrap;
}

.browseItemDropDown {
		text-align:		center;
}

.browseItemNumber {
		text-align:		right;
}

/* This class is used by user and group page 
 * where the search section is displayed
 */
 
.browseUserGroup {
		background-color: 		#ffffff;
		border: 				1px solid 	#cccccc;
}

/*
 *	Defines the style applied to general drop-down select boxes 
 *	
 *	Use with:
 *		<SELECT ...
 */
select {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:			11px;
}

.navSelect, .functionSelect {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:		11px;
}

.addItem {
		background-color:	#d7d7d7;
}

.addItemSelect {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:			11px;
}


.addItemMenuSelect 
{
	background-image:		url( 'additembackground.png');
	color:					#000000;
	padding-left:			4px;
	padding-right:		0px;
	padding-top:			0px;
	border:				1px solid #777777;
	white-space:			nowrap;
	text-align:			left;
}

.addItemOutline {
		background-color:	#cbcbcb;
}
		
/*
 *	Defines the style that applies to items in the catalog view.
 *	
 *	Use with:
 *		<TD>
 */
.catalog, .catalog a {	
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px;
		font-weight: 		bold;
		color:				#333333;
}

/*
 *	Defines the style that applies to items in the subcatalog view.
 *	
 *	Use with:
 *		<TD>
 */
.subCatalog, .subCatalog a {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px;
		font-style: 		normal;}

/*
 *	Defines the style that applies to links with the mouse over them in the subcatalog view.
 *
 *	Use with:
 *		<TD>
 */
.subCatalog a:hover {
		color: 				#cc0000; 
}

/* **************************  TAB CLASSES  ******************************** */


/*
 *	Defines the styles to apply to the table that contains all the content between 
 *	the tab row and the footer in the info tab display.
 *	
 *	Use with:
 *		<TABLE>
 */
.infoTable {
		width:				100%;
}

/* 
 *	The style for the selected tab in the tabbed views 
 *	
 *	Use with:
 *		<TD>
 *		
 *	Includes:
 *		NOWRAP ALIGN="CENTER" VALIGN="BOTTOM"
 */
.selectedTab {
		text-align:			center;
		font-style: 		normal;
		text-decoration: 	none;
		font-size: 			11px;
		color: 				#333333;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: 		bold;
}

/* 
 *	The style for the other, unselected tabs in the info tab view 
 *	
 *	Use with:
 *		<TD>
 */
.unselectedTab, .unselectedTab a:link, .unselectedTab a:visited {
		text-align:			center;
		font-style: 		normal;
		text-decoration: 	none;
		font-size: 			11px;
		color: 				#05447e;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: 		bold;
}

.unselectedTab a:hover, .unselectedTab a:active {
		text-align:			center;
		font-style: 		normal;
		text-decoration: 	underline;
		font-size: 			11px;
		color: 				#05447e;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: 		bold;
}

/* ************************** Error Classes ********************************** */

/*
 *	This class is applied to the table that shows the error messages.
 *	
 *	Use with:
 *		<TD>
 */
.errorBox, .errorBox a {
		background-color:	#ffffff;
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-style: 		normal;
		font-size: 			16px;
		font-weight: 		bold;
		color: 				#000000;
}

.errorBox a {
		color: 				#981b1e;
}



/* ************************** Login Page Classes ****************************** */

.loginLabel {
		text-align:		right;
		font-size:		11px;
		color:			#333333;
}

/* ************************** Multiselect Classes *************************** */

/*
 *	The class set on the header row for the multiple item operation listing
 *
 * 	Use with:
 *		<TR>
 */
.multiHeaderRow {
		font-size:		11px;
		color:			#000000;
		background-color:	#CC9999;
}


/*
 *	The class set on every other row of items, starting with the first in the multiple item operation listing
 *
 * 	Use with:
 *		<TR>
 */
.multiRow1 {
	background-color:		#FFCCCC;
}

/*
 *	The class set on every other row of items, starting with the second in the multiple item operation listing
 * 	Use with:
 *		<TR>
 */
.multiRow2 {
}

/*
 *	The class set on the header row for the sub folders in the multiple item operation listing
 *
 * 	Use with:
 *		<TR>
 */
 
.subFolderDivider {
	background-color:			#cccccc;
	height:						18px;
	text-align:					center;
	padding:					5px;
}

/* ********************************* Task Classes ************************************ */
.currentMilestone {
		background-color:	#ffff66;
		font-weight:		bold;
}

.late, .error {
		color:			#FF0000;
}

.percentBar {
		background-color:	#009900;
}

.percentBarLate {
		background-color:	#FF0000;
}

/* ************************** Categories Classes **************************** */
/*
 *	The style to use on the table that contains the attributes header for a given category.
 *	
 *	Use with:
 *		<TR>
 */
.attrHeader {
		text-align:		left;
		background-color:	#999999;
		color:			#ffffff;
}

/*
 *	The little shadow below the Categories header.
 *
 *	Use with:
 *		<TR>
 */
.attrHeaderDrop {
		background-color:	#440044;
}

/*
 *	The styles for the selected category name that is displayed in the header row.
 *
 *	Use with:
 *		<SPAN>
 */
.selectedCategory {
		font-weight:		bold;
		color:				#666666;	
}

.attrActionImage {
		padding:				2px;
}


/* *************************************** Web Attribute ******************************* */

/*
 *	The class applied to the table of attributes that is displayed when one edits or
 *	views a category node.
 *
 *	Use with:
 *		<TABLE>
 */
.attrTable {
		background-color:	#999999;
}

/*
 *	When viewing or editing a category node, this bar is displayed at the top of the table.
 *
 *	use with:
 *		<TR>
 */
.editCategoryTitleRow {
		color:				#666666;
		background-color:	#cccccc;
		font-weight:		bold;
}

/*
 *	When viewing or editing a category node, this bar is displayed at the top of the table.
 *	This class is applied to the tile section of that bar.
 *
 *	Use with:
 *		<TD>
 */
.editCategoryHeaderRow {
		color:			#ffffff;
		font-weight:		bold;
}

/*
 *	The label of an attribute when viewing a category.
 */
.attrLabel {
		color:			#ffffff;
		font-size:		smaller;
}

.containerAttributeHeader {
		width:					15%;
		white-space:			nowrap;
		color:					#434343;
		background-color: 		#cccccc;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:				left;
		font-weight:			bold;
		font-size: 				15px;
}

.unlockedContainerAttributeHeaderRow TD {
		width:					15%;
		white-space:			nowrap;
		color:					#434343;
		background-image:		url( 'fon-table-header-blue.gif');
		background-repeat:		repeat-x;
		border-left: 			1px solid #ffffff;
		border-top: 			1px solid #ffffff;
		border-right: 			1px solid #999999;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:			bold;
		font-size: 				11px;
}

/*
 *	This is the background-color of the specific attributes when they are displayed
 * 	when a user views a category.
 *
 *	You will likely want the background color to be the same as the background color 
 *	of your <BODY> tag.
 *
 */
.specificAttrTable {
		background-color:	#ffffff;
		width:				100%;
}

.specificAttrTable.attributeRow TD, 
.specificAttrTable.containerAttributeHeader, 
.specificAttrTable.unlockedContainerAttributeHeaderRow {
		padding:			5px;
}

/*
 * This style is applied to the box that allows the removal or
 * addition of rows to an attribute set.
 */
.addDeleteBox {
		text-align:			center;
}

/************************* icon picker ********************/

/*
 * This style is applied to the icon picker page for selected icon
 *
 */
.selectedIcon {
		background-color:		#FFFFCC;
		text-align:			center;
}

/*
 * This style is applied to the icon picker page for unselected icon
 *
 */
.unselectedIcon {
		text-align:			center;
}

/* ************************** Channel ************************* */

.newsText {
		font-size:			11px;
}

.headline {
		font-weight:			bold;
		font-size:			larger;
}

.byline {
		font-style:			italic;
}

.newsSummary {
		font-size:			smaller;
}

.newsSummaryDate { 
		font-style:			italic;
}

.newsSummaryName {
}

/*
 * This style is applied to the news row
 *
 */

.newsHeaderRow {
		background-color: 		#e2e2e2;
}

.channelRow TD 
{
		background-image:		url( 'fon-table-header-blue.gif' );
		background-repeat:		repeat-x;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:				11px;
		font-weight:			bold;
}

/* *************************************** Users ************************ */

/*
 * Use for options that are not available.
 */
.notAvailable, .notAvailable a {
		color:				#999999;
}

.note {
		color:				#0000cc;
}

.ugSearchWords, .groupPaneTitles {
		font-size:			10px;
		font-weight:			bold;
}

/* ******************************** Location Display ********************** */

.locationDisplayTrail, .locationDisplayDropdown {
	background-color:	#e9e9e9;
}

.locationDisplayDropdown SELECT {
	font-size:			11px;
}

.locationDisplayTrailTerminalElement, .locationDisplayTrailNonterminalElement {
	white-space:		nowrap;
}

.locationDisplayTrailTerminalElement, .locationDisplayTrailTerminalElement a, .locationDisplayDDTerminalElement {
	font-weight:		bold;
}

.locationDisplayTrailPostDivide {
	font-size:				10px;
}

.locationDisplayTrailPostDivide a {
	font-size:				10px;
}

/* *************************************** Iconbar ************************ */

/*
 */
.iconbar, .iconbar a {
		text-align:			center;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		font-weight:		bold;
}

.icon a {
}

.iconselect	{
		background-color:		#ffffff;
		border:					1px solid #dedede;
}

/* *************************************** QuickLinks  AND Global Menus ************************ */

.quicklinkBar {
		border-bottom:			1px solid #ffffff;
	 	background-color:		#eeeeee;
}
 
 /*
 *
 */
.quickLinkBottom {
		border-top:			1px solid #ffffff;
 }
  /*
 *
 */
.quickLinkBarDivider {
	 	background-color:	#ffffff;
		border-right:		1px solid #eeeeee;
 }
 
 .quicklink 
 {
	 	background-color:	#eeeeee;
 }
 
.quickLink a:visited, .quickLink a:link {
		font-size:			10px;
		font-weight:		normal; 
		text-decoration: 	none;
		color:				#05447e;
}

.quickLink a:hover,.quickLink a:active {
		font-size:			10px;
		font-weight:		normal; 
		text-decoration: 	underline;
		color:				#05447e;
}

a.globalMenu:link, a.globalMenu:visited {
		font-style: 		normal;
		text-decoration:	none;
	 	font-size: 			10px;
		color: 				#05447e;
		white-space:		nowrap;
}

a.globalMenu:hover, a.globalMenu:active {
		font-style:	 		normal;
		text-decoration: 	none;
		font-size: 			10px;
		color: 				#ff0000;
}


/* *************************************** Reports for Notification ************************ */

/*
 *	Main header for the section
 */
.notificationHeader, .notificationHeader a {
		text-align:		left;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:		11px;
		font-weight:		bold;
}

/*
 *	Second header for the section
 */
.notificationSecondHeader, .notificationSecondHeader a {
		text-align:		left;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:		11px;
}

/*
 *	Background color for second header
 */
.notificationSecondHeaderBg {
		background-color:	#fff2eC;
}

/* *************************************** Wizard ************************ */

/*
 *	Active step fonts
 */

.wizardActiveStep {
	color: #000000;
	font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	font-weight:		bold;
}

/*
 *	Inactive step fonts
 */
.wizardInactiveStep {
	color: 				#7a7a7a;
	font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
}

/* *************************************** DHTML Menu Support ************************ */

.menu
{
		visibility: 		hidden;
		z-index: 			1;
		position:	 		absolute;
		left:				0px;
		background-color: 	#aaaaaa;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		padding:			1px;
		border-top:			1px solid #ffffff;
		border-left:		1px solid #ffffff;
		text-align:			left;
}

.functionMenuDiv
{
		visibility: hidden; 
		position: absolute;
		text-align: left; 
}

#functionMenuParent
{
	visibility:		hidden;
	position: 		absolute;
	top: 			0px;
	left: 			0px; 
	bottom: 		auto;
	right: 			auto;
	text-align: 	left;
}

#bridgeFrame
{
	width: 0px; 
	height: 0px; 
	z-index: 0; 
	visibility: hidden;
}

.functionMenu
{
		z-index: 			1;
		position:	 		absolute;
		background-color: 	#aaaaaa;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		padding:			1px;
		border-top:			1px solid #ffffff;
		border-left:		1px solid #ffffff;
}


.menuItemWithSubmenu
{
		background-image: 	url( submenuarrow.gif );
		background-repeat: 	no-repeat;
		background-position: 95% 50%;
		padding-right: 		12px;
}

.menuItemMore
{
		background-image: 	url( submenuarrow-down.gif );
		background-repeat: 	no-repeat;
		background-position: 95% 50%;
		padding-right: 		12px;
}

.menuItemLess
{
		background-image: 	url( submenuarrow-up.gif );
		background-repeat: 	no-repeat;
		background-position: 95% 50%;
		padding-right: 		12px;
}

.menuItemHover
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		background-color:	#b3d7e3;
		padding:			4px;
		padding-left:		8px;
		color:				#000000;
		cursor:				default;
		border-right:		1px solid #ffffff;
		white-space:		nowrap;
		font-weight:		normal;
}

.menuDivider
{
		background-color: 	#999999;
		border-top:			1px solid #eeeeee;
}

.lastItemHilite
{
	background-color: 	#eeeeee;
}

.menu a, .functionMenu a, .subMenu a
{
		text-decoration:	none;
		font-weight:		normal;
		color:				#000000;
}

.menu a:hover, .functionMenu a:hover, .subMenu a:hover, .menuItemHover a, .menu a:visited, .functionMenu a:visited, .subMenu a:visited
{
		text-decoration:	none;
		color:				#000000;
		cursor:				default;
}

.subMenu
{
		background-color: 	#eeeeff;
		z-index: 			2;
		visibility:		 	hidden;
		position: 			absolute;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		left:				2px;
		border: 			1px solid #999999;
}

.selectMenu
{
	background-color:		#ffffff;
	color:					#000000;
	padding-left:			4px;
	padding-right:			0px;
	padding-top:			0px;
	border:				1px solid #777777;
	white-space:			nowrap;
	text-align:			left;
}

.menuSpacer
{
	width:					50px;
	height:					1em;
}

.selectTitle
{
	color:					#000000;
	text-decoration:		none;
	white-space:			nowrap;
	padding-right:		3px;
	border-right:			1px solid #999;
}

.selectTitle a, .selectTitle a:hover, .selectTitle a:visited
{
	color:					#000000;
	text-decoration:		none;
}

.selectTitle a:hover
{
	color:					#f00;
}

.selectArrow
{
	padding:				0px;
	margin:					0px;
}

/* special settings for the location drop down menu */
#LocationSelectTitle 
{
	font-weight:			bold;
	background-color:		#fff;
	border-right:			1px solid #999;
	padding-right:		6px;
}

/* special setting for the location drop down menu */
.locationMenu
{
	background-color:		#fff;
	color:					#000000;
	padding-left:			4px;
	padding-right:		0px;
	padding-top:			0px;
	border:				1px solid #999;
	white-space:			nowrap;
	text-align:			left;
}

.locationMenu .menuItem, .locationMenu .menuItemHover
{
	padding-right:		6px;
}

.newsTicker
{
	position:				relative;
	height:					15px;
	overflow: 				hidden; 
}

.newsItem
{
	position:				absolute;
	white-space:			nowrap;
	height:					11px;
	padding:				1px;
}

.newsSource
{
	position:				relative;
}

/* ============================================================= */

.itemCol1
{
	float: left;
	width: 50%;
}

.itemCol2
{
	float: right;
	width: 49%;
}

.smallItem
{
	padding: 4px 0px;
}

/************************* Rounded Rectangle Classes **************************/

/*
 *	These classes are used to render rounded rectangle backgrounds of any color.  They employ 4x4 white triangle images
 *	with transparent backgrounds to affect the "rounded" corner.  For an example of their usage, see WebDoc's
 *	overview.html.
 *
 *	As of version 1.0.7, Firefox only renders a table cell's background image if the cell has content (and the content's
 *	dimensions must be large enough to render the entire background image), so an <IMG SRC="`.Img()`spacer.gif" WIDTH="4"
 *	HEIGHT="4"> must be placed within the <TD>.  IE 6 honors the class width and height, but is unaffected by the
 *	Firefox-required spacer.
 */

.cornerTopLeft
{
	background-image: url( cornertopleft.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}

.cornerTopRight
{
	background-image: url( cornertopright.gif );
	background-position: top right;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}

.cornerBottomLeft
{
	background-image: url( cornerbottomleft.gif );
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}

.cornerBottomRight
{
	background-image: url( cornerbottomright.gif );
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 4px;
	height: 4px;
}

/* *************************************** Personal Staging ************************ */

.dragAndDropAlert{
		background-color:#ffffcc;
		border:1px solid #999999;
		padding:5px;
}

/*
 *	Primary/secondary action box classes
 */
.actionBox, .actionBox a
{
	background-color: #ccffff;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}

.actionBox a:hover
{
	text-decoration: underline;
}

.actionBox hr {
	color: #aadddd;
}

.actionBox .smallText, .actionBox .smallText a {
	font-weight: normal;
}

.secondaryActionBox
{
	background-color: #dddddd;
}

.secondaryActionBoxLink, .secondaryActionBoxLink a
{
	background-color: #dddddd;
	text-decoration: none;
}

.secondaryActionBoxLink a:hover
{
	text-decoration: underline;
}

/*
 *	Action button classes
 */
.buttonLeft
{
	background-image: url( buttonleft.gif );
	background-position: center right;
	background-repeat: no-repeat;
	width: 8px;
	height: 25px;
}

.buttonCenter, .buttonCenter a, .buttonCenter a:visited
{
	background-image: url( buttoncenter.gif );
	background-position: center;
	background-repeat: repeat-x;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.buttonCenter a:hover
{
	color: #981b1e;
	text-decoration: underline;
}

.buttonRight
{
	background-image: url( buttonright.gif );
	background-position: center left;
	background-repeat: no-repeat;
	width: 8px;
	height: 25px;
}

/* *************************************** Optimize the Browse page ************************ */

.updatedBrowse
{
	border-collapse:	collapse;
	border-spacing:		0;
	width:			100%;
}
    
.updatedBrowse .browseListHeader TD
{
	border-bottom: 		solid 1px #A5C9E5;   
	height: 		19px;
}

.updatedBrowse  .browseListHeader .browseListHeaderCheck, .updatedBrowse .browseListHeader .browseListHeaderPromotedCmds
{
	border-left:		none;
	padding:		0;
}
    
.updatedBrowse .browseListHeader TD 
{
	padding:		0 .35em 0 .35em;
	white-space: 		nowrap;
	border-left: 		solid 1px #A5C9E5;
}

.updatedBrowse .browserow1 TD, .updatedBrowse .browserow2 TD 
{
	padding: 		0 .35em  0 .35em;
	border-bottom: 		solid 1px #DDD;
}

.updatedBrowse .promotedCmds
{
	white-space: 		nowrap;
	text-align:		right;
}

.updatedBrowse .browseItemName
{
	width:			70%;
	white-space: 		normal;
}


/* *************************************** Browse Page New Styles For Client Rendering ************************ */

.hlt td {
		padding: 			0 .35em  0 .35em;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px;
		font-weight: 			normal;
		background-color: 		#E2EBF3;
		color: 				black;
		white-space: 			nowrap;
		border-bottom: 			solid 2px;
		border-bottom-color:		#DDD;
		height : 			24px;
}

.hltPageIndicator td {
		padding: 			0 .35em  0 .35em;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px;
		font-weight:	 		normal;
		background-color: 		yellow;
		color: 				black;
		white-space: 			nowrap;
		border-bottom: 			solid 1px;
		border-bottom-color: 		#DDD;
		height: 			24px;
}

.pageSelectorReference {
		padding: 			0 2px  0 2px;
		margin: 			0 4px  0 4px;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			8pt;
		font-weight: 			normal;
		color: 				#00609e;
		white-space: 			nowrap;
		border: 			solid 1px;
		border-color: 			#F5F5F5;
		height : 			15px;
}


.pageSelectorReferenceCurrent {
		padding: 			0 2px  0 2px;
		margin: 			0 4px  0 4px;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			8pt;
		font-weight: 			normal;
		color: 				#00609e;
		white-space: 			nowrap;
		border: 			1px solid;
		border-color: 			#A9B7C6;
		background-color: 		#E2EBF3;
		height : 			17px;
}

.valueEditableCell {
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:	 		11px;
		font-weight:	 		normal;
		width:				80%;
		height:				100%;
}
.valueEditableCell75 {
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:	 		11px;
		font-weight:	 		normal;
		width:				75%;
		height:				100%;
}


.valueEditableCell50 {
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:	 		11px;
		font-weight:	 		normal;
		width:				50%;
		height:				100%;
}

.valueEditableCell25 {
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:	 		11px;
		font-weight:	 		normal;
		width:				25%;
		height:				100%;
}

#progressPopupDiv {
		position:			absolute;
		visibility:			hidden;
		z-index:			200;
}

.bcMenuSelect
{
	background-image:			url( 'bcselectbackground.png');
	opacity:				25;
	color: 					#666666;
	padding-left:				4px;
	padding-right:				0px;
	padding-top:				0px;
	white-space:				nowrap;
	text-align:				left;
	border:					1px solid ;
	border-color:				#999999;
	text-decoration:			none;
}

.bcselectArrow
{
	background-image:			url( 'bcselectbackground.png');
	opacity:				25;
	padding:				0px;
	margin:					0px;
	border-left:				1px solid ;
	border-color:				#999999;
	width:					17px;
}

.bcselectTitle
{
	color: 					#666666;
	text-decoration:			none;
	white-space:				nowrap;
	padding-right:				3px;
	padding-left:				2px;
	font-size:				8pt;
}

.bcselectTitle a, .bcselectTitle a:hover, .bcselectTitle a:visited
{
	color:					#666666;
	text-decoration:			none;
	font-size:				8pt;
}

.bcselectTitle a:hover
{
	color:					#f00;
	font-size:				8pt;
}

.searchInitaltext 
{
	color: 					#333333;
	font-style: 				italic;
	font-family:				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:				11px;
	background-color: 			#efefef;
}

.browsePaginationBarEdit 
{
	font-family:				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		 		8pt; 
	font-weight:	 			normal;
	text-align:				center; 
	height: 				17px; 
}

.activatePickDivShow
{
	visibility: 				visible;
}

.activateMiniPickDivShow
{
	visibility: 				visible;
	padding-left:				7px;
}
.activatePickDivHide
{
	visibility: 				hidden;
	display: 					none;
}

.browsePickDivShow
{
	visibility: 				visible;
}

.browseMiniPickDivShow
{
	visibility: 				visible;
	padding-left:				8px;
}


.browsePickDivHide
{
	visibility: 				hidden;
	display: 				none;
}


.vcenter 
{
	min-height: 				12em;
	display: 				table-cell;
	vertical-align: 			middle;
}

/* *************************************** Browse search box style ************************ */

#browsesearch .sbox input 
{
	float: 					left;
	border:					1px solid;
	border-color:				#999999;
	border-right:				0;
	width: 					100px;
	height: 				19px; 
	padding-top: 				2px;
	padding-right: 				3px;
	padding-left: 				3px;
	font-family:				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		 		8pt; 
	font-weight:	 			normal;
	color:					#000000;
}

/* One set for IE */
#browsesearch .sbox_clearIE  
{
	background: 				white url('search_clearblank16.gif') no-repeat top left;
	border:					1px solid;
	border-color:				#999999;
	border-right:				0;
	border-left:				0;
	float: 					left;
	width: 					17px; 
	height: 				19px;
}

#browsesearch .sbox_r_2IE 
{
	background: 				white url('search_btn17.gif') no-repeat top left;
	float: 					left;
	width: 					18px; 
	height: 				19px;
	border:					1px solid;
	border-color:				#999999;
	border-left:				0;
}

.cellTwo 
{
	background-color: 			#e2ebf3;
	color: 					#666666;
	font-family: 				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 				8pt;
	width: 					15px;
	height: 				16px;
	border: 				1px solid;
	border-color: 				#999999;
	padding-top: 				1px;
	padding-right: 				1px;
}

/* One set for everyone else  */
#browsesearch .sbox_clear  
{
	background: 				white url('search_clearblank16.gif') no-repeat top left;
	border:					1px solid;
	border-color:				#999999;
	border-right:				0;
	border-left:				0;
	float: 					left;
	width: 					17px; 
	height: 				17px;
}

#browsesearch .sbox_r_2 
{
	background: 				white url('search_btn17.gif') no-repeat top left;
	float: 					left;
	width: 					17px; 
	height: 				17px;
	border:					1px solid;
	border-color:				#999999;
	border-left:				0;
}

.cellTwoIE
{
	background-color: 			#e2ebf3;
	color: 					#666666;
	font-family: 				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 				8pt;
	width: 					15px;
	height: 				19px;
	border: 				1px solid;
	border-color: 				#999999;
	margin: 				0;
	padding-top: 				1px;
	padding-right: 				1px;
}

.miniPageTableCell
{
	padding-top: 				0px;
}

.targetbrowsePager
{
	color: 					#666666;
	border:					0px;
	white-space:				nowrap;
	font-size:				8pt;
	padding: 				0 4px;
	margin: 				0 4px  0 2px;
}

.targetbrowsePagerEndControls
{
	padding: 				0px;
	margin: 				0px;
}

.targetbrowsePagerCell
{
	padding: 				0 4px;
	border:					1px solid;
	border-color:				#F5F5F5;
}

.targetbrowsePagerBlank
{
	padding: 				0 1px;
}


.targetbrowsePager  a, .targetbrowsePager a:hover, .targetbrowsePager a:visited
{
	color:					#666666;
	text-decoration:			none;
	font-size:				8pt;
}

/* *************************************** Current view icon style ************************ */
/* These styles define how the current view icons are displayed.  This makes the  */
/* normal hover and link bordering tight to the icon being used.  */
.currentViewButtonHref
{	
	border: 				1px;
	border-style: 				hidden;
}

.currentViewButtonHref:active, .currentViewButtonHref:link, .currentViewButtonHref:visited
{
	outline: 				0;
}

.currentViewButtonHref img
{
	border:					1px;
	border-style: 				solid;
	border-color:				transparent;
	
	/*set an unused color to be index color*/
	_border-color:white; /*For IE6-*/
	
	/*then remove this indexed color*/
	_filter:chroma(color=white);/*For IE6-*/
}

.currentViewButtonHref:hover img
{
	border:					1px;
	border-style: 				dotted;
	border-color:				#B1B1B1;
}