*/ div.messageWait { visibility: hidden; width: 50%; padding-bottom: 10px; margin: auto; height: 10px; font-weight: bold; text-align: center; white-space: nowrap; } td.messageWait { 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: * */ .imageActionBar, .imageActionBar td.cs-valign-middle { padding-right:15px; } .imageActionBar, .imageActionBar a { } /* The style to use for the label part of the label/value pair. Use with: */ .label { width: 15%; white-space: nowrap; color: #333333; background-color: #f4f3f3; font-weight: bold; vertical-align: top; line-height: 20px; } td.label[rowspan] { border-right: 1px solid #dfdfdf; } .adminLabel { width: 15%; white-space: nowrap; background-color: #f4f3f3; text-align: left; font-size: 16px; padding: 0 8px 0 8px; } .logoutLabel TD { text-align: center; font-weight: bold; padding-top: 20px; padding-bottom: 20px; padding-right: 8px; padding-left: 8px; white-space: nowrap; } .darkColumnLabel { background-color: #999999; text-align: center; color: white; } .columnLabel { background-color: #cccccc; text-align: center; color: black; } /* Changes the style of editable input text Use with: Do not use with:

<input type="checkbox" ... >
*/
.valueEditable:not( textarea ):not( [type="checkbox"] )
{
		font-weight:	 		normal;
		line-height: 			20px;
		padding: 			0 5px;
		margin-top: 			-3px;
		min-height: 			20px;
}

.valueEditable
{
	line-height:			20px;
	padding:			0 5px;
}

.valueEditable img
{
	vertical-align: middle;
}

/*
	Changes the white-space property of editable input text for multiline fields 
	IE11 textarea elements inherit the "white-space" property from their parent div so we need to define it here

Use with:
		<TEXTAREA CLASS="valueEditable ...> 
*/
.multiline {
		white-space:			pre-wrap;
}

/*
	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-weight:	 		normal;
		line-height:			20px;
}

/**
 *	Background Bar Images
 *
 *	fon-table-header.png
 *	fon-table-header-blue.gif	0, 0
 *	fon-table-header-yellow.gif	0, -50px
 *	fon-table-header-gray.gif	0, -100px
 *	search-header-gray.gif		0, -160px
 *
 */

.fon-table-header, .boxTitleBar, .buttonBar, .searchComponent, .headerRow, .unlockedContainerAttributeHeaderRow, .channelRow
{
	background-color:     #F3F3F3;
}

/**
 *	These classes are used to display background images
 */

.cs-block-shadow-bottom-left 
{
	background: none;
}

.cs-btn-fon-bottom
{
	background: none;
}

.cs-btn-fon
{
	background: none;
}

.cs-fon-block-shadow-right 
{
	background: none;
}

.cs-fon-table-header-background, 
.cs-fon-table-header-background ~ .cellDivider,
.cs-fon-table-header-background ~ .cs-table-header-divider,
.scriptTable .cellDivider
{
	font-weight:		bold;
	color:				#333;	
	background-color: 	#F5F5F5;
	border-top: 		1px solid #b4b4b4;
	border-bottom: 		1px solid #b4b4b4;
	padding-left: 		3px;
	line-height: 		20px;	
}

.cs-tighten-border
{
	border-collapse: collapse;
	width: 100%;
}

.cs-fon-table-header-divider 
{
	background: 			none;
	border: 1px solid 		#b4b4b4;
	background-color:		#f3f3f3;
	padding: 			2px 5px !important;
}

.cs-fon-table-header-background2,
.cs-fon-table-header-background2 ~ .cellDivider,
.cs-fon-table-header-background2 ~ .cs-table-header-divider
{
	background: none;
}

.cs-fon-table-header-background3,
.cs-fon-table-header-background3 ~ .cellDivider,
.cs-fon-table-header-background3 ~ .cs-table-header-divider
{
	background:			none;
	background-color:	#ccc;
}

.valueHorizontalDivider
{
	line-height:	1px;
}

.cs-form-shadow-bottom 
{
	background: none ;
}

.cs-form-shadow-right 
{
	background: none;
}

.cs-list-label-background 
{
	background: none;
}

.cs-navigationbar-shadow 
{
	background: none;
}

.cs-navigationbar {
	background: none;
	background-repeat: repeat-x;
}

.cs-pattern {
	background: url( '../pattern.gif' );
}

.cs-tab-sub-active 
{
	background-color:	#FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 		1px solid #B3CBDC;
	border-bottom: 		0;
	padding: 		6px 18px 8px 18px;	
}

tr td.cs-tab-sub-active 
{
	padding: 		6px 18px 8px 18px;	
}

.cs-tab-sub-inactive 
{
	background-color: #f7f8f8;
	border-collapse: separate;
	border-spacing: 3px 0;
}

.cs-table-header-divider 
{
	background-color: #F5F5F5;
}

.cs-table-header-divider2 
{
	background: none;
}

.cs-tabrightline{
	background: none;
}

.cs-tbl-divider-hor 
{
	background: none;
}

.cs-tbl-divider-ver 
{
	background: none;
}

.cs-error-top 
{
	background: none;
}

.cs-error-left {
	background: none;
}

.cs-error-right {
	background: none;
}

.cs-error-bottom {
	background: none;
}

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

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

.boxTitleBar
{
		font-weight:			bold;
		color:					#666666;
		background-position:	0 -100px;
		background-repeat:		repeat-x;
		text-align:				left;
		padding:				3px;
		padding-left:			10px;
		line-height:			20px;
}

.buttonBar
{
	height:			100%;
	text-align:		center;
	padding:		5px;
	border-top: 		1px solid #b4b4b4;
	border-bottom: 		1px solid #b4b4b4;		
}

/*
	This class defines the style to use with general buttons.

Use with:
		<INPUT TYPE="BUTTON">
*/

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

.multiButton
{
	line-height: 		26px;
	background-color: 	#ECF8FC;
	color:			#333333;
	display:		block;
	float:			left;
	text-decoration:	none;
	margin-top:		0;
	cursor:			pointer;
	overflow:		visible;
	border: 		1px solid #ecf8fc;
	padding: 		0;
	padding-left: 		27px;
	padding-right: 		14px;
}

.multifileBarGradient
{
	background: 		transparent url(images/multifilebar.png) 0 0 no-repeat;
}

.multifileBarGradientRefresh
{
	background: 		transparent url(images/action_retrynow.png) 0 0 no-repeat;
}

.multiButtonDisable
{
	opacity: 		0.5;
	filter: 		alpha(opacity=50);
	/* msie */
	cursor: 		default;
	pointer-events: 	none;
}

.multiButton:hover,
.multiButton:focus
{
	background-color: 	#FFF6DA;
	border: 		1px solid #EEB111;
}

/*
	This class defines the style to use with iframe.

*/
.iFrame {
	border:none;
	vertical-align:top;
}
.hiddenIFrame{	
	display: none;
	position: absolute;
	left: -100000px;
	top: -100000px;
	width: 0;
	height: 0;	
}
/*
This class defines the styling used by the drop downs in the search bar. This is for accessibility mode only.
*/
.styled-select select {
	background: transparent;
	border: none;
	min-width:100%;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	padding-left: 8px;
}

/*
This class defines the styling used by the div that contains the search bar drop down. This is for accessibility mode only.
*/
.styled-select.slate {
	border: 1px solid #a9b7c6;
	background: url(images/dropdown16.png) no-repeat right +1px top +1px  #fff;
	min-width:18em;
	width: 18em;
	font-weight: normal;
	text-align: center;
	line-height:1em;
	font-size:.85em;
	height:21px;
	float:right;
}

/*
 This class is used in the buttonheader.html file for the promoted commands div on the info properties page.
*/
.buttonHeader
{
    float: right;
    margin-right: 15px;
    border: 1px solid #B3CBDC;
    padding: 6px;
}

/*
 This class is used in the buttonheader.html file for the buttons for the promoted commands.
*/

.buttonHeaderButton
{
    margin-left: 0;
    margin-right: 1px;
}

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

/*
	Defines the style applied to the search bar.

Use with:
		<TR>
*/
.searchBar {
		color: 					#333333;

}

.searchBar a {
		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 {
		font-size:	.6em;
}

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

/*
 *	Class that was already in the search page.
 */
.searchBut INPUT, SELECT.searchBut  {
		font-style: 		normal;
		color: 				#000000;
}

#searchComponent
{
	background-position:	0 -160px;
	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 {
		text-align:		left;
		color:			#ffffff;
		margin-left:	7px;
		white-space:	nowrap;
}

/*
	Defines the style aplied to the second bit of text in the header bar.

Use with:
		<SPAN>
*/
#headerTitle2 {
		text-align:		left;
		font-size:		14px;
		font-weight:		bold;
		color:			#ffffff;
		margin-left:	7px;
		white-space:	nowrap;
}

/*
	Defines the style aplied to the User Name in the header bar.

Use with:
		<SPAN>
*/
#headerUserName {
		text-align:		center;
		font-weight:		bold;
		color:			#ffffff;
		padding-left:	10px;
		padding-right:	10px;
}

.headerCurrentDate {
		text-align:			center;
		font-size:			10px;
		color:				#ffffff;
}

.headerUserName {
		text-align:		center;
		font-weight:		bold;
		color:			#ffffff;
		padding-left:	10px;
		padding-right:	10px;
}

.headerCurrentUser {
		font-weight:		bold;
}

/*
	Defines the style aplied to the Current Date in the header bar.

Use with:
		<SPAN>
*/
#headerCurrentDate{
		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%;
}

/* *********************** OLD FOOTER CLASSES ***************************** */
/*
	Defines the style that is applied to the footer bar.

Use with:
		<TABLE>
*/
.footer {
		color:			#666666;
		white-space:		nowrap;
		width:			100%;
		font-size: 		10px;
}

/*
 *	Defines the style to apply to the Livelink version and copyright section
 *	of the footer.
 *
 *	Use with:
 *		<TD>
 *
 */
.livelinkVersionAndCopyright {
		text-align:		left;
}

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

/* ***********************  BROWSE FEATURED ITEMS CLASSES  ****************************** */

.outerBrowseFeatured {
	display: table;
}

.browseFeatured{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
	display: inline-block;
}

.browseFeatured li {
	float: left;
	width: 200px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
}

.browseFeaturedBlock 
{
	font-size: 1em;
	margin: 0 10px; 
}

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

.browseRowDivider {
		background-color:	#e0e0e0;
		font-size	:	0;
}

.featuredItemBG {
		background-color:	#999999;
		height:				1px;
}

.featuredItemTitle, .featuredItemTitle TD, .browseBoxHeader TD, .browseBoxHeader {
		font-weight:		bold;
		color:				#333333;
}

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

.browseViewTab {
	background-color:	#D5EAFF;
	width:				1%;
}

/*
 * 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 
{
	text-decoration: 		none;
	color: 				#333333;
}

.browseRow1 a:hover:not(.functionMenuHotspot),
.browseRow2 a:hover:not(.functionMenuHotspot)
{
	text-decoration: underline;
}

/*
 * 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;
		border-bottom:		1px solid #dfdfdf;
}

/*
 *	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 
{
	text-decoration: 		none;
	color: 				#333333;
}

.browseRow2
{
	height:				24px;
	border-bottom:		1px solid #dfdfdf;
}
/*
 *	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-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-position:	0 0;
		background-repeat:		repeat-x;
}

.browseListHeader .cellDivider 
{
		width:					0;
		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;
		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;
}

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

.browseListHeaderLogin, 
.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 banner images in a container object.
 *
 */
.browseImages {
		text-align:		center;
		white-space:		nowrap;
}

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

.browseItemStatusIdle 
{
		color:		#00D;
}

.browseItemStatusRunning{
		color:		#090;
}

.browseItemStatusStopped
{
		color:		#C00;
}

.browseItemStatusPaused
{
		color:		#000;
}

.tightTableBackground td.browseListHeaderName, 
.tightTableBackground td.browseListHeaderDate, 
.tightTableBackground td.browseListHeaderType,
.tightTableBackground td.browseListHeaderFunctions,
.tightTableBackground td.browseListHeaderUser,
.tightTableBackground td.browseListHeaderActions,
.tightTableBackground td.browseListHeaderCheck,
.tightTableBackground td.browseListHeaderStatus,
.tightTableBackground td.cs-fon-table-header-background
{
    padding: 		5px;
    border-left:	none;
    border-right:	none;
    border-top:		none;
}

.tightTableBackground td.browseListHeaderName a:hover,  
.tightTableBackground td.browseListHeaderDate a:hover, 
.tightTableBackground td.browseListHeaderType a:hover,
.tightTableBackground td.browseListHeaderFunctions a:hover,
.tightTableBackground td.browseListHeaderUser a:hover,
.tightTableBackground td.browseListHeaderActions a:hover,
.tightTableBackground td.browseListHeaderCheck a:hover,
.tightTableBackground td.browseListHeaderStatus a:hover
{
	text-decoration: underline;
}

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

.browseListHeaderRightText {
		text-align: right;
}

.browseListHeaderCenterText {
		text-align: center;
}

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

.browseItemCenterText {
		text-align: 		center;
}

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

.browseItemUser,
.browseItemEmail
{
		white-space:		nowrap;
}

.browseItemLogin a,
.browseItemUser a,
.browseItemEmail a,
.browseItemName a,
.browseItemActions a
{
	padding-right: 3px;
	padding-top: 3px;	
}

.browseItemLogin a:hover:not(.functionMenuHotspot),
.browseItemUser a:hover:not(.functionMenuHotspot),
.browseItemEmail a:hover:not(.functionMenuHotspot),
.browseItemName a:hover:not(.functionMenuHotspot),
.browseItemActions a:hover:not(.functionMenuHotspot)
{
	text-decoration: 	underline;
}

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

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

.browseNoItemsFound-topbar TD
{
		border-top: 		1px solid #B3CBDC;
}

/*
 *	Defines the styles to apply to the area that displays a partial browse warning.
 *
 */
.browsePartial {
		background-color:	#FFFFFF;
		padding-top:		20px;
		padding-bottom:		20px;
		text-align:			center;
		color:				#888888;
		font-weight:		bold;
}

/*
 *	Defines the styles to apply to the area that displays a partial browse warning (target picker variant).
 *
 */
.browsePartialTargetPicker {
		background-color:	#FFFFFF;
		padding-top:		10px;
		padding-bottom:		10px;
		text-align:			center;
		color:				#888888;
		font-weight:		bold;
}

/*
 *	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%;
		white-space:	nowrap;
}

.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 
{
	border: 	1px solid #cccccc;
}

.userGroupSearch
{
	padding-bottom: 0.2em;
	width:		100%;
}

.addItem 
{
		display:	table-cell;
}

.addItemMenuSelect
{
	background-color:	#eaf6fc;
	color: 			#000000;
	padding-left: 		4px;
	padding-right: 		4px;
	padding-top: 		4px;
	border: 		1px solid #96d1ef;
	white-space: 		nowrap;
	text-align: 		left;
}

.addItemMenuSelect-standalone
{
	background-color: 	#eaf6fc;
	color: 			#333333;
	border: 1px solid 	#96d1ef;
	white-space: 		nowrap;
	text-align: 		left;
}

.addItemMenuSelect-standalone:hover
{
	background-color: 	#FFF6DA;
	border-color:		#EEB111;
}

.add-item-menu-standalone
{
	margin-top:		2.15em;
}

.add-item-select-standalone a
{
	background: 		transparent url(images/caret_down.svg) no-repeat right 5px center;
	background-size:	14px 14px;
	text-decoration:	none;
	padding-right: 		15px;
}

.add-item-select-standalone a:focus
{
	outline:		none;
	background: 		transparent url(images/caret_down_mo.svg) no-repeat right 5px center; 
	background-size: 	14px 14px;
}

.add-item-select-standalone a:hover
{
	background: 		transparent url(images/caret_down_mo.svg) no-repeat right 5px center; 
	background-size: 	14px 14px;
}

.add-item-select-standalone a span
{
	background: 		none;
	padding-left: 		10px;
	padding-right: 		10px;
	display: 		inline;
	line-height: 		26px;
	overflow: 		visible;
	text-indent: 		0;
	text-decoration: 	none;
	white-space: 		nowrap;
	color:			#333;
}

.menuItem-standalone
{
	color:			#333333;
	padding: 		5px 10px 5px 5px;
	font-weight:		normal;
	background-color: 	#fff;
	white-space:		nowrap;
	cursor:			default;
	border-top: 		1px solid transparent;
	border-bottom: 		1px solid transparent;
}

.menuItem-standalone:hover
{
	background-color:	#FFF6DA;
	border-top: 		1px solid #EEB111;
	border-bottom: 		1px solid #EEB111;
	cursor:			pointer;
}

/*
 *	Defines the style that applies to items in the catalog view.
 *
 *	Use with:
 *		<TD>
 */
.catalog, 
.catalog a , 
.catalog a:visited{
		font-weight:		bold;
		color:			#333333;
		text-decoration: 	none;
		font-size: 		14px;
}

.subCatalog a
{
		color:			#333333;
		text-decoration: 	none;
}

.catalog a:hover,
.subCatalog a:hover
{
	color: 			#2e3d98;
	text-decoration: 	underline;
}

.catalog .functionMenuDiv a:link, 
.catalog .functionMenuDiv a:visited
{
	font-weight:		normal;
	
	/* need to reset the size of the font */
	font-size: 		12px;
	
}

/*
 *	Defines the style that applies to items in the subcatalog view.
 *
 *	Use with:
 *		<TD>
 */
.subCatalog, 
.subCatalog a 
{
	font-style: 			normal;
	text-align: 			center;
	text-decoration: 		none;
}

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

/* **************************  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;
		color: 				#333333;
		font-weight: 		bold;
		white-space:		nowrap;
}

/*
 *	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;
		color: 				#05447e;
		font-weight: 		bold;
		white-space:		nowrap;
}

.unselectedTab a:hover, .unselectedTab a:active {
		text-align:			center;
		font-style: 		normal;
		text-decoration: 	underline;
		color: 				#05447e;
		font-weight: 		bold;
}

/* ************************** Error/Status Message Classes ********************************** */

/*
 * These classes are applied to the tables that show error and status messages. 
 *
 */

.errorBox, .errorBox a, .cs-messageBox, .cs-messageBox a {
		background-color:	#ffffff;
		font-style: 		normal;
		font-size: 			16px;
		font-weight: 		bold;
		color: 				#000000;
	margin: 20px auto;
}

table.errorBox{
	-moz-border-radius: 		7px;
	-webkit-border-radius: 		7px;
	border-radius: 			8px;
	border: 			1px solid lightgrey;
	padding: 			15px;
}

table.errorBox .errorImage{

width: 30px;

}

table.cs-messageBox {
	margin: 20px auto;
}

.errorBox, .errorBox a {
	font-weight: bold;
}

.errorBox a, .cs-messageBox a {
	color: #981b1e;
}

td.cs-messageBoxTopLeft {
	background: url(../error-top.gif);
	width: 5px;
}

td.cs-messageBoxTopMiddle {
	background: url(../error-top.gif);
}

td.cs-messageBoxTopRight {
	text-align: right;
	width: 7px;
}

td.cs-messageBoxLeft {
	background: url(../error-left.gif);
	text-align: right;
}

td.cs-messageBoxRight {
	background: url(../error-right.gif);
}

td.cs-messageBoxBottomLeft {
	background: url(../error-bottom.gif);
	width: 5px;
}

td.cs-messageBoxBottomMiddle {
	background: url(../error-bottom.gif);
}

td.cs-messageBoxBottomRight {
	text-align: right;
	width: 7px;
}

.cs-valign-top 
{
	vertical-align: top;
}

.cs-valign-bottom 
{
	vertical-align: bottom;
}

.cs-valign-middle 
{
	vertical-align: middle;
}

.cs-valign-baseline 
{
	vertical-align: baseline;
}

.cs-valign-super 
{
	vertical-align: super;
}

.cs-align-right 
{
	float:		right;
}

.cs-align-left
{
	float:		left;
}

.cs-textalign-right 
{
	text-align:	right;
}

.cs-textalign-left 
{
	text-align:	left;
}

.cs-textalign-center 
{
	text-align:	center;
}

.cs-textalign-justify
{
	text-align:	justify;
}

.cs-messageBoxBorder 
{
	line-height: 0;
	font-size: 0;
}

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

.loginLabel {
		text-align:		right;
		color:			#333333;
}

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

/*
 *	The class set on the header row for the multiple item operation listing
 *
 * 	Use with:
 *		<TR>
 */
.multiHeaderRow {
		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:			#EE0000;
}

.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: 			#333;
		text-decoration: 	none;
}

.attrActionImage 
{
		padding: 		5px 10px 1px 10px;
		width: 			100%;
		text-align: 		right;
}

/* *************************************** 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:			#333333;
		background-color:	#f4f3f3;
		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;
		line-height: 		30px;
}

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

.attrLabel.cs-valign-top 
{
    padding-top: 10px;
}

.containerAttributeHeader {
		width:					15%;
		white-space:			nowrap;
		color:					#434343;
		background-color: 		#cccccc;
		text-align:				left;
		font-weight:			bold;
		font-size: 				15px;
}

.unlockedContainerAttributeHeaderRow TD {
		width:					15%;
		white-space:			nowrap;
		color: #333333;
		background-position:	0 0;
		background-repeat:		repeat-x;
		border-left: 			1px solid #ffffff;
		border-top: 			1px solid #ffffff;
		border-right: 1px solid #dfdfdf;
		font-weight:			bold;
}

/*
 *	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%;
		line-height: 30px;
}

.specificAttrTable tr.horizontalCellDivider
{
	line-height: 1px;
}

.specificAttrTable tr.browseRow1
{
	vertical-align:middle;
	line-height: 30px;
}

.attributeRow td input[type=checkbox]
{
	vertical-align: middle;
}

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

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

.byline {
		font-style:			italic;
		white-space:			nowrap;
}

.channelImage {
		margin-left: auto;
		margin-right: auto;
		display: block;
}

.newsImage {
		padding:			0 10px;
}

.newsSummary {
		font-size:			smaller;
}

.newsSummaryDate {
		font-style:			italic;
}

.newsSummaryName {
}

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

.newsHeaderRow {
		background-color: 		#e2e2e2;
}

.channelRow TD
{
		background-position:	0 0;
		background-repeat:		repeat-x;
		font-weight:			bold;
}

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

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

.note {
		color:				#0000cc;
}

.ugSearchWords, .groupPaneTitles 
{
		font-weight:			bold;
		line-height:			20px;
		padding: 5px;
}

/* hitting a td adjacent to the above class ie: permissions page*/
.ugSearchWords+td, .groupPaneTitles+td 
{
		font-weight:			bold;
		line-height:			20px;
		padding: 5px;
}
/* ******************************** Location Display ********************** */

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

.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-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-weight:		bold;
}

/*
 *	Second header for the section
 */
.notificationSecondHeader, .notificationSecondHeader a {
		text-align:		left;
}

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

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

table.wizardButton {
	line-height: 0;
	font-size: 0;
}

table.wizardButton.basicTable td {
	padding: 0;
}

td.wizardButtonBottom {
	background: url(../icons/btn-fon-bottom.gif);
}

/*
 *	Active step fonts
 */

.wizardActiveStep {
	color: #000000;
	font-weight: bold;
	background: url(../icons/btn-fon.gif) repeat-x;
	white-space: nowrap;
	padding: 0 1em;
	font-size: 12px;
}

/*
 *	Inactive step fonts
 */
.wizardInactiveStep {
	color: #7a7a7a;
	font-weight: bold;
	background: url(../icons/btn-fon.gif) repeat-x;
	white-space: nowrap;
	padding: 0 1em;
	font-size: 12px;
}

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

.menu
{
		visibility: 		hidden;
		z-index: 		1;
		position:	 	absolute;
		left:			0;
		text-align:		left;
		border: 		1px solid #ccc
}

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

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

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

.functionMenu
{
		z-index: 			99;
		position:	 		absolute;
		font-size:			0;
		border:		1px solid #aaaaaa;		
		
}

.menuItem
{
		color:			#000000;
		padding: 		5px 10px 5px 5px;
		font-weight:		normal;
		font-size: 			12px;
		background-color: 	#fff;
		white-space:		nowrap;
		cursor:			default;
		border-top: 		1px solid #ffffff;
		border-bottom: 		1px solid #ffffff;
		line-height: 		14px;
}

.menuItemLevel2
{
	padding-left:28px !important;
}

.menuItemLevel3
{
	padding-left:48px !important;
}

.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
{
		background-color:	#FFF6DA;
		border-top: 1px solid #eeb111;
		border-bottom: 1px solid #eeb111;
		
}

.menuDivider
{
		border-top: 		1px solid #aaaaaa;
		font-size: 		0;
		height: 		0;
}

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

.subMenu
{
		background-color: 	#eeeeff;
		z-index: 			2;
		visibility:		 	hidden;
		position: 			absolute;
		left:				2px;
		border: 			1px solid #999999;
}

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

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

.selectTitle
{
	color: 				#333333;
	text-decoration:		none;
	white-space:			nowrap;
	padding-right: 			9px;
}

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

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

.selectArrow
{
	background-image: url(images/caret_down.svg) !important;
	position: relative;
	overflow: hidden;
	width: 14px;
	height: 14px;
	padding: 14px 14px 0 0;
	box-sizing: border-box;
}

.topHeader
{
	line-height:      		0;
}

.topHeader tr 
{
	line-height: 			0; 
}

.topHeader td 
{ 
	line-height: 			0; 
}

.headerTitle{
	text-decoration:		none;
}

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

/* special setting for the location drop down menu */
.locationMenu
{
	background-color:		#fff;
	color:					#000000;
	padding-left:			4px;
	padding-right:			0;
	padding-top:			0;
	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;
	padding:				1px;
}

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

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

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

.smallItem
{
	padding: 4px 0;
}

/************************* 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.
 *
 *	cornerbottomleft.gif	0 0
 *	cornerbottomright.gif	0 -4px
 *	cornertopleft.gif		0 -8px
 *	cornertopright.gif		0 -12px
 *
 */

.cornerBackground, .cornerBottomLeft, .cornerBottomRight, .cornerTopLeft, .cornerTopRight
{
	background-image: url( ../corner.png );
	width: 4px;
	height: 4px;
}

.cornerBottomLeft
{
	background-position: 0 0;
}

.cornerBottomRight
{
	background-position: 0 -4px;
}

.cornerTopLeft
{
	background-position: 0 -8px;
}

.cornerTopRight
{
	background-position: 0 -12px;
}

/* *************************************** 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: 0;
	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
 *
 *	buttoncenter.gif	0 0
 *	buttonleft.gif		0 -25px
 *	buttonright.gif		0 -50px
 *
 */

.buttonBackground, .buttonCenter, .buttonLeft, buttonRight
{
	background-image: url( ../button.png );
}

.buttonCenter, .buttonCenter a, .buttonCenter a:visited
{
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

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

.buttonLeft
{
	background-position: 0 -25px;
	width: 8px;
	height: 25px;
}

.buttonRight
{
	background-position: 0 -50px;
	width: 8px;
	height: 25px;
}

.contentTable
{
	width: 100%;
	border: none;
	border-spacing: 0;
}

.contentTable .browseRow1 a, 
.contentTable .browseRow2 a 
{
	padding-right: 4px;
	padding-left: 4px;
}

.contentTable .browseRow1 a:hover, 
.contentTable .browseRow2 a:hover 
{
	text-decoration: 		underline;
}

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

.updatedBrowse
{
	border-collapse:	collapse;
	border-spacing:		0;
	width:			100%;
}

.updatedBrowse .browseListHeader TD
{
	height: 		20px;
}

.updatedBrowse .browseListHeader TH
{
	border-bottom: 		solid 1px #A5C9E5;
	height: 		20px;
	font-weight: 		normal;
	padding: 		0 16px 0 4px;
	white-space: 		nowrap;
}

.updatedBrowse.browseTopBar TH
{
	border-top: 		solid 1px #A5C9E5;
}

.updatedBrowse  .browseListHeader .browseListHeaderCheck, .updatedBrowse .browseListHeader .browseListHeaderPromotedCmds
{
	border-left:		none;
	padding:		0;
}

.updatedBrowse .browseListHeader TD
{
	padding: 		0 .5em 0 .5em;
	white-space: 		nowrap;
	border-bottom: 		#A5C9E5 1px solid;
}

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

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

.browseTable.updatedBrowse input[type=checkbox]
{
	margin-top: 3px;
}

.browseRowHover
{
	background-color: #cbd3d9;
	color: #333333;
}

.updatedBrowse .promotedCmds a:link,
.updatedBrowse .promotedCmds a:visited
{
	color: 			#999999;
	text-decoration: 	none;
	vertical-align: 	middle;
	background-repeat: 	no-repeat;
	background-position: 	center;
	overflow: 		hidden;
	padding-right:		4px;
	padding-left:		4px;
}

.updatedBrowse .browseRowHover .promotedCmds a:link,
.updatedBrowse .browseRowHover .promotedCmds a:visited
{
	color: 			#333333;
	visibility: 		visible;
}

.updatedBrowse .promotedCmds a:hover:not(.functionMenuHotspot),
.updatedBrowse .browseItemName a:hover:not(.functionMenuHotspot)

{
	text-decoration:	underline;
}

.updatedBrowse .browseItemName
{
	width:			70%;
	white-space: 		normal;
	padding: 		0 0 0 5px;
}

.updatedBrowse .browseItemFirstName,
.updatedBrowse .browseItemLastName,
.updatedBrowse .browseItemEmail,
.updatedBrowse .browseItemLogin
{
	width:			15%;
	white-space: 		nowrap;
	padding: 		0 0 0 5px;
}
/* *************************************** Browse Page New Styles For Client Rendering ************************ */

.hlt td {
		padding: 			0 .35em  0 .35em;
		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-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-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-size: 			8pt;
		font-weight: 			normal;
		color: 				#00609e;
		white-space: 			nowrap;
		border: 			1px solid;
		border-color: 			#A9B7C6;
		background-color: 		#E2EBF3;
		height : 			17px;
}

.valueEditableCell {
		font-weight:	 		normal;
		width:				80%;
		height:				100%;
}
.valueEditableCell75 {
		font-weight:	 		normal;
		width:				75%;
		height:				100%;
}

.valueEditableCell50 {
		font-weight:	 		normal;
		width:				50%;
		height:				100%;
}

.valueEditableCell25 {
		font-weight:	 		normal;
		width:				25%;
		height:				100%;
}
.valueEditableLargeTextField{
		width:				98%;
	
}
#progressPopupDiv {
		position:			absolute;
		visibility:			hidden;
		z-index:			200;
}

.bcMenuSelect
{
	opacity:				25;
	color: 					#333;
	padding-left:				4px;
	padding-right:				0;
	padding-top:				0;
	white-space:				nowrap;
	text-align:				left;
	border:					1px solid;
	border-color:				#999999;
	text-decoration:			none;
	background-color: 			#F3F3F3;
}

.bcselectArrow
{
	content:				url( images/caret_down.svg ) !important;
	padding:    				0;
	margin:					0;
	width:					15px;
	height: 				15px;
	object-position: 			0 1px;
}

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

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

.bcselectTitle a:hover
{
	color:					#333;
}

.searchInitaltext
{
	color: 					#333333;
	font-style: 				italic;
	background-color: 			#efefef;
}

.browsePaginationBarEdit
{
	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-right:			0 !important;
	height:				20px;
	width: 				150px !important;
	padding-top: 			2px !important;
	padding-right: 			3px !important;
}

/* 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: 					17px;
	height: 				17px;
	border:					1px solid;
	border-color:				#999999;
	border-left:				0;
}

.cellTwo
{
	background-color: 			#e2ebf3;
	color: 					#666666;
	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(images/search24.svg) no-repeat top center;
    width: 			18px;
    height: 			18px;
    float: 			left;
    overflow: 			hidden;
    text-indent: 		-200em;
    border: 			1px solid #A9B7C6;
}

.cellTwoIE
{
	background-color: 			#e2ebf3;
	color: 					#666666;
	font-size: 				8pt;
	width: 					15px;
	height: 				19px;
	border: 				1px solid;
	border-color: 				#999999;
	margin: 				0;
	padding-top: 				1px;
	padding-right: 				1px;
}

.miniPageTableCell
{
	padding-top: 				0;
}

/*  Target browse dialog styles */

.cs-target-select-link
{
    white-space: nowrap;
}

.cs-target-select-link a 
{
    padding: 5px 10px;
    text-decoration: none;
}

.cs-target-select-link a:hover, 
.cs-target-select-link a:active
{
    text-decoration: underline;
}

.cs-target-dropdown-img img
{
	padding: 1px 7px 3px 4px;
}

.cs-target-uplevel a
{
	padding-right:			5px;
	padding-left:			5px;
}

.cs-target-search
{
	float: 				left !important; 
	position: 			relative; 
	margin-bottom: 			10px; 
	display: 			inline;
}

.cs-target-search .cs-target-search-reset
{
	padding-left: 10px;
}

.cs-target-search-block
{	
	display: block;
}

.cs-target-multiselect-div-msg
{
	position:			relative;
	margin-left: 			30px;
	margin-top: 			2px;
	margin-bottom: 			3px;
}

.cs-target-selectable-check
{
	margin-right:			10px;
}

.targetbrowsePager
{
	color: 					#666666;
	border:					0;
	white-space:				nowrap;
	font-size:				12px;
	padding: 				0 4px;
	margin: 				0 4px;
	line-height:				20px;
}

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

/* new pager control css */

.targetbrowsePager-container
{
	float:				right;
	padding-top: 			3px;
	padding-bottom: 		5px;
}

.targetbrowsePagerCount
{
	float:				right;
	padding-top: 			3px;
	padding-right: 			3px;
}

.targetbrowsePagerEndControls-2
{
	display: 			inline-block;
	vertical-align: 		middle;	
}

.targetbrowsePagerCell-2
{
	padding: 			2px 5px;
	border: 			solid 1px #A9B7C6;
	background-color: 		#fff;
	display: 			inline-block;
	vertical-align: 		middle;	
}

.targetbrowsePagerEndControls-2 a
{
	border: 			solid 1px transparent;
	padding: 			5px 3px 0px 3px;

}

.targetbrowsePagerEndControls-2 a:hover
{
	border: 			solid 1px #A9B7C6;
}

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

.targetbrowsePager .targetbrowsePagerBlank
{
	padding: 				0 1px;
}

.targetbrowsePager .targetbrowsePagerCurrentCell
{
	background-color:			white; 
	border:					solid 1px #A9B7C6;
}

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

.tb-title-bar 
{
	background-color: 		#f3f3f3;
	padding:			5px 4px;
}

.tb-search 
{
	width: 			150px;
	border: 		#bccfd8 1px solid;
	font-size: 		10px;
	line-height: 		20px;
}

.tb-search-dim {
	font-style: 		italic;
	padding-left: 		3px;
	padding-top: 		2px;
	-moz-appearance: 	textfield;  
}

.tb-search-count {
	color: #33f;
}

tbody.tb-view 
{
	width: 100%;
	overflow-y: auto; 
	overflow-x: hidden;
	display: block;
	max-height: 400px;
}

tbody.tb-view-paging 
{
	width: 			100%;
	overflow-y: 		auto; 
	overflow-x: 		hidden;
	display: 		block;
	max-height: 		450px;
}

/* *************************************** 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;
	padding: 				1px;
}

.currentViewButtonHref:active, .currentViewButtonHref:link, .currentViewButtonHref:visited
{
}

.currentViewButton
{	
	border: 				0px;
	border-style: 			hidden;
	padding: 				0px;
	vertical-align: 		top;
}

.currentViewButtonHref img
{
	border:					1px solid transparent;
	width:					15px;
	height:					15px;
	padding: 				1px;
	vertical-align: 		middle;
}

.currentViewButtonHref:hover img
{
	border:					1px dotted #333333;
}

.menuItem img
{
	margin-right:				.5em;
	vertical-align:				middle;
}

img.statusIcon
{
	width:					8px;
	height:					8px;
	border:					none;
}

img.shortcutIcon
{
	width:					9px;
	height:					8px;
	border:					none;
}

img.objectIcon
{
	width:					16px;
	height:					16px;
	border:					none;
	margin-right:				5px;
}

img.smallIconImg
{
	margin-right:			6px;
}

.smallIconMap
{
	background:		url('../smalliconmap.png') no-repeat;
	height:			16px;
	padding:		2px;
	padding-right:		4px;
	padding-left:		12px;
	display:		inline-block;
	vertical-align:		middle;
	margin-right:		.5em;
}

.browseRowStatus 
{
	float:			left;
	vertical-align:	top;
}

.smallIconDiv
{
	overflow:		hidden;
	position:		relative;
	width:			16px;
	float:			left;
}

/*
 * 	smallIconMapOthers used for Add Item -- except the ones covered by smallIconMap(../smalliconmap.png)
 *	For example: 
 *			Search Administration: System Object Volume
 */
.smallIconMapOthers
{
	background-position:	0 0;
	height:			16px;
	padding:		2px;
	padding-right:		4px;
	padding-left:		12px;
	display:		inline;
	vertical-align:		middle;
	margin-right:		.5em;
}

.imgCursor
{
	cursor:					pointer;
}

.subtype480	/*appearance*/
{
	background-position:	0 0;
}

.subtype480img	/*appearance*/
{
	position: 				relative; 
	left:					0;
}

.subtype131	/*category*/
{
	background-position:	-25px 0;
}

.subtype131img	/*category*/
{
	position: 				relative; 
	left:					-25px;
}

.subtype207	/*channel*/
{
	background-position:	-48px 0;
}

.subtype207img	/*channel*/
{
	position: 				relative; 
	left:					-48px;
}

.subtype298	/*collection*/
{
	background-position:	-73px 0;
}

.subtype298img	/*collection*/
{
	position: 				relative; 
	left:					-73px;
}
.subtype136	/*compound document*/
{
	background-position:	-100px 0;
}

.subtype136img	/*compound document*/
{
	position: 				relative; 
	left:					-100px;
}
.subtype146	/*customview*/
{
	background-position:	-124px 0;
}

.subtype146img	/*customview*/
{
	position: 				relative; 
	left:					-124px;
}

.subtype215	/*discussion*/
{
	background-position:	-150px 0;
}

.subtype215img	/*discussion*/
{
	position: 				relative; 
	left:					-150px;
}

.subtype144	/*document*/
{
	background-position:	-174px 0;
}

.subtype144img	/*document*/
{
	position: 				relative; 
	left:					-174px;
}

.subtype0	/*folder*/
{
	background-position:	-200px 0;
}

.subtype0img	/*folder*/
{
	position: 				relative; 
	left:					-200px;
}

.subtype299	/*report*/
{
	background-position:	-224px 0;
}

.subtype299img	/*report*/
{
	position: 				relative; 
	left:					-224px;
}

.subtype218	/*poll*/
{
	background-position:	-250px 0;
}

.subtype218img	/*poll*/
{
	position: 				relative; 
	left:					-250px;
}

.subtype202	/*project*/
{
	background-position:	-274px 0;
}

.subtype202img	/*project*/
{
	position: 				relative; 
	left:					-274px;
}

.subtype384	/*prospector*/
{
	background-position:	-299px 0;
}

.subtype384img	/*prospector*/
{
	position: 				relative; 
	left:					-299px;
}

.subtype1	/*alias*/
{
	background-position:	-324px 0;
}

.subtype1img	/*alias*/
{
	position: 				relative; 
	left:					-324px;
}

.subtype2	/*generation*/
{
	background-position:	-824px 0;
}

.subtype2img	/*generation*/
{
	position: 				relative; 
	left:					-824px;
}

.subtype204	/*tasklist*/
{
	background-position:	-349px 0;
}

.subtype204img	/*tasklist*/
{
	position: 				relative; 
	left:					-349px;
}

.subtype145	/*apptext*/
{
	background-position:	-373px 0;
}

.subtype145img	/*apptext*/
{
	position: 				relative; 
	left:					-373px;
}

.subtype140	/*url*/
{
	background-position:	-400px 0;
}

.subtype140img	/*url*/
{
	position: 				relative; 
	left:					-400px;
}

.subtype128	/*workfmp*/
{
	background-position:	-425px 0;
}

.subtype128img	/*workfmp*/
{
	position: 				relative; 
	left:					-425px;
}

.subtype190	/*wfstatus*/
{
	background-position:	-447px 0;
}

.subtype190img	/*wfstatus*/
{
	position: 				relative; 
	left:					-447px;
}

.subtype335	/*dtd*/
{
	background-position:	-473px 0;
}

.subtype335img	/*dtd*/
{
	position: 				relative; 
	left:					-473px;
}

.subtype905	/*facetfolder*/
{
	background-position:	-200px 0;
}

.subtype905img	/*facetfolder*/
{
	position: 				relative; 
	left:					-200px;
}

.subtype955	/*assetfolder*/
{
	background-position:	-200px 0;
}

.subtype955img	/*assetfolder*/
{
	position: 				relative; 
	left:					-200px;
}

.subtype899	/*virtualfolder*/
{
	background-position:	-849px 0;
}

.subtype899img	/*virtualfolder*/
{
	position: 				relative; 
	left:					-849px;
}

.subtype528 /*workbench*/
{
	background-position:	-875px 0;
}

.subtype528img /*workbench*/
{
	position: 				relative; 
	left:					-875px;
}

.subtype529 /*workbench folder*/
{
	background-position:	-899px 0;
}

.subtype529img /*workbench folder*/
{
	position: 				relative; 
	left:					-899px;
}

.subtype530 /*box folder*/
{
	background-position:	-925px 0;
}

.subtype530img /*box folder*/
{
	position: 				relative; 
	left:					-925px;
}

.subtype531 /*box*/
{
	background-position:	-950px 0;
}

.subtype531img /*box*/
{
	position: 				relative; 
	left:					-950px;
}

.mimeTypeappsddimg 
{
    position: 				relative;
    left: 					-975px;
}

.mimeTypeappexel
{
	background-position:	-500px 0;
}

.mimeTypeappexelimg
{
	position: 				relative; 
	left:					-500px;
}

.mimeTypeappgif
{
	background-position:	-524px 0;
}

.mimeTypeappgifimg
{
	position: 				relative; 
	left:					-524px;
}

.mimeTypeappiexpl
{
	background-position:	-549px 0;
}

.mimeTypeappiexplimg
{
	position: 				relative; 
	left:					-549px;
}

.mimeTypeappjpeg
{
	background-position:	-574px 0;
}

.mimeTypeappjpegimg
{
	position: 				relative; 
	left:					-574px;
}

.mimeTypeapppdf
{
	background-position:	-600px 0;
}

.mimeTypeapppdfimg
{
	position: 				relative; 
	left:					-600px;
}

.mimeTypeappppoin
{
	background-position:	-625px 0;
}

.mimeTypeappppoinimg
{
	position: 				relative; 
	left:					-625px;
}

.mimeTypeappproj
{
	background-position:	-650px 0;
}

.mimeTypeappprojimg
{
	position: 				relative; 
	left:					-650px;
}

.mimeTypeapptaro
{
	background-position:	-674px 0;
}

.mimeTypeapptaroimg
{
	position: 				relative; 
	left:					-674px;
}

.mimeTypeapptext
{
	background-position:	-699px 0;
}

.mimeTypeapptextimg
{
	position: 				relative; 
	left:					-699px;
}

.mimeTypeappvisio
{
	background-position:	-725px 0;
}

.mimeTypeappvisioimg
{
	position: 				relative; 
	left:					-725px;
}

.mimeTypeappword
{
	background-position:	-750px 0;
}

.mimeTypeappwordimg
{
	position: 				relative; 
	left:					-750px;
}

.mimeTypeappxml
{
	background-position:	-774px 0;
}

.mimeTypeappxmlimg
{
	position: 				relative; 
	left:					-774px;
}

.mimeTypeappzip
{
	background-position:	-800px 0;
}

.mimeTypeappzipimg
{
	position: 				relative; 
	left:					-800px;
}

.mimeTypeappcsf
{
	background-position:	-975px 0;
}

.mimeTypeappcsfimg
{
	position: 				relative; 
	left:					-975px;
}

.tinyali
{
	background-position:	-529px 0;
}

.tinygen
{
	background-position:	-538px 0;
}

.tinylock
{
	background-position:	-545px 0;
}

.tinyres
{
	background-position:	-554px 0;
}

.tinywork
{
	background-position:	-563px 0;
}

.quickLinksMap
{
	background:				url('../quicklinksmap.png') no-repeat;
	height:					11px;
	width:					11px;
	padding:				1px;
	padding-left:			10px;
	display:				inline;
	vertical-align:			middle;
}

.personal-workspace
{
	background-position:	0 0;
}

.personal-home
{
	background-position:	-11px 0;
}

.enterprise-workspace
{
	background-position:	-22px 0;
}

.enterprise-users
{
	background-position:	-33px 0;
}

.tools-logout
{
	background-position:	-44px 0;
}

.tools-settings
{
	background-position:	-55px 0;
}

.help-contents
{
	background-position:	-66px 0;
}

.help-thispage
{
	background-position:	-77px 0;
}

.project-overview
{
	background-position:	-88px 0;
}

.project-workspace
{
	background-position:	-99px 0;
}

.personal-favorites
{
	background-position:	-110px 0;
}

/* -----------------------------------------------------------------------
	Users and Group
----------------------------------------------------------------------- */

.userlisting{
	background:transparent url('../guy.gif') no-repeat scroll left bottom;
	text-indent: 20px;
	line-height: 16px;
}

.publicuserlisting{
	background:transparent url('../publicaccess.gif') no-repeat scroll left bottom;
	text-indent: 20px;
	line-height: 16px;
}

/* -----------------------------------------------------------------------
	Presentation
----------------------------------------------------------------------- */

.inheritedContainer
{
	color:	gray;
}

/* -----------------------------------------------------------------------
	Column Selector
----------------------------------------------------------------------- */

.columnListing
{
	width:30em;
}

.location-page-title{
	font-size:1.6em;
	font-weight:normal;
	margin:0.5em;
	padding:.25em .5em .25em 2.25em;
	background-color:Transparent;
	background-repeat:no-repeat;
	background-position:left center;
}
.adminlink{
	font-size:1em;
}
.adminwarningicon{
	float:left;
	margin:0 12px 50px 0;
}
/* -----------------------------------------------------------------------
	Standard items
----------------------------------------------------------------------- */
input[type="radio"], 
input[type="checkbox"]
{
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 0;
}

input[type="radio"] + label, 
input[type="checkbox"] + label
{
	margin-left: 5px;
}

.vtop{
	vertical-align:top;
}
.footnote{
	font-size:.8em;
	margin-left:4px;
}
.formnote{
	font-size: 0.8em;
	color: #666666;
}
/* -----------------------------------------------------------------------
	Header
----------------------------------------------------------------------- */
#header
{
	clear:both;
	height:58px;
	background:#fff;
}

#header-inner
{
	background:#fff;
}

/* ----------------------------------------------------------------------------
	New style to support logos (default and custom).
	The positioning is calculated at run-time and manipulated via Javascript.
---------------------------------------------------------------------------- */
.customLogo 
{
	background-color: transparent;
	background-repeat: no-repeat;
}

.customLogo a,
.customLogo span
{
	display: block;
	position: absolute;
	font-size: 0;
}

/* ----------------------------------------------------------------------------	 
	Older logo style for backwards compatibility (DEPRECATED).
---------------------------------------------------------------------------- */
#logo
{
	background:	#fff;
	padding:	12px 0 14px 10px;
	margin:		0;
}

#logo a,
#logo span
{
    display:    block;
    position:   absolute;
    margin-top: -45px;
    margin-left: -7px;
    width: 366px;
    height:     43px;
    font-size:  0;
}

#logo div
{
	font-size:		3em;
	line-height:	1;
	margin-bottom:	0.5em;
	border:			0;
}

#logo::before 
{
	content: url(../csui/themes/carbonfiber/image/csui/headerbar_content_suite_platform.svg);
}

/* -----------------------------------------------------------------------
	Menu
----------------------------------------------------------------------- */
#nav
{
	background-color: 		#EAF6FC;
	overflow: 			hidden;
	border-top: 			1px solid #96D1EF;
	border-bottom: 			1px solid #96D1EF;
	white-space: 			nowrap;
}

* html #nav
{
	overflow:		visible;
	width:			100%;
	z-index:		1000;
}

#nav a
{
	color:			#000;
	text-decoration:	none;
}

ul.menu-horizontal
{
	height:auto;
	margin:0;
	padding:0;
	width:auto;
	display:inline-block;
	white-space: nowrap;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:			left;
}

.menu-horizontal li
{
	display:		inline-block;
	float:			left;
}

ul.menu-horizontal li ul li
{
	background-image:none;
	position:relative;
	display:block;
	clear:both;
}

.menu-horizontal li:last-child
{
}

ul.menu-horizontal li ul li a
{
	background:#FFF;
	padding:0;
	width:auto;
}

ul.menu-horizontal ul
{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	margin:0;
	padding:0;
	width:auto;
}

.menu-horizontal a
{
	display:		block;
	margin:			0;
	white-space:		nowrap;
	padding:		1px;
	cursor:			pointer;
}

* html .menu-horizontal a
{
	width:1px;
}

.menu-horizontal a div
{
	padding: .3em 0.7em .3em .6em;
	display:block;
	font-weight:bold;
	color:#445056;
	font-size: 14px;
}

.menu-horizontal a.active > div
{
	color:black !important;
}

.menu-horizontal a div .help-icon		
{
	padding: .15em 0.4em .1em .25em;
	display:block;
	font-size: 12px;
}

.menu-horizontal a div .topmenu-icon
{
	background-position:	0 0;
	height:			16px;
	display:		inline-block;
	position:		relative;
	left:			0.3em;
}

.menu-horizontal a:hover div .topmenu-icon
{
}

* html .menu-horizontal a div .topmenu-icon
{
	display:		inline;
}

#nav>ul>li>a
{
	background: 		url(images/caret_down.svg) no-repeat right center;
	background-size: 	12px 12px;
	background-position: right 14px center;
	border: 1px solid #ebf7fc;
}

#nav>ul>li>a:hover,
#nav>ul>li>a:focus
{
	background: 		#FFF6DA url(images/caret_down_mo.svg) no-repeat;
	background-size: 	12px 12px;
	background-position: 	right 14px center;
	border: 		1px solid #eeb111;
	outline: 		none;
}

#nav>ul>li>a>ul>li>a
{
	background: 		url(images/caret_down.svg) no-repeat right center;
	background-size: 	12px 12px;
	background-position: right 14px center;
	border: 1px solid #ebf7fc;
}

#nav>ul>li>a>ul>li>a:hover
{
	background: 		#FFF6DA url(images/caret_down_mo.svg) no-repeat;
	background-size: 	12px 12px;
	background-position: 	right 14px center;
	border: 1px solid #eeb111;
}

.menu-horizontal a:hover div .topmenu-icon
{
	background-position:-16px 0;
}

#nav>.menu-horizontal>li>ul>li>a div
{
	background-image:	none;
	background-color:	#FFF;
	border-left:		solid 1px #9499a2;
	border-right:		solid 1px #9499a2;
	font-weight:		normal;
	font-size:		12px;
	color:			#000;
	 border-top: 1px solid #fff; 
	 border-bottom: 1px solid #fff; 
}

#nav>.menu-horizontal>li>ul
{
	border-left:		solid 1px #9499a2;
	border-right:		solid 1px #9499a2;
}

#nav>.menu-horizontal>li>ul>li>a div
{
	background-image:	none;
	background-color:	#FFF;
	font-weight:		normal;
	font-size:		12px;
	color:			#000;
	border: 1px solid #fff; 
}

#nav .menu-horizontal li ul li a:hover, 
#nav .menu-horizontal li ul li a:focus
{
	background-image:none;
}

#nav>.menu-horizontal>li>ul
{
		border-top:		solid 1px #9499a2;
}

#nav>.menu-horizontal>li>ul>li>a:hover div, 
#nav>.menu-horizontal>li>ul>li>a:focus div
{
	background-color:		#FFF6DA;
	background-image:		none;
	border: 1px solid #eeb111;
}

#nav li ul li.last-menu-item
{
}

* html #nav li.last-menu-item
{
}

.navigateUpOneLevelPadding
{
}

#nav li ul li.last-menu-item a
{
	border-bottom: 		1px solid #9499a2;
	z-index:		200;
	position:		relative;
}

* html #nav li ul li.last-menu-item a
{
	padding-bottom:		3px;
	margin-bottom:		-.25em;
}

#nav li ul li.last-menu-item a:hover
{
}

#nav li ul li.last-menu-item a span
{
	background:		#FFF;
}

#nav .help-menu-item div.help-icon
{
	width:			18px;
	height:			18px;
	cursor:			pointer;
	display:		inline-block;
}

.help-icon::before 
{
	content:		url(images/help42_md.svg);
	vertical-align: 	-25%;
}

#help-menu-text
{
	margin-right: 		-2px;
	opacity: 		0;
	position: 		absolute;
}

* html #nav .help-menu-item div.help-icon
{
	display:		inline;
}

#nav ul li.help-menu-item ul li a span
{
	text-indent:		0;
	height:			auto;
	float:			none;
}

#nav ul li ul li.menu-divider a
{
	border-top:		solid 1px #9499a2;
}

.dropshadow-bottom
{
	background:		none;
	clear:			both;
}
/* -----------------------------------------------------------------------
	Search
----------------------------------------------------------------------- */
.search-panel
{
	position: 		absolute;
	right: 			1px;
	height: 		auto;
	overflow: 		visible;
	white-space: 		nowrap;
	padding-right: 		2px;
	margin-top:		5px;
}

.search-panel div.search-panel-content
{
	border:			0;
	background:		none;
	position:		relative;
}

.search-panel-open {
    margin-top: 		-.07em;
    margin-right: 		-1px;
    position: 			absolute;
    display: 			block;
    background: 		none;
    z-index: 			20;
}

.search-panel-open div.search-panel-content
{
	border: 		solid 1px #96D1EF;
	background: 		#EAF6FC;
	padding: .41em 0 .75em 1em;
	float:			right;
	display:		block;
}

.search-panel-open div.search-panel-inner
{
	float:right;
	display:block;
	padding-bottom:3px;
}

div.search-action-row
{
	margin-top:.25em;
	float:right;
	font-size:12px;
}

div.search-action-row label,
div.search-action-row a,
div.search-action-row .show-search-panel
{
	margin-right:		7px;
	margin-top:		4px;
	float:			left;
	cursor:			pointer;
	vertical-align:		top;
}

.show-search-panel
{
    background: 		transparent url(images/caret_down.svg) no-repeat left center;
    background-position: 	0 -2px;
    display: 			block;
    width: 			12px;
    height: 			12px;
    overflow: 			hidden;
    text-decoration: 		none;
    color: 			#000;
    float: 			left;
    margin-left: 		.3em;
    margin-right: 		.3em;
    border: none;
}

.show-search-panel:hover, 
.search-panel .searchBoxIsFocused .show-search-panel:hover
{
	background: 		transparent url(images/caret_down_mo.svg) no-repeat left center;
	background-position: 	0 -2px;
}

.search-panel-open .show-search-panel,
.search-panel-open .searchBoxIsFocused .show-search-panel 
{
	background: transparent url(images/caret_up.svg) no-repeat left center;
	background-position:	0 -2px;
}

.search-panel-open .show-search-panel:hover,
.search-panel-open .searchBoxIsFocused .show-search-panel:hover
{
    background: 		transparent url(images/caret_up_mo.svg) no-repeat left center;
    background-position: 	0 -2px;
}

.searchButton
{
	height:			2em;
	display:		block;
	text-decoration:	none;
	float:			left;
	cursor:			pointer;
}

.searchButtonIcon
{
	background: 		white url(images/search24.svg) no-repeat top center;
	width: 			20px;
	height: 		20px;
	overflow: 		hidden;
	text-indent: 		-200em;
	border: 1px solid 	#A9B7C6;
}

.searchButtonText
{
	margin-left: 3px;
}

.searchBoxIsFocused .searchButtonIcon
{
	background:#fff url(images/search24.svg) no-repeat left center;
}

.searchBoxIsFocused .searchButtonText
{
	color:#000;
}

.searchButtonIcon:hover, 
.searchButtonIcon-hover,
.searchBoxIsFocused .searchButtonIcon-hover
{
	border: solid 1px #777777;
	cursor: pointer;
	background: white url(images/search24_mo.svg) no-repeat top center;
	text-indent: -9999px;
}

.searchButtonIcon:active, .searchButtonIcon-on
{
}

.searchBarActionRow a
{
    cursor: pointer;
    float: left;
    margin-right: 0.75em;
    margin-top: 0.2em;
    text-decoration: none;
    color: #05447E;
}

.searchBarActionRow a:hover
{
    color: #D39300;
}

.search-menu-select, .search-menu-select div 
{
	float:left;
}

.search-menu-select div a, .search-menu-select a
{
	display:block;
	margin-left:8px;
	padding:.3em 0 .3em 0;
	cursor:default;
}

.search-menu-select div div span
{
	height:1.6em;
	display:block;
}

* html .search-menu-select div div span{
	line-height:.3em;
	float:left;
}
.search-menu-select div div span a{
	padding:.3em 0 0 0;
}
* html .search-menu-select div div{
	padding-left:.6em;
}
* html .search-menu-select div div a{
	margin-left:0;
}
.search-options{
	padding:.5em 1.75em 0 0;
	clear:both;
	display:none;
}
* html .search-options{
	padding-top:0;
	padding-right:2em;
}
.search-options label{
	float:left;
	margin-right:.75em;
	margin-top:.2em;
	line-height:1.6em;
	font-size:12px;
}
.search-options div.searchBut{
	margin:1em 0 0;
	overflow:inherit;
	height:21px;
	font-size:.85em;
	color:#000;
	font-size:12px;
}

#nav .search-panel .search-links a
{
	color: #333333;
	line-height: 1.2em;
	text-decoration: none;
}

#nav .search-panel .search-links a:hover
{
	text-decoration: underline;
}

.search-menu-select
{
	background:#FFF;
	color:#000000;
	border:1px solid #a9b7c6;
	white-space:nowrap;
	text-align:left;
	min-width: 15em;
	width:auto;
	width:15em;
	float:right;
	position:relative;
	padding:1px;
	height: inherit;
}

span.select-arrow
{
	background:	#FFF url(images/caret_down.svg) no-repeat 1px center;
	height:		12px;
	width:		12px;
	display:	block;
	overflow:	hidden;
	text-indent:	200em;
	position:	absolute;
	right:		5px;
	top:		5px;
}

span.select-arrow:hover 
{
	background:	#FFF url(images/caret_down_mo.svg) no-repeat 1px center;
}

.select-title
{
	float:none;
	padding:.3em 0 .3em 0;
	display:block;
	cursor:default;
}

.select-title-img
{
	float:none;
	padding:.3em 0 .3em 0;
	display:block;
	cursor:default;
}
.icon-select-title{
	display:block;
	padding-left:2em !important;
}

a.left
{
	float:left;
}

.search-input
{
    border: 		1px solid #bccfd8  !important;
    padding-left: 	3px;
    padding-top: 	2px;
    -moz-appearance: 	textfield;
}

.search-input-detached{
	border-right:solid 1px #BCCFD8;
}

.search-input::-webkit-input-placeholder 
{
  font-style: italic;
}

.search-input::-moz-placeholder 
{
  font-style: italic;
}

.search-input::-ms-input-placeholder 
{
  font-style: italic;
}

.searchActionRowInput 
{
	border-right:	0 !important;
	height:		20px;
	width: 		220px;
	float:		left;
	padding-bottom: 1px;
}

.performSearchBackground
{
	width:150px;
	border:3px solid black;
	padding:2px;
	border-spacing:0;
	background-color:#ffffff
}

.search-help
{
	float:left;
}

div.search-type{
	border-bottom:1px solid #BCBCBC;
	padding-bottom:1em;
}
.search-help{
	float:left;
}
.advanced-search
{
	float:right;
}

/* -----------------------------------------------------------------------
	Breadcrumbs
----------------------------------------------------------------------- */

#breadcrumbs
{
	clear:both;
	padding:.5em 1em;
	overflow:hidden;
}

* html #breadcrumbs
{
	overflow:visible;
	width:100%;
}

.separatorImage
{
	background: 		transparent url(images/breadcrumb_arrow.svg) no-repeat right center;
	padding-right:		.5em;
	margin:			0 .2em;
}

a.locationDisplayTrailNonterminalElement,
a.locationDisplayTrailTerminalElement{
	color:#05447E !important;
	text-decoration:none;
}
a.locationDisplayTrailNonterminalElement:hover,
a.locationDisplayTrailTerminalElement:hover{
	color:#05447E !important;
	text-decoration:underline;
}
.breadcrumbs-trail{
	float:left;
}
#DivLocationSelectTitle a
{
	white-space:		nowrap;
	text-decoration:	none;
	color:			#000;
	cursor:			default;
}

.locationSelectArrow
{
	border-left:		1px solid #999;
	background: #EDEDED url(images/caret_down.svg) no-repeat right center;
	height: 12px;
	padding: 3px 9px;
}

.locationSelectArrow img
{
	height: 		0;
	width: 			0;
}

.divLocationMenu
{
	background-color:#fff;
	color:#000000;
	padding-left:8px;
	padding-right:0;
	padding-top:0;
	border:1px solid #999;
	white-space:nowrap;
	text-align:left;
	float:left;
	width:17em;
	margin-right:.5em;
}
.locationMenu .menuItem, .locationMenu .menuItemHover
{
	padding-right:		6px;
}
.navigateUpOneLevel
{
	background: transparent url(../webdoc/upalevel.gif) no-repeat scroll 1px center;
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-decoration:none;
}
/* -----------------------------------------------------------------------
	News Ticker
----------------------------------------------------------------------- */

.newsSource
{
	position:				relative;
	padding-left:			0.7em;
}

/* -----------------------------------------------------------------------
	Page Title
----------------------------------------------------------------------- */

.locationPageTitle
{
	clear:both;
	padding-left:0.9em;
	padding-top:0.5em;
}
.pageTitleIcon
{
	float:left;
	padding-right: 0.2em;
}

.pageTitleText
{
	margin-top:	8px;
}

.locationPageTitle h1
{
	display:	inline;
	font-size:	1.6em;
	font-weight:	normal;
	margin-top:	0.5em;
	padding:	0 0.2em 0 0.3em;
}

/* -----------------------------------------------------------------------
	Browse Toolbar
----------------------------------------------------------------------- */
#tAddItemPane
{
	float:			right;
	right: 			8px;
}
.AddItemPane
{
	background-color: #EAF6FC
}

.toolbar-additem-button
{
	background:		none;
	display:		block;
	cursor:			pointer;
	float:			left;
	margin:			0;
	border: 		1px solid #ebf7fc;
}

.toolbar-additem-button:focus
{
	background:		none;
	background-color: 	#FFF6DA;
	border: 		1px solid #EEB111;
}

.toolbar-additem-button-top
{
	display:		block;
	cursor:			pointer;
	float:			left;
	margin:			0;
	border: 		1px solid #B3CBDC
}

.toolbar-additem-button-top span
{
	width:	26px;
	color:	#333;
	cursor:	pointer;
	display:	block;
	overflow:	hidden;
	text-align:	left;
	text-indent:	-200em;
	text-decoration:	none;
	background-repeat:	no-repeat;
	background-position:	center center;
	line-height:	26px;
}

.toolbar-additem-button-mo
{
	background:		none;
	background-color: 	#FFF6DA;
	border: 		1px solid #eeb111;
}

.toolbar-additem-button span
{
	width:			26px;
	display:		block;
	overflow:		hidden;
	text-align:		left;
	text-indent:		-200em;
	text-decoration:	none;
	color:			#333;
	cursor:			pointer;
	background-repeat:	no-repeat;
	background-position:	center center;
	line-height: 		26px;
}

.ico-folder-add{
	background:transparent url(images/ico-folder-add.gif) no-repeat scroll center center;
}
.ico-doc-add{
	background:transparent url(images/ico-doc-add.gif) no-repeat scroll center center;
}

.add-item-menu{
	margin-top:2.15em;
}

.add-item-select a	
{
    background: transparent url(images/caret_down.svg) no-repeat right 5px center;
    background-size: 14px 14px;
    display: block;
    margin-right: 3px;
    text-decoration: none;
}

.add-item-select a:focus,
.add-item-select a:hover
{
	outline:		none;
	background: 		transparent url(images/caret_down_mo.svg) no-repeat right 5px center; 
	background-size: 	14px 14px;
}

.add-item-select a span
{
	background: 		none;
	padding: 		0 22px 0 10px;
	display: 		inline;
	line-height: 		26px;
	overflow: 		visible;
	text-indent: 		0;
	text-decoration: 	none;
	white-space: 		nowrap;
	color:			#333;
}

.toolbar-wrapper
{
	margin-right:		.2em;
}

.toolbar-more-button
{
	left: 			-1000000000px;
	background-color: 	#ecf8fc;
	color:			#333333;
	display:		block;
	float:			left;
	text-decoration:	none;
	margin:			0;
	cursor:			pointer;
	overflow:		visible;
}

.toolbar-more-button span
{
	display:		block;
	overflow:		hidden;
	text-decoration:	none;
	color:			#000;
	cursor:			pointer;
}

.toolbar-more-button a
{
	display:		block;
	text-decoration:	none;
	border: 		1px solid #EAF6FC
}

.toolbar-more-button a:focus,
.toolbar-more-button a:hover
{
	outline:		none;
	background-color: 	#FFF6DA;
	border: 		1px solid #EEB111;
}

.toolbar-more-button a span
{
	background: 		transparent url(images/caret_down.svg) no-repeat right center;
	background-size: 	14px 14px;
	padding: 		0 14px 0 5px;
	display: 		block;
	overflow: 		visible;
	text-indent: 		0;
	text-decoration: 	none;
	white-space: 		nowrap;
	position: 		relative;
	line-height: 		26px;
	margin-right: 		5px;
}

.toolbar-more-button a:hover span,
.toolbar-more-button a:focus span
{
	background: 		transparent url(images/caret_down_mo.svg) no-repeat right center;
	background-size: 	14px 14px;
}

.hidden-toolbar 
{
	position:		relative;
	margin-left:		100px;
}

.moreMenuItem
{
	display:		block;
	float:			none !important;
}

.toolbar-menu-item
{
	float:			left;
}

.toolbar-menu-seperator
{
	padding-right:		1px;
	display:		block;
	overflow:		hidden;
	float:			left;
}

.toolbar-select
{
	margin:0 .75em;
}

.toolbar-buttons label
{
	cursor:pointer;
	display:block;
	float:left;
	line-height:1.8em;
}

.MultiDetailOperations, 
.toolbar-buttons
{
	background: 		none;
	overflow: 		hidden;
	float: 			left;
	display: 		block;
	width: 			auto;
	border-right: 		solid 1px #ecf8fc;
}

.MultiDetailOperations div, 
.toolbar-buttons div
{
	display:block;
	overflow:hidden;
	float:left;
}

* html .MultiDetailOperations, 
* html .toolbar-buttons, 
* html #tMoreMenuPane, 
* html #tMoreMenuPaneBottom
{
	overflow:visible !important;
	position:relative;
}

.toolbar-more-button a:active, 
.toolbar-additem-button a:active
{
	text-decoration:none;
}

.toolbar-background
{
	background: none;
	overflow: hidden;
	float: left;
	display: block;
	width: auto;
}

div.browseview-shim{
	width:750px;
	height:0;
	line-height:0;
	font-size:0;
}

/* -----------------------------------------------------------------------
	Footer
----------------------------------------------------------------------- */

#footer{
	height:			20px;
	color:			#666666;
	padding: 		2em 0 0 1em;
	width:			99%;
	background-color:	#f7f8f8;
	text-align:		center;
	z-index:		99;
	vertical-align:		bottom;
}
.footerlink{
	text-decoration:	none;
}
.footerlink:hover{
	text-decoration:	underline;
}
.copyright{
	float:right;
	text-align:center;
	margin-top:.5em;
	margin-right:2em;
}
#footer span{
	float:left;
	text-align:center;	
	margin-top:.5em;
	border-left:1px solid darkgrey;
	padding:0 .5em;
}
#footer span:first-child{
	margin-top:.5em;
	border-left:none;
	padding-left:0;
}

/* -----------------------------------------------------------------------
	Browse View Switcher
----------------------------------------------------------------------- */

.browseIcons{
	float:right;
	border: solid 1px #b3cbdc;
	background-color: #eaf6fc;
	padding: 5px 5px 2px 6px;
}
#browse-view-switcher{
	overflow:hidden;
	margin-bottom:.5em;
	margin-left:.75em;
}

/* -----------------------------------------------------------------------
	Shadows
----------------------------------------------------------------------- */

.shadow-right
{
	background:none;
}

.bottom-shadows
{
	position:relative;
	height:	0;
	padding-right:0;
}

.shadow-bottom-inside
{
	background:none;
}

.shadow-bottom-right
{
	background:none;
}

.td-no-line-height
{
	line-height:0;
	width:100%;
}
/* -----------------------------------------------------------------------
	Sidebar Separator
----------------------------------------------------------------------- */
#browseAndSidebarContainer
{
	width:100%;
}
.hasSidebar .sidebarSeparator
{
	cursor: col-resize;
	margin:0;
	top:1px;
	bottom:0;
	width:8px;
	position:absolute;
	border:1px solid transparent;
}
td.browseview-wrapper{
	position:relative;
	padding-top:0;
}
td.browseview-wrapper-padded{
	padding-right:.75em;
}

.hasSidebar .sidebarSeparatorHover
{
	background-color:	#FFF6DA;
	border:			1px solid #eeb111;
	width: 			8px;
}

*body .hasSidebar .sidebarSeparatorHover
{
	width:1.2em;
}

.sidebarOnRight .sidebarSeparator
{
	float:right;
	right:-4px;
}
.sidebarOnRight .sidebarOpen .sidebarSeparator
{
	right:5px;
}
*body .sidebarOnRight .sidebarOpen .sidebarSeparator
{
	right:.5em;
}
*body .sidebarOnRight .sidebarOpen .sidebarSeparatorHover
{
	right:.2em;
}
.sidebarOnLeft .sidebarSeparator
{
	float:left;
	left:-9px;
}
.sidebarOnLeft .sidebarOpen .sidebarSeparator
{
	left:-2px;
}
*body .sidebarOnLeft .sidebarSeparator
{
	left:-.3em;
}
*body .sidebarOnLeft .sidebarOpen .sidebarSeparator
{
	left:.1em;
}
*body .sidebarOnLeft .sidebarSeparatorHover
{
	left:-.5em;
}
*body .sidebarOnLeft .sidebarOpen .sidebarSeparatorHover
{
	left:-.2em;
}
.sidebarSeparatorArrow
{
	display:none;
	position:absolute;
	z-index:1;
}
.sidebarOnLeft .sidebarSeparatorArrow,
.sidebarOnRight .sidebarOpen .sidebarSeparatorArrow
{
	right:-13px;
	left:auto;
}
.sidebarOnRight .sidebarSeparatorArrow,
.sidebarOnLeft .sidebarOpen .sidebarSeparatorArrow
{
	left:-13px;
	right:auto;
}
.sidebarSeparatorHover .sidebarSeparatorArrow
{
	display:block;
}
/* -----------------------------------------------------------------------
	Sidebar
----------------------------------------------------------------------- */
td.sidebar-wrapper{
	width:0;
}
td.sidebar-wrapper-open{
	width:20.4em;
}
.sidebar
{
	border:1px solid #B3CBDC;
	border-top:0;
	background-color:#FFF;
	height:100%;
}
.sidebarOuter
{
	width:20em;
	display:none;
	position:relative;
}
.hasSidebar .sidebarOpen .sidebarOuter
{
	display:block;
}
.sidebarOnRight .sidebarOuter
{
	float:right;
}
.sidebarOnLeft .sidebarOuter
{
	float:left;
}
#MainTableAndPaging
{
	position:relative;
	margin-right:-7px;
}
.hasSidebar .sidebarOnRight #MainTableAndPaging,
*body .sidebarOnRight #MainTableAndPaging
{
	float:left;
	margin-left:0;
}
.hasSidebar .sidebarOnRight .sidebarOpen #MainTableAndPaging
{
	padding-right:9px;
}
*body .hasSidebar .sidebarOnRight .sidebarOpen #MainTableAndPaging
{
	padding-right:.75em;
}
/* Set Margin for browsers other than IE: */
.hasSidebar .sidebarOnRight > .sidebarOpen > #MainTableAndPaging
{
	margin-right:20em;
}
.hasSidebar .sidebarOnLeft #MainTableAndPaging,
*body .sidebarOnLeft #MainTableAndPaging
{
	float:right;
	margin-left:0;
}
.hasSidebar .sidebarOnLeft .sidebarOpen #MainTableAndPaging
{
	padding-left:7px;
}
/* Set Margin for browsers other than IE: */
.hasSidebar .sidebarOnLeft > .sidebarOpen > #MainTableAndPaging
{
	margin-left:20em;
}
/* Remove float for main table on browsers other than IE. */
.hasSidebar .sidebarOnLeft > * > #MainTableAndPaging,
.hasSidebar .sidebarOnRight > * > #MainTableAndPaging
{
	float:none;
}
.pageFilters{
	float:right;
}

/* -----------------------------------------------------------------------
	Sidebar Panels
----------------------------------------------------------------------- */
.sidebarTitleBar
{
	background-color: 	#EAF6FC;
	border-top:		1px solid #B3CBDC;
	border-bottom:		1px solid transparent;
	padding:		3px 8px;
	height:			16px;
	clear:			both;
	cursor:			default;
}

.sidebarHasMultiplePanels .sidebarTitleBar
{
	cursor:			pointer;
}

.sidebarPanelIsOpen .sidebarTitleBar
{
	border-bottom:		1px solid #B3CBDC;
}

.sidebarHasMultiplePanels .sidebarTitleBarHover
{
	background-color: 	#FFF6DA;
	border-top: 		1px solid #EEB111;
	border-bottom: 		1px solid #EEB111;
}

.sidebarHasMultiplePanels .sidebarTitleBarClick
{
	background:		#B3CBDC;
}

.sidebarTitleBar .sidebarIcon
{
	float:			left;
	padding-right:		.5em;
	display: 		none;
}

.sidebarTitleBar .title
{
	color:			#000;
	font-weight:		bold;
}

.sidebarHasMultiplePanels .sidebarTitleBarHover .title,
.sidebarHasMultiplePanels .sidebarTitleBarClick .title
{
	color:			#333;
}

.sidebarPanel .sidebarTitleBar .sidebarPanelControl
{
	float:			right;
	background:		transparent url(images/caret_down.svg) no-repeat right center;
	height:			12px;
	width:			12px;
	display:		none;
}

.sidebarHasMultiplePanels .sidebarPanel .sidebarTitleBar .sidebarPanelControl,
.sidebarHasMultiplePanels .sidebarTitleBar .sidebarPanelControlSeparator
{
	display:block;
}

.sidebarPanelIsOpen .sidebarTitleBar .sidebarPanelControl
{
	background:transparent url(images/caret_up.svg) no-repeat right center;
}

.sidebarPanel .sidebarTitleBarHover .sidebarPanelControl,
.sidebarPanel .sidebarTitleBarClick .sidebarPanelControl
{
	background:transparent url(images/caret_down_mo.svg) no-repeat right center;
}

.sidebarPanel.sidebarPanelIsOpen .sidebarTitleBarHover .sidebarPanelControl,
.sidebarPanel.sidebarPanelIsOpen .sidebarTitleBarClick .sidebarPanelControl
{
	background:transparent url(images/caret_up_mo.svg) no-repeat right center;
}

.sidebarTitleBar .sidebarPanelControlSeparator
{
	float:			right;
	width:			3px;
	height:			16px;
	margin-right:		.4em;
	display:		none;
}

.sidebarPanelContents
{
	display:none;
}
.sidebarPanelIsOpen .sidebarPanelContents
{
	display:block;
}
/* -----------------------------------------------------------------------
	Facets
----------------------------------------------------------------------- */
fieldset.search
{
	border: 		none;
	margin: 		0 auto;
	padding: 		0.5em;
	border-bottom: 		1px solid #f6f8f8;
}

fieldset.search legend 
{
    display: none;
}

fieldset.search input.box::-webkit-input-placeholder 
{
  font-style: italic;
}

fieldset.search input.box::-moz-placeholder 
{
  font-style: italic;
}

fieldset.search input.box::-ms-input-placeholder 
{
  font-style: italic;
}

fieldset.search input,
.search input
{
	border: 1px solid;
	border-color: #A9B7C6;
	float: left;
}

fieldset.search input.box
{
	color: #000000;
	width: 200px;
	height: 20px;
	background: white;
	margin-right: 0;
	border-right: 0 !important;
	padding-left: 5px;
	padding-right: 0;
}

fieldset.search input.btn
{
	cursor: pointer;
	text-indent: -9999px;
	background: white url(images/search24.svg) no-repeat top center;
	width: 20px;
	height: 20px;
	margin: 0;
}

fieldset.search input.btn:hover
{
	border: solid 1px #777777;
	cursor: pointer;
	text-indent: -9999px;
	background: white url(images/search24_mo.svg) no-repeat top center;
	width: 20px;
	height: 20px;
	margin: 0;
}

.facetStatus{
	padding:0.5em;
	clear:both;
	overflow:hidden;
}
.facetStatus img{
	float:left;
	margin-right:.5em;
}
.dynamic-view-ops a{
	float:right;
	position:relative;
}
.view-type{
	float:left;
}

.facetLimitReached
{
	background-color:#F8EAC0;
	padding:0.5em;
	clear:both;
}

.facetSelected
{
	margin:0 0 -.3em 0;
	line-height:1.5em;
	overflow:hidden;
	clear:both;
	padding:.25em 0 0 0;
	width:100%;
}

.facetSelected .facetLineBreak
{
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	padding-top: .5em;
	width: 20em;
	overflow: hidden;
}

.facetSelected a:link, .facetSelected a{
	margin-right:.5em;
}
.facetSelected .facetMostRecentlySelected
{
	background-color:#FFFF99;
}
.facetSelected .facetName{
	color:#666666;
	word-wrap:break-word;
	max-width:95%;
	line-height:1.4em;
	padding:0 .25em .5em .5em;
}

.facetSelected .facetValue
{
	margin: 0;
	word-wrap: break-word;
	font-weight: bold;
	text-align: left;
	padding: 5px 0;
}

.facetSelected .displayValue
{
	word-wrap:		break-word;
	max-width:		80%;
	line-height:		1.4em;
	padding-left:		2em;
}

.facetSelected .facetValue a
{
	text-align:		left;
}

#facets
{
	clear:			both;
	padding-top:		0.3em;
}

.facetHead
{
	color: 			#000000;
	background: 		none;
	background-color: 	#EAF6FC;
	margin: 		0 0 2px 0;
	padding: 		4px 0 4px 5px;
	border: 		none;
	list-style-type: 	none;
	cursor: 		pointer;
	white-space: 		nowrap;
	overflow: 		hidden;
	border-top: 		1px solid #B3CBDC;
	border-bottom: 		1px solid #B3CBDC;
}

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

.facetHead img{
	border: 0 none;
	margin: 0;
	padding: 0;
	float: right;
}
.facetList{
	margin:0;
	padding:0;
	overflow: visible;
	height:100%;
	padding:1em;
}
.facetListClosed{
	position:absolute;
	visibility:hidden;
	display:block;
	height:auto;
}
.facetListOpened{
	position:static;
	visibility:visible;
	display:none;
}
.facetList ul{
	list-style: none;
	list-style-type: none;
	padding:0;
	margin:0 0 1em 0;
}
.facetList li
{
	margin-bottom: 		5px;
	height:			auto;
	width:			100%;
	position:		relative;
}

.facet-remove
{
	width: 14px;
	height: 14px;
	float:right;
	padding: 0;
	border:none;
	background: transparent url(images/field_delete14.svg) no-repeat left top;
}

.facetHighlight
{
	background-position: 	0 -14px;
	background-color: 	#FFF6DA;
	 border-top: 1px solid #EEB111;
	 border-bottom: 1px solid #EEB111;

}

.facetLowlight
{
	background-position: 	0 0;
}

.facetRight
{
	float: 			right;
}

.facetList a:link, .facetList a:visited
{
	text-decoration: none;
	color: #000;
}

.facetList a:hover
{
	text-decoration: underline;
	color: #000;
}
.facetList li a{
	position:relative;
	overflow:visible;
	word-wrap:break-word;
}
.facetList li span{
	position:relative;
	overflow:visible;
	word-wrap:break-word;
}
.facet-background{
	width:180px;
	float:right;
	margin-left:auto;
	position:absolute;
	right:0;
	text-align:right;
}
.count-indicator{
	width:16px;
	margin-left:1px;
	background:#d5e4f3;
	float:right;
	display:block;
}
.facet-item-mo div.facet-background div.count-indicator{
	background:#a4cde7;
}
.controlPanelLink{
	font-weight: bold;
}

.facetCount
{
	unicode-bidi: 	embed;
	padding-left: 	6px;
}

.facetList:hover ul span.facetCount
{
	color: #000;
	
}

.facetPanelValue{
	float: 		left;
	max-width: 	187px;
	white-space: 	nowrap;
	overflow: 	hidden;
	text-overflow: 	ellipsis;
	-o-text-overflow: ellipsis;
}

/* -----------------------------------------------------------------------
	Browseview
----------------------------------------------------------------------- */
.browseRowSelected
{
	background-color:#e8f0f7 !important;
}

.browseListHeader
{
    background: 		#F5F5F5;
    height: 			26px;
}

.browseListHeader th{
	font-weight: normal;
}
.browseListHeader a{
	text-decoration:none;
	color: #00609E;
}
.browseListHeader-mo a{
	text-decoration: Underline;
}

.browseMultiSelectColor
{
	background-color: 	#EAF6FC;
	overflow:		hidden;
}

.browseMultiSelectColor h2{
	padding:0;
	margin:0 1em;
	float:left;
	line-height:1.7em;
}
.browseMultiSelectColor select{
	margin-top:.3em;
}
.browseMultiSelectColor #selectAllTopCell{
	float:right;
}

#MultiOperationBar1Row TD
{ 
	border: 1px solid #B3CBDC; 
}

#admin-servers{
	margin:0;
}
span.browseItemNameContainer{
	padding-right:3px;
}
a.browseItemNameContainer{
	word-wrap:break-word;
}
#showBrowsePageSize .menuItem{
	padding:0;
	overflow:hidden;
}
#showBrowsePageSize .menuItem a{
	width:100%;
	display:block;
	padding:.5em;
	cursor:pointer;
}
#pageFilterTable{
	overflow:hidden;
	margin-bottom:.5em;
	margin-left:.75em;
}
.browseItem{
	text-align:center;
}
.browseItemLeft{
	text-align:left;
}
.browseItemRight{
	text-align:right;
}

.browseBanner{
	background-color:#0065A2;
	border:1px solid #000000;
	padding:.5em;
}

td.browseBanner .title{	
	color:			#FFFFFF;
	font-weight:		bold;
	float:			left;
}
td.browseBanner .title img{	
	vertical-align:		bottom;	
}

td.browseBanner .links a
{	
	color:			#FFFFFF;
	padding-left:		5px;
	padding-right:		5px;
	text-decoration:	none;
}

td.browseBanner .links a:hover
{	
	text-decoration:	underline;
}

td.browseBanner  .links 
{	
	float:			right;
}
.browseBannerSpacer{
	height:			.85em;
}
.browseBannerCaution{
	background-color:#FFF200;
	border:1px solid #000000;
	height:2.5em;
 	padding:.5em;
}
td.browseBannerCaution .title{	
	color:#000000;
	font-weight:bold;
	float:left;
}
td.browseBannerCaution  .links a{	
	color:#000000;
}

/* for IE use this class on parent elements to make menus appear on top */
.on-top{
	z-index: 10000;
}

.browse-page-paging-page-size
{
	color: 			#333;
	padding:		2px 0 2px 0;
	width:			50%;		
}

.browse-page-paging-total-count,
.browse-page-paging-page-count
{
	white-space: 		nowrap;
	color: 			#333;
	padding: 		2px 0 2px 0;
}

.browse-page-paging-page-count
{
	text-align: 		right;
	padding-right:		6px;
}

/* -----------------------------------------------------------------------
	Login Message
----------------------------------------------------------------------- */

.loginMessageConfigure {
	margin:10px 0 10px 10px;
	width:98%;
	height:90px;
}

/* -----------------------------------------------------------------------
	Metadata
----------------------------------------------------------------------- */
.metadata-widget
{
	line-height: 2em;
}

/* -----------------------------------------------------------------------
	Generic
----------------------------------------------------------------------- */

div.centerButton
{
	text-align:center;
}

.nameContainer
{
	float:left;
	padding-right:5px;
}

.nameErrorMsg 
{
	color:#FF0000;
	float:inherit;
	display:inline-block;
	padding-top:2px;
	padding-left:4px;
}

/* -----------------------------------------------------------------------
	Help
----------------------------------------------------------------------- */

.helpTitle1
{
	font-size:1em;
	font-weight:bold;
	color: #000;
}

.helpTitle2
{
	font-size:1.6em;
	font-weight:bold;
	color: #0072AA;
}

/* -----------------------------------------------------------------------
	Sign In
----------------------------------------------------------------------- */
#signin-wrapper{
	background:rgb(255, 255, 255);
	text-align:center;
	font-size:16px;
	overflow:hidden;
	height:100%;
}
#signin-wrapper-inner{
	background:#FFFFFF url(images/sign_in_body_background.png) repeat-y left top;
	margin:3em auto 0 auto;
	width:705px;
	overflow:hidden;
	font-size:.8em;
}
#signin-wrapper-inner *{
	line-height:1.6em;
}
#signin-wrapper-inner a{
	font-size:1em;
}
#signin-wrapper-bottom{
	background:#F1F2F2 url(images/sign_in_footer_background.png) repeat-x left top;
	overflow:hidden;
	height:100%;
}
#signin-bottom{
	background:transparent url(images/sign_in_bottom_background.png) no-repeat left top;
	margin:0 auto;
	width:705px;
	overflow:hidden;
	font-size:.8em;
	height:100%;
}
#signin-top{
	background:transparent url(images/sign_in_top_background.png) no-repeat left top;
}
#signin-content{
	background:transparent url(images/sign_in_alt_header_contentserver.png) no-repeat 2.5em 90px;
	width:705px;
	text-align:left;
	padding:12.4em 0 0 0;
}
#signin{
	background:transparent url(images/sign_in_alt_branding.png) no-repeat left bottom;
	overflow:hidden;
	padding-bottom:7em;
}
#signin div{
	margin:.747em 0;
	clear:both;
	overflow:hidden;
}
#signin .leftpad-container{
	padding-left:11.8em;
}
#signin p{
	margin-left:11.8em
}
#signin-submit{
	padding-top:.8em;
}
#signin label{
	display:block;
	text-align:right;
	float:left;
	width:10.8em;
	margin:0em 1em 0 0;
	word-wrap: break-word;
	cursor:pointer;
}
.signin-inputfield{
	background:#FFFFFF url(images/bg_form_input290x1.png) repeat-y right top;
	border:1px solid #9FB5C5;
	padding:.2em;
	font-size:1em;
	width:17.2em;
	height:1.8em;
}
#signin #loginbutton{
	font-size:1em;
	line-height:1.4em;
	border:1px solid #9FB5C5;
	padding:0em 1em;
	margin-right:1.7em;
	cursor:pointer;
	background:#FFFFFF url(images/bg_form_submit1x21.png) repeat-x left top;
	float:left;
}
#RememberPassword{
	float:left;
	display:block;
	margin:0 0 .5em 0;
	padding:0;
}
#signin label.label-right{
	width:auto;
	text-align:left;
	margin:.2em 0 0 .5em;
}
#signin-languages{
	overflow:hidden;
	text-align:left;
	padding:0 4em 0 11.8em;
	margin-bottom:.6em;
}
#signin-languages span, #signin-languages a{
	margin-right:2em;
}
#signin-footer{
	height:60px;
	text-align:left;
	padding-left:11.8em;
}
#signin-footer #footer{
	padding:0;
}
#signin-footer #footer .copyright{
	float:none;
}
#signin-footer #footer .date{
	display:none;
}
#signin-messages{
	padding:0 4em 0 11.8em;
}
#customLoginText, #signin-message{
	padding:0 2em .3em 0;
}

/* -----------------------------------------------------------------------
	Text Document
----------------------------------------------------------------------- */
.SpellChecker{
	display:none;
}

/* -----------------------------------------------------------------------
	Facet Trees
----------------------------------------------------------------------- */
td.facet-tree h3{
	overflow:hidden;
	clear:both;
	border-bottom:solid 1px #ccc;
	margin:0;
	padding:.25em .5em;
	font-weight:normal;
	line-height:2em;
	font-size:1em;
	height:1%;
}
td.facet-tree h3 span{
	float:left;
}
div.scroll-wrapper{
	overflow:auto;
}
.icn-link{
	display:block;
	overflow:hidden;
	text-indent:-200em;
	text-decoration:none;
	cursor:pointer;
}
.add-item-button{
	width:16px;
	height:16px;
	background: transparent url(images/add_item_button.png) no-repeat left top;
	float:left;
	margin:.1em 0 0 .25em;
}
.remove-item-button{
	width:16px;
	height:16px;
	background: transparent url(images/remove_item_button.png) no-repeat left top;
	float:left;
	margin:.1em 0 0 .25em;
}
ul.facet-tree select{
	float:left;
	line-height:1.3em;
}

ul.facet-tree, ul.facet-tree ul{
	list-style:none;
	background: transparent url(images/tree_line_v_1x4.png) repeat-y left top;
	padding:.75em 0 0 0;
	width:100%;
	margin:0 1em;
	overflow:hidden;
	clear:both;
}
ul.facet-tree li{
	background: transparent url(images/tree_line_h_16x1.png) no-repeat 1px 1em;
	padding-left:1em;
	padding:0 0 .75em 1em;
	overflow:hidden;
	height:1%;
	display:block;
	float:left;
	clear:both;
	width:100%;
}
ul.facet-tree li div.facet-tree-add-remove{
	overflow:hidden;
	display:block;
	float:left;
	padding:.4em 8em .4em .4em;
	color:#3f6faf;
	position:relative;
}
.hover-box{
	position:absolute;
	right:.4em;
	width:7.5em;
}
.level-text{
	float:right;
}
.facet-tree-add-remove-show{
	background-image:none;
	background:#c8d6e6;
}
ul.facet-tree li div.facet-tree-add-remove div{
	float:left;
	height:.8em;
	overflow:visible;
}
ul.facet-tree li div.facet-tree-add-remove span{
	text-align:right;
	font-size:.7em;
	line-height:1.4em;
}
ul.facet-tree li.last-child{
	background: transparent url(images/tree_line_h_last36x50.png) no-repeat left 1em;
	padding-bottom:0;
}
ul.facet-tree li.has-children{
	background: transparent url(images/tree_line_h_w_children36x16.png) no-repeat left 1em;
}
ul.facet-tree li.has-children-last-child{
	background: transparent url(images/white1x1.png) repeat-y left top;
	padding-left:0;
}
ul.facet-tree li.has-children-last-child ul.first{
	margin-left:2em;
}
ul.facet-tree li.has-children-last-child div.first{
	overflow:hidden;
	height:1%;
	background: transparent url(images/tree_line_last_w_children36x32.png) no-repeat left 0;
	padding-left:1em;
}
* html ul.facet-tree li.has-children-last-child div.first{
	overflow:visible;
}
.facet-tree-wrapper
{
	line-height:0em;
}
/* -----------------------------------------------------------------------
	Document Class
----------------------------------------------------------------------- */
.docClassInput{
	float:left;
	margin-right:.5em;
}
.docClassInputLabel{
	margin-left:.5em;
}
#docClassNameArea{
	margin-bottom:.5em;
	line-height:2em;
}

/* -----------------------------------------------------------------------
	Location selection box
----------------------------------------------------------------------- */
.browse-control{
	float:left;
	font-size: 10px;
	padding:0.4em;
}
.browse-control input{
	vertical-align:middle;
}
.location-ctrls  {
	padding-top:0.65em
}
.location-box{
	clear:both;
	margin:5px 0;
}

/* -----------------------------------------------------------------------
	Mimetype Alias
----------------------------------------------------------------------- */
.mimetype-shim{
	width:75em;
	height:0;
	line-height:0;
}
.clear{
	clear:both;
	line-height:0;
	height:0;
	font-size:0;
}
ul.item-list {
	width: 100%;
	list-style: none;
	overflow:hidden;
	margin:0;
	padding:0;
	padding-top: 0.625em;
	line-height:1.6em;
}
ul.item-list li.select-all{
	clear:both;
	overflow:hidden;
}
ul.item-list li img, ul.item-list li input{
	float:left;
}
ul.item-list li img{
	margin:.1em .5em 0 0;
}
ul.item-list li {
	margin:0;
	padding:0;
	line-height:1.8em;
}

ul.item-list li input
{
	padding:0;
	width:13px;
}

* html ul.item-list li input
{
	margin-top:0;
}

ul.item-list label
{
	cursor:pointer;
}
ul.item-list li.mime-display{
	float: left;
	width: 32% !important;
	margin-bottom: .875em;
	word-wrap:break-word;
	padding-right:.5em;
}
ul.item-list li.alias-display{
	float: left;
	width: 24% !important;
	margin-bottom: .875em;
	word-wrap:break-word;
	padding-right:.5em;
}
ul.item-list li.alias-display-noWrapText{
	float: left;
	width: 24% !important;
	margin-bottom: .875em;
	word-wrap:normal;
	padding-right:.5em;
}
ul.item-list li.select-all{
	margin-bottom: .875em;
}
ul.cs-input-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.cs-input-sub-list{
	list-style: none;
}
.alias-input{
	margin:0 .5em;
}	
.alias-name{
	margin-left: 0.75em;
	font-size: 1.2em;
}

/* -----------------------------------------------------------------------
	Facet More Menu
----------------------------------------------------------------------- */
div.scroll{
	height: 447px;
	overflow: auto;
	border: 1px solid #AAA;
	background-color: #fff;
	padding: 8px;
	display: inline-block;
	width: 700px;
	margin-top: 8px;
}
* html div.scroll {
	width: 720px;
}
.div.scroll.smallFootprint{
	width: 342px;
}
div .scroll.smallFootprint{
	width: 342px;
}
.left-more-panel{
	overflow: hidden;
	float: left;
	width: 720px;
}
.left-more-panel.smallFootprint {
	width: 360px;
}
.more-items td{
	line-height: 1.6em;
	vertical-align: top;
	padding: 0 1em .5em 0;
}
.more-items-shim{
	width: 325px;
	height: 0;
	line-height: 0;
}
.more-items label{
	cursor:pointer;
}
.more-item-checkbox
{
	padding: 0;
	width: 1.2em;
	height: 1.2em;
}
.right-more-panel{
	width: 245px;
	float: right;
}
.selected-facet-display{
	font-weight: bold;
}

.facetMore .headerArea
{
	margin: 5px 0 0 0;
	line-height: 30px;
	height: 30px;
}

.facetMore .typeahead{
	width: 300px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding: 1px 5px;
	margin-right: 5px;
}
.facetMore .typeahead.smallFootprint{
	display: inline-block;
	overflow: auto;
}
.facetMore .typeahead.smallFootprint .typeaheadPromptText{
	width:		130px;
}
.facetMore .typeaheadArea{
	float: right;
	display: none;
}
.facetMoreWithLookup .typeaheadArea{
	display: block;
}
.facetMore .typeaheadPromptText{
	color: #333;
	font-style: italic;
}
.facetMore .sortingOptions{
	float: right;
}
.facetMore .loadingArea{
	position: absolute;
	top: 70px;
	text-align: center;
	background-color: #FFF;
}
.facetMore .loadingMessage{
	background-image: url("../circleecm_progmeter40x40.gif");
	background-repeat: no-repeat;
	background-position: 16px 17px;
	padding-left: 40px;
	border: 1px solid #aaa;
	line-height: 75px;
	width: 150px;
	margin: 0 auto;
}
.facetMore .more_message{
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	left: 15px;
}   
.selected-more-facet{
	clear: both;
	overflow: hidden;
	margin-bottom: .75em;
}
.selected-more-facet span{
	float: left;
	width: 87%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 16px;
	-o-text-overflow: ellipsis;
}
.selected-more-facet span:hover {
	text-overflow: clip;
	white-space: normal;
    word-break: break-all;    
}
#facets .loadingArea {
	padding: 15px 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
#dialog-heading{
	float:		left;
	margin:		0;
}
.more-items-list {
	display: 	table;
}
.more-items-list ul {
	width: 		100%;
	padding: 	0;
	margin: 	0;
	list-style: 	none;
	display: 	inline-block;
}
.more-items-list ul li {
	float: 		left;
	width: 		330px; 
	padding: 	0;
	line-height: 	33px;
}
.more-items-list .element
{
	font-size: 	12px;
	margin: 	0; 
	width: 		320px; 
	white-space: 	nowrap;
	overflow: 	hidden;
	text-overflow: 	ellipsis;
	-o-text-overflow: ellipsis;
}

.more-items-list .element span.facetCount
{
	color:#333;
}

/* -----------------------------------------------------------------------
	Refresh every X seconds select
----------------------------------------------------------------------- */
.refresh-select{
	margin:0 .4em 1em 0;
	text-align: right;
}
/* -----------------------------------------------------------------------
	Columns tab
----------------------------------------------------------------------- */
ul.column-list {
	width: 100%;
	list-style: none;
	overflow:hidden;
	margin:0;
	padding:0;
}

.pointer {
	cursor: pointer;
}

/* -----------------------------------------------------------------------
	Channel Styles
----------------------------------------------------------------------- */
.newsText {
	line-height: 1.2em;
}
.news-unselectedItem {
	padding: 0 3px 10px 3px;
	margin: 1px 0 0 2px;
	border-spacing: 0;
	border: 3px solid Transparent;
}
.news-unselectedItem td {
	padding: 1px;
}
.news-selectedItem {
	background-color: #eef2f7;
	padding: 0 3px 10px 3px;
	margin: 1px 0 0 2px;
	border-spacing: 0;
	border: 3px solid #00b0f0;
}
.news-selectedItem td{
	padding: 1px;
}
.newsHeaderRow {
	background-color: #e2e2e2;
}
.news-headline a:link, .news-headline a:active, .news-headline a:visited {
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.2em;
	text-decoration: none;
	color: #000;
}
.news-headline a:hover {
	text-decoration: underline;
}
.newsEdit .viewAttachment a:link, .newsEdit .viewAttachment a:active, .newsEdit .viewAttachment a:visited {
	text-decoration: none;
	color: #DBDFE3;
}
.newsEdit .viewAttachment a:hover {
	text-decoration: underline;
	color: #4875AC;
}
.news-selectedItem .newsEdit .viewAttachment a:link, .news-selectedItem .newsEdit .viewAttachment a:active, .news-selectedItem .newsEdit .viewAttachment a:visited {
	text-decoration: none;
	color: #4875AC;
}
.news-selectedItem .newsEdit .viewAttachment a:hover {
	text-decoration: underline;
	color: #4875AC;
}
.news-border {
	background-color: white;
	padding: 15px;
	margin: 0;
	border: 1px solid #808080;
}
.news-story-headline {
	font-weight: bold;
	font-size: 2.5em;
	text-decoration: none;
	color: #000;
}
/* -----------------------------------------------------------------------
	Virtual Folders Styles
----------------------------------------------------------------------- */
#SelectedFacetsModified{
	padding-left: .75em
}
/* -----------------------------------------------------------------------
	Date Picker Styles
----------------------------------------------------------------------- */
.ui-datepicker-trigger 
{
	position:relative;
	vertical-align:middle;
	cursor: pointer;
	padding-left: 5px;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 27px !important;
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    height: 2.2em !important;
}

/* -----------------------------------------------------------------------
	Colour Picker Styles
----------------------------------------------------------------------- */
.colour-picker-preview {
	border:1px solid lightgrey;
	float:left;
}
.colour-picker-area {
	clear:both;
	padding-top:5px;
}
.colour-picker-table {
	border: 1px solid darkgrey;
}
.colour-picker-cell {
	border: 1px solid darkgrey;
	padding:0px;
}
.colour-picker-SelectedColor {
	visibility:hidden;
	display:none;
}

/* -----------------------------------------------------------------------
     Module install/mgmt pages 
----------------------------------------------------------------------- */

.webInstruction 
{
	display: 			block;
}
.webInstructionMore 
{
	display: 			none;
}

.webInstructionText {
	color:				gray;
	padding-top:			5px;
	padding-left:			15px;
	padding-bottom:			5px;
}

.webInstructionTextWarning{
	color:				red;
	padding-top:			5px;
	padding-left:			15px;
	padding-bottom:			5px;
}

.webInstructionText a:link, .webInstructionText a:visited{
	padding:				0.35em;
	text-decoration: 		none;
	border: 				1px solid #FFFFFF;
	background-color: 		#FFFFFF;
}
.webInstructionText a:hover{

text-decoration: 		underline;
	border: 				1px solid #ECDA71;
	background-color: 		#FFFFD9;
}

/* -----------------------------------------------------------------------
	LiveReport Styles
----------------------------------------------------------------------- */

.reportConfig
{
	height: 493px; 
	overflow: auto;
	background-color: #fff;
}

* html .reportConfig 
{
	height:575px;
}

#reportcontainer 
{
	display: table;
}

#reportcontainer #row  
{
	display: table-row;

}

.outerReportContainer
{
		visibility: hidden;
}

#reportcontainer #row  #left {
	vertical-align:top;
	display: table-cell;
	width:425px;
	padding: 5px;
}

#reportcontainer #row #right {
	vertical-align:top;
	text-align:right; 
	display: table-cell;
	padding: 5px;
}

.reportSQLArea
{
	display: block;
	width: 100%;
	height: 100%; 
}

/* IE ONLY */
* html #reportcontainer #row  #left  {
	float:left;
}
* html #reportcontainer #row #right {
	float:right;
}
* html .reportSQLArea
{
	height: 350px;
}

.reportsubLabel {
	padding: 5px;
}

/* 
	Drag and Drop Styles, moved from dndfile.css
	The dndfile.css was breaking webdav drag and drop view
*/
.dnd_listingtext
{
    padding: 	5px 3px 3px 5px;
}

#dnd_status
{
	text-align:	center;
	display:	block;
	font-size:	12pt;
	color: 		#BBBBB6;
	padding: 	10px 5px 10px 5px;
}

#dnd_progresstotal
{
	border: 		1px solid #E6E6DC;
	border-radius: 	4px;
	display: 		none;
	position:		absolute;
	width:			50%;
	z-index:		1000;
}

.dnd_progresstotal-label
{
	float: 			left;
	margin-left:	45%;
	margin-top: 	2px;
	font-weight:	bold;
}

.dnd_dropWindowTarget
{
	float: 				left;
	color: 				white;
	background-color: 	#66FFFF;
	opacity:			0.45;
	border: 			3px dashed #136B6B;
 	position:			absolute;
}

.dnd_dropWindowTarget.hover
{
	border: 	3px solid #0099FF;
}

.dnd_dropWindowTargetText
{
	float: 			left;
	font-weight:	bold;
	font-size:		30pt;
	color: 			white;
	opacity:		1.0;
 	position:		absolute;
 	text-align: 	center;
 }

.ui-progressbar.otcolor .ui-progressbar-value 
{ 
	background: 	#00FF66; 
}

.dnd_listingtext
{
    	padding: 	0 3px 0 20px;
}

.dnd_listheadingtext
{
    	padding: 	0 3px 0 5px;
	font-weight: 	bold;
}

.dndSkippedItems
{
	visibility:	hidden;
}

#dndSkippedItemsDetails
{
	overflow:	hidden;
	height: 	auto;
	width: 		auto;	
	border:		0;
	padding:	0;
}

#dndSkippedItemsSummary 
{
	overflow: 	hidden; 
	height: 	auto; 
	width: 		auto;
}

#dndSupportEnabledIndicatorDiv
{
	margin-top: 6px;
	margin-right: 6px;
}

.discovery-mode-container
{
    position: absolute;
    right: 0;
    background-color:#F3901D;
    padding:.5em 1em .5em 1em;
    margin-right:1em; margin-top: .5em;
    border-radius:4px;
    cursor: pointer;
}

.proxy-mode-container
{
    position: absolute;
    right: 0;
    background-color:#EFB782;
	border: 1px solid #F16913;
    padding:.5em 1em .5em 1em;
    margin-right:1em; margin-top: .5em;
    border-radius:4px;
    cursor: default;
}

.contentmgr-mode-container
{
	position: relative;
	margin: auto;
	width: 80%;
	text-align: center;
	background-color: #f9f4d4;
	border: 2px solid #df6800;
	border-radius: 5px;
	padding: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Styles used for spinner */
.progressPopupDivPanel
{
	border:		1px #aaaaaa solid; 
	padding:	10px 15px 2px 2px;
	margin:		0;
	width:		150px;
	border-spacing: 0;		
	color: 		#333;		
}

.progressPopupInnerPanel
{
                height:			70px;
}

.progressPopupDivPanelText
{
                color:			#848484;
                font-size:		16px;
                padding-left:	80px;
                line-height:	70px;
}

/* Styles used on the reset page */

.reset-blockuispinner
{
	left:			2%;
	top:			10px;
}

.reset-restartMsg
{
	top: 			30px;
	position: 		absolute;
	left: 			97px;
	padding:		7px;
	font-size:		14px;
	text-align: 	center;
}

.reset-restartMsgDone
{
	left: 			0;
	width:			95%;
}

#reset-restartMsgContainer
{
	height: 		70px;
}

#progressPopupContainer
{
	height: 		70px;
}

.reset-centerMessageText
{
	text-align:		center;
	padding:		5px 10px;
}

.reset-centerMessageTextHeader
{
	padding:		5px 10px;
	font-size:		14px;
	font-weight:	bold;
}

.reset-detailsSectionEntry 
{
	color: 			RGB( 117, 121, 124 );
	padding:		0 5px 0 0;
}

#reset-detailsSectionText
{
	padding: 0 0 5px 0;
}

.reset-detailsSectionDivider
{
	color:			RGB( 117, 121, 124 );
	width:			70%;
	margin:			1px auto 13px auto;
	overflow:		hidden;
	text-align:		center;
}

.reset-detailsSectionDivider:before, .reset-detailsSectionDivider:after
{
	content:		"";
	vertical-align:	top;
	display:		inline-block;
	width:			50%;
	height:			0.65em;
	border-bottom:	1px solid #ccc;
	margin:			0 2% 0 -55%;
}
.reset-detailsSectionDivider:after
{
	margin:			0 -55% 0 2%;
}

#userConfirmHeading 
{
	font-weight: bold;
	font-size: 16px;
	color: #660000;
}

td.lastcolumn 
{
	padding-right:2%;
}

td.nopadding 
{
	padding: 0;
}

.level2-field
{
	margin-left: 25px;
	display: inline;
}

td.img-right
{
	padding-left:	95%;
}

td.most-right
{
	float: right;
}

/*
 *	Defines the style to apply nowrap attribute of <TD>
 *
 *	Use with:
 *		<TD>
 */
.nowrap
{
    white-space: nowrap;
}

.nospace
{
	border: 	0;
	margin: 	0;
	padding:	0;
}
.notext
{
	font-size:	0;
}
/* css from guienhancements module standard.css file. */

/*** UNIVERSAL COMPONENT ***/
#navBarComponent {
	margin: 5px 10px;
}

/* begin Title Bar components */
#titleComponent {
	position: relative;
	width: 100%;
	height: 44px;
	color: white;
	background: red !important; /* !important required for backgrounds */
}

#pictogram {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
}

#titleText {
	position: absolute;
	top: 7px;
	left: 52px;
}

#titleIdentity {
	position: absolute;
	top: 7px;
	right: 100px;
	border-left: 1px solid #55f;
	border-right: 1px solid #55f;
}

#chicklet {
	position: absolute;
	top: 8px;
	right: 0;
	width: 100px; /* tweaks needed if titleHelp is on */
}

#titleHelp {
	position: absolute;
	top: 10px;
	right: 0;
}

#classicSearch {
	display: block;
}

/* begin Add Items components */
#addItemComponent {
	float: right;
}

.infoIMG {
	float: left;
	margin-left: 5px;
	margin-right: 0;
	padding: 0;
}

.infoData {
	list-style: none;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	padding: 0;
}

.infoName {
	font-weight: bold;
}

/* css from guienhancements module module.css file.

DIV.moduleheader		-> header bar of the modules (e.g. background-color of header)
	DIV.SectionData		        -> content of section (e.g. background-color of section)

LI.Module			-> module section on display page
	LI.EditModule		        -> module section on edit page

ul.editing			-> Area (header, footer, left, right) (e.g. color of 'edit box') 
*/
#DisplayModules {
	margin-bottom: 10px;
	width: 100%;
}

LI.OneModule {
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	margin: 5px;
}

DIV.Module {
	padding: 0;
	border: 1px solid #ccc;
	width: 47%;
	margin: 0;
}

LI.Module {
	border: 1px solid #ccc;
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
	list-style: none;
}

LI.EditModule {
	border: 1px solid blue;
	width: 100%;
	list-style: none;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	background-color: #FFFFFF;
}

.moduleheader {
	color: #666;
	text-align: left;
	font-weight: bold;
	width: 100%;
	margin-bottom: 5px;
	background-color: #E5ECF9;
	padding: 0;
}

.moduleheader td {
	padding: 0 5px;
}

.draggableHeader {
	cursor: move;
	width: 100%;
}

DIV.moduleheader img {
	margin-left: 10px;
}

DIV.SectionNoData {
	text-align: center;
	padding: 10px;
}

DIV.SectionData {
	width: 100%;
}

#ViewMore {
	margin: 10px;
	text-align: center;
}

IMG.userfoto {
	border-width: 0;
	clear: left;
	padding: 2px;
}

#ContactInfo {
	list-style: none;
	height: 90px;
	padding: 0;
	margin: 0;
}

#ContactName {
	font-weight: bold;
}

#AddItems {
	width: 152px;
}

#AddSubmit {
	text-align: center;
	margin-top: 30px;
}

#AddArea {
	text-align: center;
	border: 1px solid #ccc;
	float: left;
	padding: 5px;
	background-color: #FFFFFF;
}

#addLink {
	display: none;
}

#closeLink {
	text-align: right;
	display: block;
	margin-bottom: 5px;
}

#CurrentDisplay {
	margin-left: 5px;
	float: left;
	width: 82%;
	white-space: nowrap;
}

#AddTitle {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin: 5px;
	border-bottom: 1px solid #ccc;
}

Div.AddModule TABLE {
	text-align: left;
	border-bottom: 1px solid #ccc;
}

#leftside {
	float: left;
	width: 49%;
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 5px;
	padding: 0;
}

#rightside {
	float: right;
	width: 49%;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 0;
}

#comm-header {
	width: 100%;
	margin: 0;
	padding: 0;
}

#comm-footer {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.editing {
	border: 1px solid #C3C3FF;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}

#NewModule {
	position: absolute;
	left: 50px;
	top: 100px;
	z-index: 1;
	background-color: #FFFFFF;
}

#TeamFolderEnabled {
	padding: 5px;
	margin-top: 10px;
	background-color: #dddddd;
}

#Contact {
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	PADDING: 0;
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 0;
	HEIGHT: 100px;
	TEXT-ALIGN: left;
	LIST-STYLE-TYPE: none
}

#Contact IMG {
	BORDER: medium none;
	PADDING: 0;
	FLOAT: left;
	MARGIN: 10px;
	WIDTH: 80px;
	HEIGHT: 80px
}

#Contact UL {
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 0
}

#Contact UL LI {
	LIST-STYLE-TYPE: none
}

#NodeInfoBox {
	BORDER-RIGHT: #b2b2b2 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #b2b2b2 1px solid;
	PADDING-LEFT: 5px;
	BACKGROUND: #dfeeff;
	FLOAT: left;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #b2b2b2 1px solid;
	WIDTH: 45%;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b2b2b2 1px solid;
	TEXT-ALIGN: center;
	MARGIN: 5px;
	WIDTH: 45%;
	FLOAT: left;
}

#NodeInfoName {
	PADDING: 10px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
}

#NodeInfoName IMG {
	display: block;
}

#NodeInfoComment {
	PADDING: 10px;
	MARGIN: 5px;
	FONT-STYLE: italic;
	TEXT-ALIGN: center
}

#NodeInfoStats {
	display: none;
	PADDING-TOP: 0;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: left
}

.adminSectionHeader 
{
	color: #666666;
	font-weight: bold;
}

#updatephoto 
{
	color: 			red;
}

.permissionsInstruction {
	padding:	25px;
	text-align: 	center;
}

/* ---- regular function menu ---- */

.functionMenuHotspot,
.functionMenuHotspot:hover
{
	text-decoration: 	none;
	padding-right:		3px;
	padding-top:		3px;
}

.functionMenuHotspot a,
.functionMenuHotspot a:hover
{
	text-decoration: none;
}

.functionMenuHotspot::before 
{
		display: 	inline-block;
		content: 	' ';
		background-image: url( images/caret_down.svg);
		background-size: 14px 14px;
                width:		12px;
                height:		12px;
}

.functionMenuHotspot:hover::before
{
		display: 	inline-block;
		content: 	' ';
		background-image: url( images/caret_down_mo.svg);
		background-size: 14px 14px;
                width:		12px;
                height:		12px;
}

/* ---- function menu in the header ---- */

.functionMenuHotspotWS::before 
{
		display: 	inline-block;
		content: 	' ';
		background-image: url( images/caret_down.svg);
		background-size: 16px 16px;
                width:		16px;
                height:		16px;
}

.functionMenuHotspotWS:hover::before 
{
		display: 	inline-block;
		content: 	' ';
		background-image: url( images/caret_down_mo.svg);
		background-size: 16px 16px;
                width:		16px;
                height:		16px;
}

/* ---- function menu in webdoc overview ---- */

.functionMenuOverviewMoreActions
{
	text-decoration:	none;
}

.functionMenuOverviewMoreActions::after
{
		display: 	inline-block;
		content: 	' ';
		background-image: url( images/caret_down.svg);
		background-size: 14px 14px;
                width:		12px;
                height:		12px;
}

.functionMenuOverviewMoreActions:hover::after
{
		display: 	inline-block;
		content: 	' ';
		background-image: url( images/caret_down_mo.svg);
		background-size: 14px 14px;
                width:		12px;
                height:		12px;
}

.sort_desc
{
	width:11px;
	height:11px;
	padding:0;
	border:none;
	background: transparent url(images/sort_down18.svg) no-repeat left center; }

.sort_asc
{
	width:11px;
	height:11px;
	background: transparent url(images/sort_up18.svg) no-repeat left center;
	padding:0;
	border:none;
}

/* Feature specific classes, not to be used for general purposes */
#ACLTable tr:not(.horizontalCellDivider), 
#ACLTable tr:not(.browseRowDivider)
{
    line-height: 1px !important;
}

/* table background image replacement */

table[background*="tab-sub-inactive.gif"]{
	font-weight:			bold;
	color:      			#333333;
	background-repeat:		repeat-x;
	background-color: 		#F7F8F8;
	text-align:       		center;
	padding:          		3px;
	padding-left:     		10px;
	line-height:      		20px;
	background-image: 		none !important;
}

td[background*="tab-sub-active.gif"]
{
	background-color: 		#FFF !important;
	border: 			1px solid #CCC;
	cursor: 			default;
	font-weight: 			bold;
	color: 				#333333;
	border-bottom: 			none;
	border-top-left-radius: 	5px;
	border-top-right-radius: 	5px;
	border: 			1px solid #B3CBDC;
	border-bottom: 			0;
	line-height: 			26px;
	margin-left: 			3px;
	padding-left: 			14px;
	padding-right: 			14px;
	background-image:		none;
}

.cs-tab-sub-inactive tr td:not(.cs-tab-sub-active):not(.attrActionImage)
{
	background-color: 		#EAF6FC;
	border-top-left-radius: 	5px;
	border-top-right-radius: 	5px;
	border: 1px solid 		#B3CBDC;
	padding: 			6px 18px 8px 18px;
 }
 
 .cs-tab-sub-inactive tr td:not(.cs-tab-sub-active):not(.attrActionImage):hover
{
	cursor: 			pointer;
	background-color: 		#fff6da;
	border-top-left-radius: 	5px;
	border-top-right-radius: 	5px;	
	border: 1px solid 		#eeb111;
	padding: 			6px 18px 8px 18px;
 }
 
 .cs-tab-sub-inactive tr td:not(.cs-tab-sub-active):not(.attrActionImage) a
{
	color: #333;
	text-decoration: none;
 }

td img[src*="tab-sub-divider.gif"]
{
	background-color: 		#F7F8F8;
	color:            		#333;
	padding:          		0;
	width: 				0;
	line-height: 			20px;
	background-image: 		none !important;
	display: 			none;
}

table[background*="fon-table-header-gray.gif"]
{
	font-weight:			bold;
	color:      			#000000;
	background-repeat:		repeat-x;
	background-color: 		#f4f3f3;
	text-align:       		center;
	padding:          		3px;
	padding-left:     		10px;
	line-height:      		20px;
	background-image: 		none !important;
	border-bottom: 			1px solid #DFDFDF;
}

.cs-tab-sub-inactive tr td.attrActionImage a
{
	background: 			none;
	border: 			none;
}

TD.labelVerticalDividerRight img[src*="spacer.gif"]
{
	width: 0;
}

img[src*="btn-left-active"],
img[src*="btn-left-inactive"],
img[src*="btn-left-bottom-inactive"],
.wizardButtonBottom img[src*="spacer.gif"] 
{
	vertical-align:	top;
}

/* Replace the function menu action icons with the carets visually */

a[onclick*="showFunctionMenu2"]>img[src*="actions"]
{
	opacity: 		0;
	position:		absolute;
}

a[onclick*="showFunctionMenu2"]::before:not(.functionMenuOverviewMoreActions)
{
	display:                inline-block;
	content:               	' ';
	background-image: 	url( images/caret_down.svg);
	background-size: 	14px 14px;
	width:                 	12px;
	height:                	12px;
}

a[onclick*="showFunctionMenu2"]:hover::before:not(.functionMenuOverviewMoreActions)
{
	display:          	inline-block;
	content:          	' ';
	background-image: 	url( images/caret_down_mo.svg);
	background-size: 	14px 14px;
	width:            	12px;
	height:           	12px;
}

/* Replace the sort indicator icons to the better contrst ones */

img[src*="sort-up.gif"]
{
	width: 			14px;
	height: 		11px;
	content: 		url( images/sort_up18.svg ) !important; 
	padding: 		0;
	border: 		none;
}

img[src*="sort-down.gif"]
{
	width: 			14px;
	height: 		11px;
	content: 		url( images/sort_down18.svg ) !important; 
	padding: 		0;
	border: 		none;
}

/* Override blue gradient background of table headers */

th[background*="fon-table-header-blue.gif"]
{
	background-color: #F5F5F5;
	background-image: none;
	border-bottom: solid 1px #A5C9E5;
}

td[background*="table-header-divider.gif"]
{
	background-color: #F5F5F5;
	background-image: none;
	border-bottom: solid 1px #A5C9E5;
}

/*
	Warning Messages for Admin...messages are inserted in the menu component
*/

.adminwarning {
    height: auto;
    text-align: center;
    border-top: 2px red solid;
    border-bottom: 2px red solid;
    background-color: #fdf2f2;
    color: #333;
}

.adminwarning div {
    margin-top: 17px;
    margin-bottom: 17px;
    font-size: 18px;
    color: #333;
    white-space: normal;
    word-break: break-word;
}

.adminwarning a{
   font-size: inherit;
   text-decoration: none;
}

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

/* High Contrast extension for Chrome/Edge */
html[hc="a3"][hcx="3"] option,
html[hc="a4"][hcx="4"] option{
	background-color: #000000;
	color: #FFFFFF;
}

/* High Contrast extension for Chrome/Edge */
/* Yellow on Black*/
html[hc="a5"][hcx="5"] option{
	background-color: #000000;
	color: #FFFF00;
}