@charset "UTF-8";
/**************************************************************************
General Purpose Color Palette!
**************************************************************************/

/* PRIMARY PALETTE
 * These are used for global navigation, landing page
 * feature graphics and other primary uses
 */

.Palette-Primary-ActivityIcon {
	color: #59705b;
}

.Palette-PrimaryLight-Text {
	color: #bdd4df;
}

.Palette-PrimaryLight-Background {
	background-color: #bdd4df;
}

.Palette-PrimaryDark-Text {
	color: #405767;
}

.Palette-PrimaryDark-Background {
	background-color: #405767;
}

.Palette-PrimaryBright-Text {
	color: #e8970c;
}

.Palette-PrimaryBright-Background {
	background-color: #e8970c;
}

.Palette-PrimaryContrast-Text {
	color: #bababa;
}

.Palette-PrimaryContrast-Background {
	background-color: #bababa;
}

.Palette-PrimaryGray-Text {
	color: #e1e1e1;
}

.Palette-PrimaryGray-Background {
	background-color: #e1e1e1;
}

.Palette-PrimaryWhite-Text {
	color: #ffffff;
}

.Palette-PrimaryWhite-Background {
	background-color: #ffffff;
}

/* SECONDARY PALETTE
 * These are selected as neutral colors that 
 * complement and support our primary palette. 
 */

.Palette-SecondaryLight-Text {
	color: #d1e1e9;
}

.Palette-SecondaryLight-Background {
	background-color: #d1e1e9;
}

.Palette-SecondaryDark-Text {
	color: #20323f;
}

.Palette-SecondaryDark-Background {
	background-color: #20323f;
}

.Palette-SecondaryBright-Text {
	color: #faeace;
}

.Palette-SecondaryBright-Background {
	background-color: #faeace;
}

/* These colors are intended for HTML links, but
 * the A class could be modified instead
 */
 
.Palette-Link-Text {
	color: #3f5666;
	cursor: pointer;
}

.Palette-Link-Text:hover {
	text-decoration: none;
	color: #101a21;
}

.Palette-LinkHovor-Background:hover {
	background-color: #101a21;
}

/* This Color should be used for alerts. */
.Palette-Alert-Text {
	color: #cf0000;
}

.Palette-Alert-Background {
	background-color: #cf0000;
}

.Security-Different {
	color: #ff0000;
}

.Security-Public {
	color: #000000;
}

.Security-Same {
	color: #00008B;
}


/**************************************************************************
General Elements - Alphabetically
**************************************************************************/
A {
    text-decoration: none;
    color: #336699;
    font-weight: 500;
}
/*
A:ACTIVE:not(.TransparentButton) {
    color: #336699;
}

A:LINK:not(.TransparentButton, .HeaderMajorTabContentsOverflow A) {
    color: #336699;
}

A:VISITED:not(.TransparentButton) {
    color: #336699;
}

A:HOVER:not(.TransparentButton) {
    color: #101a21;
    text-decoration: none;
}

.ActivityDetailsHyperlink {
    font-size: 15px;
    font-weight: bold;
}

BODY {
    background-color: #FFFFFF;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
*/


BODY, P, DIV, TR, TD, CENTER, TABLE, SELECT, TEXTAREA, INPUT {
    /*font: 11pt Arial, Helvetica, sans-serif;*/
    font: 12pt Arial, Helvetica, sans-serif;
}


@media not all and (max-device-width: 1024px) {
MAIN:not([SessionExpirationDialog]) {
	display: table;
	margin: 0 auto;
	width: 95%;
	min-width:982px;
	text-align: left;
	padding: 0;
	border-top: 0px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-image: linear-gradient(to bottom, #bababa 0%, #ffffff 200px) 0 100%;
}
}

#ScriptForm textarea,
#OutputScript, #CommandScript\.script {
    font-family: Consolas, 'Lucida Console', 'DejaVu Sans Mono', monospace;
}

FORM {
    margin: 0;
}

HR {
    border: 1pt solid #CCCCCC;
}


H1 {
    /*font-family: RobotoSlabLight,  serif;;*/
    font-family: 'Arial', serif;
    font-size: 23pt;
    color: #3f5666;
}

H2 {
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
    font-size: 18pt;
    color: #333333;
}

H3 {
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
    font-size: 15pt;
    color: #333333;
    display: inline;
}

H4 {
    font-family: 'Arial', serif;
    font-size: 14pt;
    color: #252525;
}

FIELDSET {
	border-radius: 4px;
	border: 1px solid #bcbcbc;
	box-shadow: 2px 2px 2px #bababa;
}

LEGEND {
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
    font-size: 14pt;
    color: #333333;
    display: inline;
}

.ProjectIcon {
	height: 1.33em;
	width: 1.33em;
}

/**************************************************************************
General Purpose Controls and Widgets
**************************************************************************/

/* Reformats buttons to avoid the "big gray box" look 
 * -The 'button' is usually a single font-awesome icon, sized appropriately (fa-lg, fa-2x, etc)
 * -The 'button' does not have the gray background or border
 * -Remember to "return false" or "event.preventDefault" in the button's handler if needed
 */

.TransparentButton {
	box-shadow: none;
	color: #114477;
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 1px 1px 1px 1px;
	margin: 2px 2px 2px 2px;	
}

.TransparentButton:hover {
	background: transparent;
	color: #101a21;
	cursor: pointer;
}

.TransparentButton:focus {
	color: #101a21;
}


.TransparentButton:disabled {
	color: #BBBBBB;
	cursor: default;
}

.TransparentButton:hover:disabled {
	color: #BBBBBB;
	background: transparent;
}


/*************/

.FadedButton, a.FadedButton:Link, a.FadedButton:visited {
	color: #EEEEEE;
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 1px 1px 1px 1px;
}

.RoomComponentSolid .FadedButton, .RoomComponentSolid a.FadedButton:Link, .RoomComponentSolid a.FadedButton:visited {
	color: #bed4df;
	
}

@media (hover:none) {
	.FadedButton, a.FadedButton:Link, a.FadedButton:visited {
		color: #336699;
	}
}

.FadedButton:disabled, A.FadedButton.Disabled:VISITED, A.FadedButton.Disabled:Link {
	color: #EEEEEE;
	cursor: default;
}

.FadedButton:disabled:hover, A.FadedButton.Disabled:VISITED:hover, A.FadedButton.Disabled:hover:Link {
	color: #EEEEEE;
	cursor: default;
}

.DataTable > tbody > tr:hover .FadedButton {
	color: #405767;
}

.DataTable > tbody > tr:hover .FadedButton:hover {
	color: #101a21;
}

tr:hover > td > .FadedButton {
	color: #405767;
}

tr:hover > td > span > .FadedButton {
	color: #405767;
}
/**/
.RoomComponentSolid tr:hover > td > .FadedButton {
	color: #405767;
}

.RoomComponentSolid tr:hover > td > span > .FadedButton {
	color: #405767;
}

tr:hover > td > .FadedButton:hover {
	color: #101a21;
}

tr:hover > td > span > .FadedButton:hover {
	color: #101a21;
}

.FadedButton:hover {
	color: #101a21;
	background: transparent;
}

tr:hover > td > .Security-Different {
	color: #ff0000;
}

tr:hover > td > .Security-Public {
	color: #000000;
}
tr:hover > td > .Security-Same {
	color: #00008B;
}

tr:hover > td > .Security-Different:hover {
	color: #ff0000;
}
tr:hover > td > .Security-Public:hover {
	color: #000000;
}
tr:hover > td > .Security-Same:hover {
	color: #00008B;
}

.ViewSingleRefControl:hover .FadedButton {
	color: #405767;
}
/*
.Icon-ViewSetControl-Add:before {
	font-family: FontAwesome;
	content: "\f067";
}

/* basic formatting for a two  column data table, 
   first column is the label, second column is data*/
.DataTable { 
	border-collapse: collapse; 
}

.DataTable >  tr > td {
	padding: 0.75em;
	vertical-align: text-top;
}

.DataTable > tbody > tr:not(.ALDNewSetItemRow):hover { 
	background-color: #FFF5E0;
}

.NoRowHighlight tr:hover {
	background-color: transparent !important;
}

.RoomComponentBlue .DataTable > tbody > tr:not(.ALDNewSetItemRow):hover { 
	background-color: #e0e9ee;
}

.DataTable > tobody > tr:hover .FadedButton { 
	color: #405767;
}

.DropLayout {
	border: solid 1px #bababa; 
	background-color: white;
	display: none;
	position: absolute;
	box-shadow: 2px 2px 1px #2f2f2f;
	z-index: 50;
	padding: .5em .5em;
	overflow-y: auto;
}

/* a fix to prevent some browsers from running click events on icon spans inside buttons
   instead of the buttons themselves */
button span {
	pointer-events: none;
}

/**************************************************************************
Standard Font Awesome Icons
**************************************************************************

.Icon-Activity:before {
	font-family: FontAwesome;
	content: "\f144";
}

.Icon-AddToSet:before {
	font-family: FontAwesome;
	content: "\f055";
}

.Icon-AddDrsvRow:before {
	font-family: FontAwesome;
	content: "\f067";
}

.Icon-Add:before {
	font-family: FontAwesome;
	content: "\f067";
}

.Icon-AddToLeft:before {
	font-family: FontAwesome;
	content: "\f104";
}

.Icon-AddAllToLeft:before {
	font-family: FontAwesome;
	content: "\f100";
}

.Icon-ArrowLeft:before{
	font-family: FontAwesome;
	content: "\f060";
}

.Icon-ArrowRight:before{
	font-family: FontAwesome;
	content: "\f061";
}

.Icon-Calendar:before{
	font-family: FontAwesome;
	content: "\f073";
}

.Icon-Cancel:before{
	font-family: FontAwesome;
	content: "\f00d";
}


.Icon-ChainBroken-Warning:before{
	font-family: FontAwesome;
	content: "\f127";
}

.Icon-ChainBroken-Error:before{
	font-family: FontAwesome;
	content: "\f127";
	color:red;
}

.Icon-Checked:before {
	font-family: FontAwesome;
	content: "\f058";
}

.Icon-Checkmark:before {
	font-family: FontAwesome;
	content: "\f00c";
}

.Icon-ClearDrsv:before {
	font-family: FontAwesome;
	content: "\f00d";
}

.Icon-Clock:before {
	font-family: FontAwesome;
	content: "\f017";
}

.Icon-RemoveFilterRow:before {
	font-family: FontAwesome;
	content: "\f00d";
}

.Icon-Collapse:before {
	font-family: FontAwesome;
	content: "\f147";
}

.Icon-ColumnSortedAscending:before {
	font-family: FontAwesome;
	content: "\f0d8";
}

.Icon-ColumnSortedDescending:before {
	font-family: FontAwesome;
	content: "\f0d7";
}

.Icon-Company:before {
	font-family: FontAwesome;
	content: "\f19c";
}

.Icon-CompanyCategory:before {
	font-family: FontAwesome;
	content: "\f024";
}

.Icon-Config:before {
	font-family: FontAwesome;
	content: "\f085";
}

.Icon-Copy:before {
	font-family: FontAwesome;
	content: "\f0c5";
}

.Icon-Clear:before {
	font-family: FontAwesome;
	content: "\f057";
}

.Icon-Delete:before {
	font-family: FontAwesome;
	content: "\f057";
}

.Icon-Delete-Trash:before {
	font-family: FontAwesome;
	content: "\f014";
}

.Icon-DetachUser:before {
	font-family: FontAwesome;
	content: "\f235";
}

.Icon-DevOptions:before {
	font-family: FontAwesome;
	content: "\f085";
}

.Icon-DocumentGeneric:before {
	font-family: FontAwesome;
	content: "\f15b";
}

.Icon-DocumentGenericClear:before {
	font-family: FontAwesome;
	content: "\f016";
}

.Icon-DocumentWord:before {
	font-family: FontAwesome;
	content: "\f1c2";
	color: blue;
}

.Icon-DocumentExcel:before {
	font-family: FontAwesome;
	content: "\f1c3";
	color: #006600;
}

.Icon-DocumentPowerpoint:before {
	font-family: FontAwesome;
	content: "\f1c4";
	color: #b32d00;
}

.Icon-DocumentPdf:before {
	font-family: FontAwesome;
	content: "\f1c1";
	color: #b32d00;
}

.Icon-DocumentText:before {
	font-family: FontAwesome;
	content: "\f0f6";
}

.Icon-DocumentZip:before {
	font-family: FontAwesome;
	content: "\f1c6";
	color: #e65c00;
}

.Icon-DocumentCode:before {
	font-family: FontAwesome;
	content: "\f1c9";
}

.Icon-DocumentImage:before {
	font-family: FontAwesome;
	content: "\f1c5";
}

.Icon-Download:before {
	font-family: FontAwesome;
	content: "\f019";
}

.Icon-Globe:before {
	font-family: FontAwesome;
	content: "\f0ac";
	color: blue;
}

.Icon-ObjectGroup:before {
	font-family: FontAwesome;
	content: "\f247";
}

.Icon-WebLink:before {
	font-family: FontAwesome;
	content: "\f0c1";
}

.Icon-DropLayoutIndicator:before {
	font-family: FontAwesome;
	content: "\f0d7";
}

.Icon-Edit:before {
	font-family: FontAwesome;
	content: "\f044";
}

.Icon-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}

.Icon-EntityView:before {
	font-family: FontAwesome;
	content: "\f1ea";
}

.Icon-Expand:before {
	font-family: FontAwesome;
	content: "\f196";
}

.Icon-FavoriteOn:before {
	font-family: FontAwesome;
	content: "\f005";
}

.Icon-FavoriteOff:before {
	font-family: FontAwesome;
	content: "\f006";
}

.Icon-HelpButton:before {
	font-family: FontAwesome;
	content: "\f059";
}

.Icon-History:before {
	font-family: FontAwesome;
	content: "\f1da";
}

.Icon-Info:before {
	font-family: FontAwesome;
	content: "\f05a";
}

.Icon-IPAddress:before {
	font-family: FontAwesome;
	content: "\f109";
}

.Icon-IPAddressGroup:before {
	font-family: FontAwesome;
	content: "\f109";
}

.Icon-Error:before {
	font-family: FontAwesome;
	content: "\f06a";
}

.Icon-ErrorStd:before {
	font-family: FontAwesome;
	content: "\f056";
	color:red;
}

.Icon-EntitySet:before {
	font-family: FontAwesome;
	content: "\f0ca";
}

.Icon-ExploreDeeper:before {
	font-family: FontAwesome;
	content: "\f064";
}

.Icon-LevelUp:before {
	font-family: FontAwesome;
	content: "\f148";
}

.Icon-Preview:before {
	font-family: FontAwesome;
	content: "\f06e";
}

.Icon-Property:before {
	font-family: FontAwesome;
	content: "\f0c9";
}

.Icon-ManagementPage:before {
	font-family: FontAwesome;
	content: "\f03a";
}

.Icon-MoreInfo:before {
	font-family: FontAwesome; 
	content: "\f05a";
}

.Icon-Move:before {
	font-family: FontAwesome;
	content: "\f045";
}

.Icon-MoveDown:before {
	font-family: FontAwesome;
	content: "\f063";
}

.Icon-MoveUp:before {
	font-family: FontAwesome;
	content: "\f062";
}

.Icon-MoveDownSmall:before {
	font-family: FontAwesome;
	content: "\f0d7";
}

.Icon-MoveUpSmall:before {
	font-family: FontAwesome;
	content: "\f0d8";
}

.Icon-NextPage:before {
	font-family: FontAwesome;
	content: "\f0da";
}

.Icon-BulletPoint:before {
	font-family: FontAwesome;
	content: "\f0da";
}

.Icon-LastPage:before {
	font-family: FontAwesome;
	content: "\f051";
}

.Icon-Person:before {
	font-family: FontAwesome;
	content: "\f007";
}
.Icon-Home:before {
	font-family: FontAwesome;
	content: "\f015";
}
.Icon-Logout:before {
	font-family: FontAwesome;
	content: "\f08b";
}

.Icon-PermissionGroup:before {
	font-family: FontAwesome;
	content: "\f0c0";
}

.Icon-Person-LockedAcct:before {
	font-family: FontAwesome;
	content: "\f235";
}

.Icon-PrevPage:before {
	font-family: FontAwesome;
	content: "\f0d9";
}

.Icon-FirstPage:before {
	font-family: FontAwesome;
	content: "\f048";	
}

.Icon-Password:before {
	font-family: FontAwesome;
	content: "\f084";
}

.Icon-Project:before {
	font-family: FontAwesome;
	content: "\f022";
}

.Icon-Publishing:before {
	font-family: FontAwesome;
	content: "\f0ee";	
}

.Icon-Remove:before {
	font-family: FontAwesome;
	content: "\f057";
}

.Icon-RemoveToRight:before {
	font-family: FontAwesome;
	content: "\f105";
}

.Icon-RemoveAllToRight:before {
	font-family: FontAwesome;
	content: "\f101";
}

.Icon-Run:before {
	font-family: FontAwesome;
	content: "\f04b";
}

.Icon-Search:before {
	font-family: FontAwesome;
	content: "\f002";
}

.Icon-Security:before {
	font-family: FontAwesome;
	content: "\f023";
}

.Icon-SkippedData:before {
	font-family: FontAwesome;
	content: "\f141";
}

.Icon-Subscribing:before {
	font-family: FontAwesome;
	content: "\f0ed";	
}

.Icon-Tags:before {
	font-family: FontAwesome;
	content: "\f02c";
}

.Icon-TextFile:before
{
	font-family: FontAwesome;
	content: "\f0f6";
}

.Icon-UnlockAccount:before {
	font-family: FontAwesome;
	content: "\f09c";
}

.Icon-Upload:before {
	font-family: FontAwesome;
	content: "\f093";
}

.Icon-UploadDocument:before {
	font-family: FontAwesome;
	content: "\f093";
}

.Icon-UploadDocumentRevision:before {
	font-family: FontAwesome;
	content: "\f093";
}


.Icon-Usage:before {
	font-family: FontAwesome;
	content: "\f0e8";
}

.Icon-UserRole:before {
	font-family: FontAwesome;
	content: "\f14d";
}

.Icon-ViewLink:before {
	font-family: FontAwesome;
	content: "\f08e";
}

.Icon-Virtual:before {
	font-family: FontAwesome;
	content: "\f0c2";
}

.Icon-Warning:before {
	font-family: FontAwesome;
	content: "\f071";
	color:#ffcc00;
}

.Icon-DateWarning:before {
	font-family: FontAwesome;
	content: "\f071";
}

.Icon-Component:before {
	font-family: FontAwesome;
	content: "\f009";
}

.Icon-Container:before {
    font-family: FontAwesome;
    content: "\f07b";
}

.Icon-ContainerOpen:before {
    font-family: FontAwesome;
    content: "\f07c";
}

.Icon-Workspace:before {
    font-family: FontAwesome;
    content: "\f022";
}

.Icon-Properties:before {
    font-family: FontAwesome;
    content: "\f013";
}

.Icon-Help:before {
    font-family: FontAwesome;
    content: "\f059";
}

.Icon-Notification:before{
    font-family: FontAwesome;
    content: "\f0e0";
}

.Icon-Subscribe:before{
    font-family: FontAwesome;
    content: "\f143";
}

.Icon-Admin:before{
    font-family: FontAwesome;
    content: "\f0ad";
}

.Icon-Breadcrumb:before {
    font-family: FontAwesome;
    content: "\f101";
}

.Icon-Clipboard:before {
    font-family: FontAwesome;
    content: "\f0ea";
}

.Icon-Complete:before {
    font-family: FontAwesome;
    content: "\f058";
}

.Icon-Incomplete:before {
    font-family: FontAwesome;
    content: "\f10c";
}

.Icon-View:before {
	font-family: FontAwesome;
	content: "\f022";
}

.Icon-Zoom:before {
	font-family: FontAwesome;
	content: "\f00e";
}

.Icon-Image:before {
	font-family: FontAwesome;
	content: "\f03e";
}

.Icon-NotRequired:before {
    font-family: FontAwesome;
    content: "\f10c";
}

.Icon-Save:before {
    font-family: FontAwesome;
    content: "\f0c7";
}

.Icon-Print:before {
    font-family: FontAwesome;
    content: "\f02f";
}

.Icon-Warning-Smartform:before {
	font-family: FontAwesome;
	content: "\f071";
}

.Icon-Jumpto:before {
	font-family: FontAwesome;
	content: "\f064";
}

.Icon-ExpandReviewerNotes:before {
	font-family: FontAwesome;
	content: "\f0da";
}

.Icon-CollapseReviewerNotes:before {
	font-family: FontAwesome;
	content: "\f0d7";
}

.Icon-DeleteReviewerNotes:before {
	font-family: FontAwesome;
	content: "\f068";
}

.Icon-ReviewerNotesResponse:before {
	font-family: FontAwesome;
	content: "\f075";
	color:#add8e6;
}

.Icon-Back-Left:before {
	font-family: FontAwesome;
	content: "\f100";
}

.Icon-Continue-Right:before {
	font-family: FontAwesome;
	content: "\f101";
}

.Icon-Previous-ReviewerNote:before {
	font-family: FontAwesome;
	content: "\f190";
}

.Icon-Next-ReviewerNote:before {
	font-family: FontAwesome;
	content: "\f18e";
}

.Icon-TabOverflow:before {
	font-family: FontAwesome;
	content: "\f141";
}

.Icon-ComponentAdmin:before {
	font-family: FontAwesome;
	content: "\f013";
}

.Icon-Compare:before {
	font-family: FontAwesome;
	content: "\f07e";
}

/*  Chooser ellipse icons
		all of these are the same, but can be configured if someone wants to use different icons

.Icon-Person-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-Company-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-Page-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-Document-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-DataEntry-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-Project-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-GenericEntity-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-UserRole-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-CompanyCategory-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-IPAddress-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-PermissionGroup-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-Search-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}
.Icon-View-Ellipsis:before {
	font-family: FontAwesome;
	content: "\f141";
}

/**************************************************************************
RoomComponent Styles
**************************************************************************/

.RoomComponent {
	text-align: left;
	margin: 0.6em;
	padding: 1em;
}

.LegacyRoomComponent {
	text-align: left;
	margin: 0.6em;
	padding: 0em;
}

.RoomComponentTitle {
	margin: 0 0 0 0;
	padding-bottom: 12px;
	padding-right: 0.5em;
	display: table-cell;
}

.RoomComponentTitleButtons:not(:empty) {
	white-space: nowrap;
	display: table-cell;
	padding-top: .5em;
	padding-bottom: 15px;
	vertical-align: bottom;
}

.RoomComponentTitleArea {
	display: table;
}

.RoomComponentClear {
	background-color: #ffffff;
}

/*
.RoomComponentSolid {
	/*background-color: #d1e1e9;
	background-color: #EEEEEE;
}*/

.RoomComponentYellow {
	background-color: #FFFFCC;
}

.RoomComponentNoHeader .RoomComponentTitle {
	display:none;
}

.RoomComponent:not(:hover) .ComponentAdminMenuButton, .NavigationTabArea:not(:hover) .ComponentAdminMenuButton {
	visibility: hidden;
}

.Folder-Color {
	color: #e8970c;
}

/* Used by FolderView */
.ResourcePreview td {
	padding: .25em;
}

/**************************************************************************
Form input elements (8.0 THUG UI)
**************************************************************************
input, textarea
{
	margin: 2px;
	padding: 7px;
	border: 1px solid #bcbcbc;
	box-shadow: inset 1px 1px 3px 0px #cccccc;
  	background: #ffffff;
  	border-radius: 4px;
}

input:focus, textarea:focus
{
	border: 1px solid #cedee7;
}

input:disabled:not(.TransparentButton), textarea:disabled
{
	outline-offset: 0;
    outline: 1px;
	border: 1px solid #bababa;
	background: #e9e9e9;
}

/*
* File inputs


.file-input-wrapper {
	display: inline-block;
	width: 300px;
}



.FileInput {
	position: absolute;
	left: -9999px;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}

.file-label {
	vertical-align: middle;
	margin: 2px;
	border: 1px solid #bcbcbc;
	box-shadow: inset 1px 1px 3px 0px #cccccc;
  	background: #ffffff;
  	border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    display: inline-flex;
    width: 97%;
    justify-content: space-between;
    padding: 0;
}

.FileInput:focus + file-input-wrapper > .file-label,
.FileInput.has-focus + file-input-wrapper > .file-label {
	border: 1px solid #cedee7;
}

.FileInput:disabled + file-input-wrapper > .file-label{
    outline-offset: 0;
    outline: 1px;
	border: 1px solid #bababa;
  	background: #e9e9e9;
}

.selectedFile,
.fileChooseButton {
	padding: 7px;
}

.selectedFile {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.fileChooseButton {
    color: #405767;
    background-color: #e9e9e9;
    width: initial;
}

.FileInput:focus + .file-input-wrapper > .file-label .fileChooseButton,
.FileInput.has-focus + .file-input-wrapper > .file-label .fileChooseButton,
.file-label:hover .fileChooseButton {
	background-color: #cbcbcb; 
	color: #20323f; 
}

.FileInput:focus + .file-input-wrapper > .file-label .fileChooseButton,
.FileInput.has-focus + .file-input-wrapper > .file-label .fileChooseButton,
.file-label:hover .fileChooseButton {
	background-color: #cbcbcb; 
	color: #20323f; 
}


select::-ms-expand {
    display: none;
}

select
{
	margin: 2px;
	padding: 6px;
	border: 1px solid #bcbcbc;
	box-shadow:  inset 0px 1px 1px 0px #ffffff, 1px 1px 1px 0px #cccccc;
    background-color: #e9e9e9; 
  	border-radius: 4px;  	
}


select:not([multiple]):not([size]), 
select[size="1"]:not([multiple]) 
{
  	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;    
    
  	padding-right:2.2em;
  	background-image: url(images/icons/selectbox_downarrow.gif);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 1.8em 2em;
}

select:not([multiple]):not([size]):disabled, 
select[size="1"]:not([multiple]):disabled 
{
    background-color: #bababa; 
    color: white; 	
  	background-image: url(images/icons/selectbox_downarrow_disabled.gif);
}


select:focus
{
    outline: 3px solid #99b4c1; /* fixes a strange IE bug where this line prevents select controls from becoming non-responsive 
	border: 1px solid #cedee7;
}

select option 
{ 
    background-color: #e9e9e9;
    font-size: 10pt;
}

select:not([multiple]):not([size]) option, 
select[size="1"]:not([multiple]) option 
{
	color: #575757;  
    background-color: #ffffff; 
}

select option:hover {
    color: black;
    background-color: #bababa;
}

select option:checked {
    color: white;
    background-color: #405767;
}

select option:disabled
{
	color: #A9A9A9 !important;
}

.select-editable {
	display: inline-block;
    position:relative;
    background-color:white;
    width:220px;
    margin: 2px;
}

.select-editable select {
 	background-color: white;
    top:0px;
    left:0px;
    width:220px;
    margin:0;
    line-height:normal !important;
    height: 33px;
}
.select-editable input {
    position:absolute;
    top:-1px;
    left:-1px;
    width:178px;
    height: 14px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    line-height:normal !important;
	height: 16px;
}
.select-editable select:focus, .select-editable input:focus {
}

.chooserInputDiv
{
	height: 34px;
	padding: 0;
	margin: 2px;
}

.chooserInputContainer
{
	display: inline-block;
	height: 34px;
	padding: 0;
	margin: 2px;
	vertical-align: middle;
	white-space: nowrap;
}


/*
This is the textbox where a chooser response will be put

input.input-chooser-popup {
	vertical-align: top;
	position: relative;
	top: 0;
	height: 100%;
	border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
	box-shadow: inset 5px 5px 6px -4px #cccccc;
	padding: 0 7px;
	-moz-box-sizing: border-box; /* or `border-box` 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input.input-chooser-popup:focus 
{
	border-right: 0;
}
*/

/*
This is the button that will launch the chooser popup
This should be right next to the one above without any space between

button.input-chooser-popup-ellipse
{
	vertical-align: top;
	position: relative;
	top: 0;

	width: 3em;
	border: 1px solid #bcbcbc;
	height: 100%;
	padding: 0;
  	border-radius: 4px;
	border-left: 0;
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	cursor: pointer;
	box-shadow: inset 0px 7px 6px -8px #cccccc;
	background-color: #e9e9e9; 
	color: #405767; 
	
	-moz-box-sizing: border-box; /* or `border-box` 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button.input-chooser-popup-ellipse:hover
{
	background-color: #cbcbcb; 
	color: #20323f; 
}

button.input-chooser-popup-ellipse:disabled
{
    background-color: #e1e1e1;
    color: #bababa;
    cursor: auto;
}

button.input-chooser-popup-ellipse:focus
{
	border: 1px solid #cedee7;
	border-left: 0;
}

/* This is the 'free-standing' button that will launch the chooser popup. 
button.input-chooser-popup-freestanding {
	vertical-align: top;
	position: relative;
	top: 0;
	width: 3em;
	border: 1px solid #bcbcbc;
	height: 100%;
	padding: 0;
  	border-radius: 4px;
	cursor: pointer;
	box-shadow: inset 0px 7px 6px -8px #cccccc;
	background-color: #e9e9e9; 
	color: #405767; 
	-moz-box-sizing: border-box; /* or `border-box` 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button.input-chooser-popup-freestanding:hover {
	background-color: #cbcbcb; 
	color: #20323f; 
}

button.input-chooser-popup-freestanding:disabled {
    background-color: #e1e1e1;
    color: #bababa;
    cursor: auto;
}

button.input-chooser-popup-freestanding:focus {
	border: 1px solid #cedee7;
}

.entity-action-button
{
	margin: 2px;
	font-family: 'Arial', serif;
	font-size: 10pt;
	padding: .5em .6em;
	border: 1px solid #bcbcbc;
  	border-radius: 4px;
	cursor: pointer;
	box-shadow: inset 0px 7px 6px -8px #cccccc;
	background-color: #e9e9e9; 
	color: #405767; 
}

.entity-action-button:hover, .entity-action-button:focus
{
	background-color: #cbcbcb; 
	color: #20323f; 
	border: 1px solid #405767;
}

.entity-action-button:disabled
{
	background-color: #bababa; 
	pointer-events: none;
}

.entity-action-button > span
{
	margin-right: .3em;
}

.IconModifier-BottomRight {
   position: relative;
    left: -.75em;
    vertical-align: -.25em;
    font-size: 85%;
    margin-right: -0.7em;
    text-shadow: 3px 0 3px #e1e1e1, 0 -3px 3px #e1e1e1, 0 3px 3px #e1e1e1, -3px 0 3px #e1e1e1;
}

/* Checkboxes and radio buttons are replaced with Font Awesome icons. 
 * This is done by using a blank label immediately after the element, hiding
 * the original and displaying the icon on the label.
 * We use 1x1 element with opacity 0, which is essentially invisible, so that
 * the element remains on the page for tab navigation.  This is broken if we 
 * use display:none; to hide them. */

/*
input.ReplaceWithIcon {
	position: absolute;
	width: 1px; height: 1px;
	opacity: 0;
}

input + label.ReplaceWithIcon:before {
	display: inline-block;
	width: 1.1em; 
    color: #405767;
    height: 1.1em;
    font-size: 1.1rem;/*Fix for bigger sized checboxes and radio buttons in ajax print views in IE
    text-align: center;
    vertical-align: middle;
    padding: 0.15em;
}

input:focus + label.ReplaceWithIcon:before {
    border: 0px;
    border-radius: 2px;
    box-shadow: inset 0 0 2px 1px #cedee7;
	color: #20323f;    
}


/* set the appearance of checked and unchecked checkboxes 
input[type=checkbox] + label.ReplaceWithIcon:before {
	font-family: FontAwesome;
    content: "\f096"; 
}

input[type=checkbox]:checked + label.ReplaceWithIcon:before {
	font-family: FontAwesome;
    content: "\f14a";  
}

/* set the appearance of checked and unchecked radios 
input[type=radio] + label.ReplaceWithIcon:before {
	font-family: FontAwesome;
    content: "\f10c"; 
}

input[type=radio]:checked + label.ReplaceWithIcon:before {
	font-family: FontAwesome;
    content: "\f111";  
}

/* checkboxes and radios will share the same disabled colors 
input + label.ReplaceWithIcon:hover:before {
	color: #20323f;
}

input:disabled + label.ReplaceWithIcon:before {
	color: #bababa;
}

input:hover:disabled + label.ReplaceWithIcon:before {
	color: #bababa;
}


/*************************************************************************
View Controls
************************************************************************
.SimpleDocAddFileButton {
	margin: 8px 0 0 0;
	display: inline-block;
}

.SimpleDocAddFileButton:before
{
	padding-left: 5px;
	padding-right: 5px;
}

.SimpleFileUploadRevisionButton:before
{
	/*font-size:1.33333333em;
	line-height:.75em;
	vertical-align:-15%
	padding-left: 5px;
	padding-right: 5px;
}
*/
/**************************************************************************
Action Icons
**************************************************************************/

a.iconEnabled,  a.iconEnabled:hover,
a.iconNotInUse, a.iconNotInUse:hover,
a.iconDisabled, a.iconDisabled:hover {
	text-decoration:none;
}

a.iconEnabled, a.iconEnabled:link {
	color: #405767;
}
a.iconEnabled:hover {
	color: #405767; /* bdd4df*/
}

a.iconNotInUse, a.iconNotInUse:link {
	color: #bababa;
}
a.iconNotInUse:hover, a.iconNotInUse:visited{
	color: #bababa; /*e1e1e1*/
}

a.iconEnabled:active,
a.iconNotInUse:active {
	color: #e8970c;
}

a.iconDisabled,
a.iconDisabled:visited,
a.iconDisabled:active,
a.iconDisabled:link,
a.iconDisabled:hover {
	color: #e1e1e1; /*#e8970c*/
	pointer-events: none;
	display: inline-block; /* In order for 'pointer-events: none' to work in IE 11 */
	cursor: default; 
}



/**************************************************************************
General IDs - Alphabetically
**************************************************************************/
#ResultTable {
}

#ResultTitle {
    font-size: 12pt;
    margin-top: 1em;
}

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

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

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

#SearchHelp {
    border: 1px solid #CCCCCC;
    color: #666666;
    padding: 10px;
}

/**************************************************************************
General Classes - Alphabetically
**************************************************************************/
.ActivityArea {
    background-color: #DDDEDE;
    border-bottom: 1px solid #FFFFFF;
    white-space: nowrap;
}

.ActivityConfirmedLogin {
    color: #009900;
    font-weight: bold;
}

.ActivityDidNotConfirmLogin {
    color: #FF0000;
    font-weight: bold;
}

.AdvisoryBox {
	background-color: #FFC;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	display: inline-block;
}

.AdvisoryText {
    font-size: 8pt;
    font-style: italic;
}

.BooleanVerticalDisplay {
    display: inline-block;
    Vertical-Align: top;
}

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

A.Breadcrumb:hover {
	color: #101a21;
}

.Breadcrumb a:hover {
	color: #101a21;
}

.BreadcrumbArea {
    background-color: #DDDEDE;
    box-shadow: 0px 3px 5px #bababa;
    margin-bottom: 1px;
    
}

.BreadcrumbTarget, .BreadcrumbTarget:link, .BreadcrumbTarget:active, .BreadcrumbTarget:visited {
    color: #000000;
}

A.BreadcrumbTarget:hover {
    color: #101a21;
    text-decoration: none;
}

.BreadcrumbTarget a:hover {
    color: #101a21;
    text-decoration: none;
}
/*
.Button, .Button2, .button2 {
	box-shadow: none;
	font-family: 'Arial', serif;
	background-color: #405767; 
	color: #ffffff; 
	border: 0 none; 
	border-radius: 4px 4px 4px 4px;  
	font-size: 11pt;
	padding: .33em 1.5em;
}

.Button:hover, .Button2:hover, .button2:hover {
	background-color: #20323f;
	cursor: pointer;
}

.Button:focus {
	color: #e1f1f9;
}

.Button:disabled, .Button2:disabled, .button2:disabled{
	cursor: default;
    background-color: #bababa;
    pointer-events: none;
    border: 0px;
    color: #808080;
}

.Button:focus, .Button2:focus, .button2:focus{
    border: 0px;
    box-shadow: 0 0 1px 1px #cedee7;
	background-color: #20323f;    
}

.SmallButton {
    box-shadow: none;
	font-family: 'Arial', serif;
	background-color: #405767; 
	color: #ffffff; 
	border: 0 none; 
	border-radius: 4px 4px 4px 4px;  
	font-size: 10pt;
	padding: .33em 1.5em;
}

.SmallButton:hover {
	background-color: #20323f;
	cursor: pointer;
}

.SmallButton:disabled{
	cursor: default;
    background-color: #bababa;
    pointer-events: none;
}
*/
.Comment {
    font-size: 9pt;
    font-style: italic;
    color: green;
}

.Disabled {
    color: #A9A9A9;
}

.DisplayHead, .DisplayHeadSort  {
	font-family: 'Arial', sans-serif;
    font-size: 11pt;    
    font-weight: bold;
    text-align: left;
    padding-top: .5em;
    padding-bottom: .5em;
    background-color: transparent;
}

.DisplayHead:link, .DisplayHead:active, .DisplayHead:visited, A.DisplayHead:hover, .DisplayHeadSort:link, .DisplayHeadSort:active, .DisplayHeadSort:visited, A.DisplayHeadSort:hover {
    color: #336699;
    background-color: transparent;
    text-decoration: none;
}

.DisplayHead a:hover, .DisplayHeadSort a:hover {
    color: #101a21;
    background-color: transparent;
    text-decoration: none;
}

.DisplayHeadLabel, .DisplayHeadLabel:link, .DisplayHeadLabel:active, .DisplayHeadLabel:visited, A.DisplayHeadLabel:hover {
    color: #0033CC;
}

.DisplayHeadLabel a:hover {
    color: #0033CC;
}

.DisplayFooter {
    background-color: #DDDEDE;
}

.DisplayRow {
}

.DisplayRowAlt {
    background-color: #EEEEEE;
}

.DocumentRemove {
    color: #666;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.EmptyBar {
}

div.EmptyBar {
    height: 3px;
    font-size: 0;
}

.Error, .Error span, .Error p {
    color: #CF0000;
}

.Error ol li ul li, .Error ul li {
	color : #cf0000 !important;
}

.ErrorArea {
    border-bottom: 1px solid #FFFFFF;
    color: #FF0000;
    text-align: center;
    padding: 3px;
}

.FolderNav1, .FolderNav1:link, .FolderNav1:active, .FolderNav1:visited {
    /*color: #3f5666;*/
    color: #5F6A72;
    font-weight: bold;
}

A.FolderNav1:hover {
    color: #101a21;
}

.FolderNav1 a:hover {
    color: #101a21;
}

.FolderNav2, .FolderNav2:link, .FolderNav2:active, .FolderNav2:visited {
    /*color: #3f5666;*/
     color: #5F6A72;
}

A.FolderNav2:hover {
    color: #101a21;
}

.FolderNav2 a:hover {
    color: #101a21;
}

.FolderNav3, .FolderNav3:link, .FolderNav3:active, .FolderNav3:visited {
    color: #3f5666;
}

A.FolderNav3:hover {
    color: #101a21;
}

.FolderNav3 a:hover {
    color: #101a21;
}

.FooterArea {
    background-color: #FFFFFF;
    text-align: center;
}

.FooterBar {
    background-color: #CCCCCC;
}

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

A.FooterText:hover {
}

.FooterText a:hover {
}

.FormHead {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #405767;
}

.FormHead .Icon-Help {
	color: #FFFFFF;
}

.FormHead .Icon-Help:hover {
	color: #d1e1e9;
}

.FormHead:link, .FormHead:active, .FormHead:visited {
    color: #FFFFFF;
    font-weight: bold;
}

A.FormHead:hover {
}

.FormHead a:hover {
}
.InlineList {
    border-top: 1pt solid #CCCCCC;
    /*white-space: nowrap;*/
    vertical-align: top;
   	padding-top: .5em;
    padding-bottom: .5em;
    /*empty-cells:hide;*/
}
.GroupBorderChrome {
    border-bottom: 1px solid #D4D0C8;
    border-right: 1px solid #D4D0C8;
    border-left: 2px inset #A0A0A0;
    border-top: 2px inset #A0A0A0;
}

.Help {
    font-style: italic;
}

.Hidden {
    display: none;
}

.Hidden + Label {
	display: none;
}

.InlineSuccessMessage {
	font-style : italic;
	color : green;
}

.InlineFailureMessage {
	font-style : italic;
	color : red;
}

.Label1 {
    color: #000000;
    font-weight: bold;
}

.Label1:link, .Label1:active, .Label1:visited {
    color: #0033CC;
}

A.Label1:hover {
    color: #FF3932;
    text-decoration: underline;
}

.Label1 a:hover {
    color: #FF3932;
    text-decoration: underline;
}

.Label2 {
    color: #999999;
    font-weight: bold;
}

.List, .ListSelected {
    border-top: 1pt solid #CCCCCC;
    padding-top: .5em;
    padding-bottom: .5em;
}

.ListHeader {
    border-top: 1pt solid #CCCCCC;
}

.ListFooter {
    border-top: 1pt solid #CCCCCC;
}

.ListBG {
    background-color: #EEEEEE;
    border-top: 1pt solid #CCCCCC;
}

.ListBreak {
    border-top: 1pt solid #CCCCCC;
    word-break: break-all; /**PRS 18,246**/
}

.ListControl {
    background-color: #EEEEEE;
    border-top: 1pt solid #CCCCCC;
}

.ListLabel {
    border-top: 1pt solid #CCCCCC;
    font-weight: bold;
}

.ListMessage {
    margin: 10px;
    text-align: center;
}

.MenuAreaOff {
    border: 1px solid #FFFFFF;
    cursor: pointer;
}

.MenuAreaOn {
    background-color: #CBDCED;
    border: 1px solid #000000;
    cursor: pointer;
}

.MenuItem {
	cursor: pointer;
}

.MenuItem {
	cursor: pointer;
}

.MenuItem:hover {
	background-color: #CBDCED;
}

.MenuHeader {
}

.MenuLabelOff {
    color: #000000;
}

.MenuLabelOff:link {
    color: #000000;
}

.MenuLabelOff:visited {
    color: #000000;
}

A.MenuLabelOff:hover {
    color: #000000;
    text-decoration: none;
}

.MenuLabelOff a:hover {
    color: #000000;
    text-decoration: none;
}

.MenuLabelOn {
}

.MenuLabelOn:link {
    color: #000000;
}

.MenuLabelOn:visited {
    color: #000000;
}

A.MenuLabelOn:hover {
    color: #000000;
    text-decoration: none;
}

.MenuLabelOn a:hover {
    color: #000000;
    text-decoration: none;
}

.MenuTable {
    background-color: #FFFFFF;
    width: 130px;
    padding: 2px 2px 2px 2px;
    empty-cells: hide;
    border: 1px solid black;
}

.PageBarArea {
    background-color: #DDDEDE;
    border-bottom: 1px solid white;
}

.PageHead {
    /*font-family: RobotoSlabLight,  serif;;*/
    font-family: 'Arial', serif;
    font-size: 17pt;
    /*color: #3f5666;*/
     color: #5F6A72;
}

.PageHead2 {
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}

.PageImageLeft {
    margin-right: 20px;
}

.PageImageRight {
    margin-left: 20px;
}

.PageImageTop {
    margin-bottom: 20px;
}

.PagePadding {
    padding: 10px;
}

.ProductImageLeft {
    margin-right: 20px;
}

.ProductImageRight {
    margin-left: 20px;
}

.ProductImageTop {
    margin-bottom: 20px;
}

.ProjectEditorTable {
    empty-cells: hide;
}

.Required {
    font-weight: bold;
    color: #FF3333;
}

.ResponseNote {
    background-color: #E5FFE5;
    padding: 5px;
    width: 100%;
}

.ResponseRequired {
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    padding-bottom: 1px;
}

.ResponseTitle {
    background-color: #E5FFE5;
    border-top: 1px solid #009900;
    padding: 5px;
    width: 100%;
}

.Result:link, .Result:active, .Result:visited, A.Result:hover {
    color: #7777CC;
}

.Result a:hover {
    color: #7777CC;
}

.ReviewList {
    background-color: #FFFFFF;
    border-top: 2px solid #FFCC00;
}

.ReviewNote {
    padding-top: 5px;
    padding-bottom: 10px;

}

.ReviewNoteArea {
    background-color: #FBFBEA;
    border-bottom: 1px solid #A2A282;
    padding: 10px;
}

.ReviewNoteBar {
    border-left: 1px solid #FBFBEA;
    border-top: 1px solid #FBFBEA;
    border-right: 1px solid #A2A282;
    border-bottom: 1px solid #A2A282;
    background-color: #F2F2C2;
    padding: 3px;
}

.ReviewTitle {
    padding-bottom: 5px;
}

.RssChannelTitle {
    font-size: small;
    font-weight: bold;
}

.RssChannelDescription {
}

.RssItemTitle {
    font-weight: bold;
}

.RssItemDescription {
}

.RssItemAuthor {
}

.RssItemPublishDate {
}

.SectionHead {
    font-weight: bold;
}

.SectionRule {
    background-color: #999999;
}

td.SectionRule {
    padding: 1px;
    background-color: #999999;
}

div.SectionRule {
    border-top: 3px solid #999999;
}

.SmallText, .SmallText:link, .SmallText:active, .SmallText:visited {
    font-size: 8pt;
}

A.SmallText:hover {
}

.SmallText a:hover {
}

/* These classes are used to render the icon and text for the smartform breadcrumb. */
/* It is placed here so that it can be overridden for custom use.*/
.SmartFormBreadcrumbImage {
}

.SmartFormBreadcrumbText {
}

.Success {
    color: #339933;
}

.SuccessArea {
    border-bottom: 1px solid #FFFFFF;
    color: #339933;
    text-align: center;
    padding: 3px;
}

.TabBar {
    background-color: #767A7D;
}

div.TabBar {
    height: 3px;
    font-size: 0;
}

.TopBarUpperBorder {
	background-color: #405767;
	height: 4px;
	width: 100%;
    border-bottom: 1px solid white;
}

.ToolArea {
    background-color: transparent;
}

.ToolArea:empty {
    padding: 0;
    display: none;
}

.ToolAreaFiltered {
    background-color: transparent;
}

.ToolIcon, .ToolIcon:link, .ToolIcon:active, .ToolIcon:visited {
    background-color: #999999;
}

A.ToolIcon:hover {
    background-color: #0000FF;
}

.ToolIcon a:hover {
    background-color: #0000FF;
}

.ToolIconHover {
    background-color: #0000FF;
}

/*.TopNavAreaLeft {
    background-Color: #e1e1e1;
}

.TopNavAreaRight {
    background-Color: #e1e1e1;
    padding-right: 1.5em;
}*/

.TopNavAreaLeft, .TopNavAreaRight {

background: white;
padding-left: 80px;

}

.TopNavTabArea {
	line-height: 22px;
    background-color: #405767;
    padding: 0 0 0 0;
}

.TopNavTabBar {
//    background-color: #405767;
}

.TopNavTabOff, .TopNavTabOff:link, .TopNavTabOff:active, .TopNavTabOff:visited {
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
	font-size: 10pt;
	background-color: #405767;
    color: #FFFFFF;
    line-height: 22px;
    padding: 4px 8px 4px 8px;
}

A.TopNavTabOff:hover {
    color: #B5E7FF;
    text-decoration: none;
}

.TopNavTabOff a:hover {
    color: #B5E7FF;
    text-decoration: none;
}

.TopNavTabOn:link, .TopNavTabOn:active, .TopNavTabOn:visited {
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
	font-size: 10pt;
    background-color: #bdd4df;
    color: #2b3a43;
    line-height: 22px;
    padding: 4px 8px 4px 8px;
}

A.TopNavTabOn:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.TopNavTabOn a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.TopNavText {
    color: #405767;
}

.TopNavText:link, .TopNavText:active, .TopNavText:visited {
    color: #405767;
}

.TopNavRegion {
}

A.TopNavText:hover {
    color: #101a21;
}

.TopNavText a:hover {
    color: #101a21;
}

.TopNavTitleText {
    color: #FFFFFF;
    font-weight: bold;
}

.ViewBarText, .ViewBarText:link, .ViewBarText:active, .ViewBarText:visited {
    color: #666666;
    font-size: 8pt;
    line-height: 2em;
}

A.ViewBarText:hover {
    color: #FF3932;
    text-decoration: underline;
}

.ViewBarText a:hover {
    color: #FF3932;
    text-decoration: underline;
}

.Width100Percent {
    width: 100%;
}

/**************************************************************************
Default  Component Style 
**************************************************************************/
.ComponentBodyArea {
    text-align: left;
}

.ComponentBodyTable {
}

.ComponentDisplayHead {
    background-color: #CCCCCC;
}

.ComponentDisplayLabel {
    background-color: #CCCCCC;
    font-weight: bold;
}

.ComponentHeaderButtons {
    color: #FFFFFF;
}

.ComponentHeaderImage {
}

.ComponentHeaderImageLeft {
    display: none;
}

.ComponentHeaderImageRight {
    display: none;
}

.ComponentHeaderTable {
    background-color: #405767;
}

.ComponentHeaderTitle {
    color: #FFFFFF;
    font-weight: normal;
}

.ComponentLabel {
    font-weight: bold;
}

.ComponentList {
    border-top: 1pt solid #CCCCCC;
}

.ComponentMarginTop {
    margin-top: 15px;
}

/* END Default Component Style*/



/**************************************************************************
Standard Component Styles 
**************************************************************************/
/*Standard - Border*/
.ComponentStyle_StandardBorder .ComponentBodyTable {
    border: 1px solid #405767;
}

/*Standard - Border/FIll*/
.ComponentStyle_StandardBorderFill .ComponentBodyTable {
    background-color: #EEEEEE;
    border: 1px solid #405767;
}

/*Standard - Fill*/
.ComponentStyle_StandardFill .ComponentBodyTable {
    background-color: #EEEEEE;
}

/*Standard - NoHeader*/
.ComponentStyle_StandardNoHeader .ComponentHeaderTable {
    background-color: transparent;
}

.ComponentStyle_StandardNoHeader .ComponentHeaderImage {
    display: none;
}

.ComponentStyle_StandardNoHeader .ComponentHeaderTitle {
    color: #000000;
}

/*Standard - NoHeader/Border*/
.ComponentStyle_StandardNoHeaderBorder .ComponentHeaderTable {
    background-color: transparent;
}

.ComponentStyle_StandardNoHeaderBorder .ComponentHeaderImage {
    display: none;
}

.ComponentStyle_StandardNoHeaderBorder .ComponentHeaderTitle {
    color: #000000;
}

.ComponentStyle_StandardNoHeaderBorder .ComponentBodyTable {
    border: 1px solid #405767;
}

.TabComponentBodyTable {
}

.TabComponentMarginTop {
    margin-top: 15px;
}

/*END Standard Component Styles*/

/**************************************************************************
Gray Component Styles 
**************************************************************************/
/* Gray - Default */
.ComponentStyle_GrayDefault .ComponentHeaderTable {
    background-color: #CCCCCC;
    border: 1px solid #000000;
}

.ComponentStyle_GrayDefault .ComponentHeaderTitle {
    color: #000000;
}

/*Gray - Border*/
.ComponentStyle_GrayBorder .ComponentHeaderTable {
    background-color: #CCCCCC;
    border: 1px solid #000000;
}

.ComponentStyle_GrayBorder .ComponentHeaderTitle {
    color: #000000;
}

.ComponentStyle_GrayBorder .ComponentBodyTable {
    border: 1px solid #CCCCCC;
}

/*Gray - Border/FIll*/
.ComponentStyle_GrayBorderFill .ComponentHeaderTable {
    background-color: #CCCCCC;
    border: 1px solid #000000;
}

.ComponentStyle_GrayBorderFill .ComponentHeaderTitle {
    color: #000000;
}

.ComponentStyle_GrayBorderFill .ComponentBodyTable {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
}

/*Gray - Fill*/
.ComponentStyle_GrayFill .ComponentHeaderTable {
    background-color: #CCCCCC;
    border: 1px solid #000000;
}

.ComponentStyle_GrayFill .ComponentHeaderTitle {
    color: #000000;
}

.ComponentStyle_GrayFill .ComponentBodyTable {
    background-color: #EEEEEE;
}

/*Gray - NoHeader*/
.ComponentStyle_GrayNoHeader .ComponentHeaderTable {
    background-color: transparent;
}

.ComponentStyle_GrayNoHeader .ComponentHeaderImage {
    display: none;
}

.ComponentStyle_GrayNoHeader .ComponentHeaderTitle {
    color: #000000;
}

/*Gray - NoHeader/Border*/
.ComponentStyle_GrayNoHeaderBorder .ComponentHeaderTable {
    background-color: transparent;
}

.ComponentStyle_GrayNoHeaderBorder .ComponentHeaderImage {
    display: none;
}

.ComponentStyle_GrayNoHeaderBorder .ComponentHeaderTitle {
    color: #000000;
}

.ComponentStyle_GrayNoHeaderBorder .ComponentBodyTable {
    border: 1px solid #CCCCCC;
}

/*END Gray Component Styles*/

/**************************************************************************
Round Component Styles 
**************************************************************************/
/* Round - Default */
.ComponentStyle_RoundDefault .ComponentHeaderTable {
    /*background-color: #405767;*/
    background-color: #5f6a72;
}

.ComponentStyle_RoundDefault .ComponentHeaderImageLeft {
	vertical-align: top;
    display: inline;
}

.ComponentStyle_RoundDefault .ComponentHeaderImageRight {
	vertical-align: top;
    display: inline;
}

/*Round - Border*/
.ComponentStyle_RoundBorder .ComponentHeaderTable {
    /*background-color: #405767;*/
    background-color: #5f6a72;
}

.ComponentStyle_RoundBorder .ComponentHeaderImageLeft {
	vertical-align: top;
    display: inline;
}

.ComponentStyle_RoundBorder .ComponentHeaderImageRight {
	vertical-align: top;
    display: inline;
}

.ComponentStyle_RoundBorder .ComponentBodyTable {
    border: 1px solid #405767;
}

/*Round - Border/FIll*/
.ComponentStyle_RoundBorderFill .ComponentHeaderTable {
    /*background-color: #405767;*/
    background-color: #5f6a72;
}

.ComponentStyle_RoundBorderFill .ComponentHeaderImageLeft {
	vertical-align: top;
    display: inline;
}

.ComponentStyle_RoundBorderFill .ComponentHeaderImageRight {
	vertical-align: top;
    display: inline;
}

.ComponentStyle_RoundBorderFill .ComponentBodyTable {
    background-color: #EEEEEE;
    border: 1px solid #405767;
}

/*Round - Fill*/
.ComponentStyle_RoundFill .ComponentHeaderTable {
    /*background-color: #405767;*/
    background-color: #5f6a72;
}

.ComponentStyle_RoundFill .ComponentHeaderImageLeft {
	vertical-align: top;
    display: inline;
}

.ComponentStyle_RoundFill .ComponentHeaderImageRight {
	vertical-align: top;
    display: inline;
}

.ComponentStyle_RoundFill .ComponentBodyTable {
    background-color: #EEEEEE;
}

/*END Round Component Styles*/

/**************************************************************************
Special Component Styles 
**************************************************************************/
/* Special - Alert */
.ComponentStyle_SpecialAlert .ComponentHeaderTable {
    background-color: #FF3333;
}

.ComponentStyle_SpecialAlert .ComponentBodyTable {
    border: 1px solid #FF3333;
}

/*Special - Clear */
.ComponentStyle_SpecialClear .ComponentHeaderTable {
    background-color: transparent;
}

.ComponentStyle_SpecialClear .ComponentHeaderImage {
    display: none;
}

.ComponentStyle_SpecialClear .ComponentHeaderTitle {
    display: none;
}

/*Special - Clear Header/Border*/
.ComponentStyle_SpecialClearHeaderBorder .ComponentHeaderTable {
    background-color: transparent;
}

.ComponentStyle_SpecialClearHeaderBorder .ComponentHeaderImage {
    display: none;
}

.ComponentStyle_SpecialClearHeaderBorder .ComponentHeaderTitle {
    display: none;
}

.ComponentStyle_SpecialClearHeaderBorder .ComponentBodyTable {
    border: 1px solid #CCCCCC;
}

/*Special - Clear Header/Fill*/
.ComponentStyle_SpecialClearHeaderFill .ComponentHeaderTable {
    background-color: transparent;
    display: none;
}

.ComponentStyle_SpecialClearHeaderFill .ComponentHeaderImage {
    display: none;
}

.ComponentStyle_SpecialClearHeaderFill .ComponentHeaderTitle {
    display: none;
}

.ComponentStyle_SpecialClearHeaderFill .ComponentBodyTable {
    background-color: #EEEEEE;
}

/*Special - Notepad*/
.ComponentStyle_SpecialNotepad .ComponentHeaderTable {
    background-color: #FFFFCC;
}

.ComponentStyle_SpecialNotepad .ComponentHeaderTitle {
    color: #000000;
}

.ComponentStyle_SpecialNotepad .ComponentBodyTable {
    background-color: #FFFFCC;
}

/*END Special Component Styles*/

/**************************************************************************
Component Spacing Styles CSS 
**************************************************************************/
/*Top-Margin: None*/
.ComponentSpacing_None .ComponentMarginTop {
    display: none;
}

/*Top-Margin: 2x*/
.ComponentSpacing_2x .ComponentMarginTop {
    margin-top: 30px;
}

/*Top Margin: Default; Padding On*/
.ComponentSpacing_DefaultPadding .ComponentMarginTop {
    margin-top: 15px;
}

.ComponentSpacing_DefaultPadding .ComponentBodyArea {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Top-Margin: None; Padding On*/
.ComponentSpacing_NonePadding .ComponentMarginTop {
    display: none;
}

.ComponentSpacing_NonePadding .ComponentBodyArea {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Top Margin: 2x ; Padding On*/
.ComponentSpacing_2xPadding .ComponentMarginTop {
    margin-top: 30px;
}

.ComponentSpacing_2xPadding .ComponentBodyArea {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*END Spacing Styles*/

/**************************************************************************
Tabbed Component Styles CSS 
**************************************************************************/
/*Border*/
.TabComponentStyle_Border .TabComponentBodyTable {
    border: 1px solid #CCCCCC;
}

/*Solid*/
.TabComponentStyle_Solid .TabComponentBodyTable {
    background-color: #EEEEEE;
}

/*END Tabbed Component Styles*/

/**************************************************************************
Custom Layout Classes
**************************************************************************/
.Column1 {
    padding: 10px;
    width: 200px;
    vertical-align: top;
}

.Column2 {
    padding: 10px;
    vertical-align: top;
}

.Column2B {
    padding: 10px;
    vertical-align: top;
}

.Column3 {
    padding: 10px;
    width: 200px;
    vertical-align: top;
}

.FooterArea {
    padding: 10px;
}

.FooterText {
}

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

A.FooterText:hover {
}

.FooterText a:hover {
}

.LoginArea {
}

/*END Custom Layout Classes*/

/**************************************************************************
DHTML CSS 
**************************************************************************/
.DHTMLTree {
    background-color: #FFFFFF;
}

.DHTMLTreeEvenLine {
    background-color: #EEEEEE;
}

.DHTMLTreeForNetscape {
    width: 400px;
    height: 500px;
}

.DHTMLTreeTable {
    background-color: #FFFFFF;
    border-top: 0 solid #FFFFFF;
    width: 100%;
}

/*END DHTML*/

/**************************************************************************
Grid Control CSS 
*************************************************************************

.GridBreak {
    background-color: #EBEBEC;
    border-right: 1px solid #BBBDBE;
    font-size: 1px;
    padding: 0;
    width: 1px;
}

.GridHead {
    background-color: #DDDEDE;
    border-top: 1px solid #FFF;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
}

.GridHeadLabel, .GridHeadLabel:link, .GridHeadLabel:active, .GridHeadLabel:visited {
    color: #336699;
    text-decoration: none;
}

A.GridHeadLabel:hover {
    color: #336699;
    text-decoration: underline;
}

.GridHeadLabel a:hover {
    color: #336699;
    text-decoration: underline;
}

.GridHeadSort {
    background-color: #CFDAE5;
    border-top: 1px solid #FFF;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
}

.GridHeadSortLabel, .GridHeadSortLabel:link, .GridHeadSortLabel:active, .GridHeadSortLabel:visited {
    color: #336699;
    text-decoration: none;
}

A.GridHeadSortLabel:hover {
    color: #336699;
    text-decoration: underline;
}

.GridHeadSortLabel a:hover {
    color: #336699;
    text-decoration: underline;
}

.GridHeadTotal {
    background-color: #DDDEDE;
    border-top: 1px solid #FFF;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
    font-weight: bold;
}

.GridList {
    background-color: #FFF;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
}

.GridListSelected {
    background-color: #F2F2C2;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
}

.GridToolArea {
    background-color: #CFDAE5;
    border-top: 1px solid #FFF;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
}

.GridListTotal {
    background-color: #EBEBEC;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
    font-weight: bold;
}

.GridPageBarArea {
    background-color: #DDDEDE;
    border-top: 1px solid #FFF;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
}

.GridScrollArea {
    background-color: #EBEBEC;
    padding: 0;
    border-top: 1px solid #FFF;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
}

.GridScrollButton {
    font-size: xx-small;
    height: 2em;
    width: 2em;
}

.GridScrollHead {
    background-color: #DDDEDE;
    border-top: 1px solid #FFF;
    border-right: 1pt solid #BBBDBE;
    border-bottom: 1pt solid #BBBDBE;
}

.GridScrollLabel {
}

.GridTable {
    border-left: 1pt solid #BBBDBE;
    border-top: 1pt solid #BBBDBE;
}
/*Used by Simple Grid Control to set the background of  a new row
.ALDNewSetItemRow {
	background-color: #CFDAE5;
}
/*Used by Simple Grid Control to set the background of  an existing editable row
.ALDSetItemRow {
	background-color: #FFF5E0;
}
*/
/**************************************************************************
Rich Text Editor CSS
**************************************************************************/
.RichTextEditor {
    width: 100%;
    border: inset;
    height: 100%;
    border-width: 2px;
    background-color: white;
    overflow: auto;
}

.SourceEditor {
    width: 100%;
    display: block;
    overflow: auto;
}

.RichTextEditorButton {
    border-style: outset;
    border-width: thin;
    cursor: pointer;
    vertical-align: bottom;
}

.RichTextEditorColorMenu {
    display: none;
    position: absolute;
    border: 1px solid black;
}

/*END Rich Text Editor */

/* CKEditor CSS */
.marker {
	background-color: yellow;
}

/**************************************************************************
Folder Layout Editor DHTML Menu CSS
**************************************************************************/
A.DHTMLmenu {
    width: 175px;
    color: #000000;
}

A.DHTMLmenu:hover {
    text-decoration: none;
    background-color: #CBDCED;
    border-width: 1px 1px;
    border-style: solid;
    border-color: #000000;
    display: inline-block;

}

.DHTMLmenu a:hover {
    text-decoration: none;
    background-color: #CBDCED;
    border-width: 1px 1px;
    border-style: solid;
    border-color: #000000;
    display: inline-block;

}

/* END Layout Editor DHTML Menu */
.MenuTableCellHover {
    text-decoration: none;
    background-color: #CBDCED;
    /*border-width: 1px 1px;
    border-style: solid;
    border-color: #000000;*/
    cursor: pointer;
    /*display:inline-block;*/
}

/**************************************************************************
Component Flyout Menu CSS
**************************************************************************/
.ToolTip {
    text-Indent: 2pt;
    text-align: justify;
    background-color: #FFFFFF;
    visibility: hidden;
    left: 0;
    z-index: 1;
    position: absolute;
    overflow: auto;
    width: 130px;
}

.ToolTipShow {
    width: 130px;
    text-align: justify;
    position: absolute;
    z-index: 1;
}

/* END Component Flyout Menu */

/**************************************************************************
View Editor CSS
**************************************************************************/
#_btnAddRegion{
	border-radius: 3px 3px 3px 3px;
	border-top : 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-bottom: 2px solid #4D4D4D;
	border-right: 2px solid #4D4D4D;
}

#_btnAddAttribute{
	border-radius: 3px 0px 0px 3px;
	border-top : 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-bottom: 2px solid #4D4D4D;
	border-right: 1px solid #4D4D4D;
}

#_btnAddAttributeMenu{
	border-radius: 0px 3px 3px 0px;
	border-top : 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-bottom: 2px solid #4D4D4D;
	border-right: 2px solid #4D4D4D;
}

/* - Entity type navigator attribute selected */
.ViewEditorNavAttrSelected {
    color: #000000;
    background-color: #CBDCED;
}

/* - Design-time attribute layout description container cell */
.ViewEditorDtAldContainerCell {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

/* - Design-time attribute layout description container */
span.ViewEditorDtAldContainer {
    border: 1px solid #808080;
    padding: 2px;
    display: inline-block;
}

div.ViewEditorDtAldContainer{
    border: 1px solid #808080;
    padding: 2px;
}

/* - Attribute layout description caption selected */
.ViewEditorAldCaptionSelected {
    background-color: #F5F5DC;
}

/* - Attribute layout description control */
.ViewEditorAldControl {
    cursor: default;
}

/* - Design-time region layout description container */
.ViewEditorDtRldContainer {
    max-width: 600px;
    width:  auto;
	overflow: hidden;
	white-space: nowrap;
    border: 3px solid #808080;
    padding: 10px;
}

/* - Region layout description content */
.ViewEditorRldContent {
    border: 1px solid #808080;
    height: 100%;
    width: auto;
    padding: 5px;
    overflow: auto;
}

/* - Design-time attribute layout description read-only caption */
.ViewEditorDtAldReadOnlyCaption {
    background-color: #F0F0F0;
    padding-right: 1px;
}

/* - Popup menu highlight */
.ViewEditorPopupMenuHighlight {
    background-color: #CBDCED;
    border-color: #00008B;
}

/* - Caption field for property dialog */
.ViewEditorPropDlgCaptionField {
    border-bottom: 1px solid #D4D0C8;
    border-right: 1px solid #D4D0C8;
    border-left: 2px inset #A0A0A0;
    border-top: 2px inset #A0A0A0;
    overflow: auto;
    width: 100%;
    margin-right: 1px;
}

.ViewEditorDtOverlay {
	position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

/* "Required" classes used by views */
.RequiredCell {
    padding-right: 0;
    padding-left: 0;
}

.RequiredSpan {
    font-weight: bold;
    color: #FF3333;
    padding-left: 0;
}

/* Classes for the view set control */

.ViewSetToolArea {
	background-color: #F2F2F2;
	border-bottom: 1px solid #FFF;
	padding: 0.25em 0.5em 0.15em;
}

.ViewSetChooserField {
    width: 300px;
}

.ViewSetTableHeader {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #DDDEDE;
}

/* - Message area in the property dialog */
.ViewEditorPropDlgMsgArea {
    position: absolute;
    left: 10px;
    bottom: 10px;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 2px outset #eee;
    border-bottom: 2px outset #eee;
    padding: 4px;
    background-color: #ffc;
    text-align: left;
}

/* Design-time rich text control */
.ViewEditorRichTextToolbar {
	height: 25px;
	background-image: url(Images/richedit/CKEditorGradientTop.png);
	background-repeat: repeat-x;
	text-align: right;
	border: 1px solid #B6B6B6;
}
.ViewEditorRichTextCenter {
	border-left: 1px solid #B6B6B6;
	border-right: 1px solid #B6B6B6;
}
.ViewEditorRichTextBottomBar {
	height: 26px;
	background-image: url(Images/richedit/CKEditorGradientBottom.png);
	background-repeat: repeat-x;
	text-align: right;
	border: 1px solid #B6B6B6;
}
.ViewEditorConditionalDisplayContainer{
	border-color: #8DBE65;
	border-width:2px;
	background-color: #C1E4A7;
}
.DownArrow {
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: #cccccc;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    box-shadow: 1px 2px 15px #cccccc;
}

/* END View Editor */

/**************************************************************************
RM Console Sidebar CSS
**************************************************************************/

.RMNavFastFindStatusPanels {
    height: 3em;
    line-height: 3em;
    text-align: right;
}

.RMNavFastFindSearchPanel > #btnSearch {
	margin-right: 0px;
}

.RMNavFastFindBusyPanel {
	display: none;
    background: url(Images/icons/busy.gif) right center no-repeat;
    padding-right: 22px; /* 16px icon width + 6px padding */
    font-style: italic;
    color: #767a7d;
}

/* END RM Console Sidebar CSS */

/**************************************************************************
View Differences CSS
**************************************************************************/
.DifferenceArea {
    background-color: #EEDDDD;
    border-left: 5px solid #CC9999;
    border-right: 1px solid #CC9999;
    border-top: 1px solid #CC9999;
    border-bottom: 1px solid #CC9999;
    margin-top: 5px;
    padding: 10px;
}

.DiffResult-Delete, .DiffResult-Replace-Source {
    text-decoration: line-through;
    background-color: #F66;
}

.DiffResult-Insert, .DiffResult-Replace-Dest {
	font-weight: bold;
	font-style: italic;
    background-color: #0F0;
}

.DifferenceDetailWrapper {
    margin-top: 5px;
}

.DifferenceNoteBar {
    background-color: #EEDDDD;
    border-left: 5px solid #CC9999;
    border-right: 1px solid #CC9999;
    border-top: 1px solid #CC9999;
    border-bottom: 1px solid #CC9999;
    padding: 3px;
    font-weight: bold;
}

.DifferenceDetail {
    background-color: #FFF;
    border-left: 5px solid #CC9999;
    border-right: 1px solid #CC9999;
    border-top: none;
    border-bottom: 1px solid #CC9999;
}

.DifferenceDetailLabelCell {
    text-align: right;
    vertical-align: top;
    width: 1%;
    white-space: nowrap;
    padding: 3px;
}

.DifferenceDetailValueCell {
    vertical-align: baseline;
    padding: 3px;
}

.DifferenceExpansionToggle {
    vertical-align: middle;
    margin-right: 3px;
    cursor: pointer;
}

.DifferenceDataFormLink {
    vertical-align: top;
    margin-left: 6px;
    border: 0;
}

.DifferenceDataFormHeading {
    background-color: #eee;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

/* Used by PropertyChangeTrackingDetail.v3.xsl */
.DiffsInMarkupOnlyBox {
    display: inline-block;
    float: left; /* For IE <= 7 because inline-block doesn't render correctly in this case */
    margin-top: 0.5em;
    padding: 0.25em;
    background-color: #FFC;
    white-space: nowrap;
}

/* Used by view control */
.DiffsInMarkupOnlyBoxVC {
    padding: 0.25em;
    background-color: #FFC;
    white-space: nowrap;
}

/*Rules based visibility shown in view differences*/
/* Used by hidden attributes */
.DiffsInAttributeHidden {
    border: 1px solid #808080;
    background-color: #c0c0c0;
}

/* Used by visible attributes */
.DiffsInAttributeVisibility {
    border: 1px solid #808080;
    background-color: #FFFFFF;
}

span.DiffsInAttributeHidden, span.DiffsInAttributeVisibility{
	display: inline-block;
}

/* Used by hidden region */
.DiffsInRegionHidden {
    border: 1px solid #808080;
    background-color: #c0c0c0;
}

/* Used by visible region */
.DiffsInRegionVisibility {
    border: 1px solid #808080;
    background-color: #FFFFFF;
}

/* Used by attr or region visibility change description area */
.DiffsInAttrOrRegionState {
    height: 20px;
    width: 110px;
    border: 1px solid #808080;
    background-color: #FFFFFF;
}


/**************************************************************************
Source Control Integration 
**************************************************************************/
.SourceControlMessage {
    font-weight: bold;
    color: red;
}

/**************************************************************************
Project Validation 
**************************************************************************/
.ErrorList {
    color: red;
    border-top: 1pt solid #CCCCCC;
}

.WarningList {
    border-top: 1pt solid #CCCCCC;
}

.HiddenDataList {
    border-top: 1pt solid #CCCCCC;
}

.HiddenDataAsErrorList {
    color: red;
    border-top: 1pt solid #CCCCCC;
}

/*************************************************************************************
CSS used by the Project methods getSmartFormIconLink() and getSmartFormIconPopupLink().
Also used by the ProjectView component when the SmartForm link icon option is enabled.
**************************************************************************************/

.smartFormIconLink, A.smartFormIconLink:hover, .smartFormIconPopupLink, A.smartFormIconPopupLink:hover {
    background: url(Images/icons/smartForm.gif) center center no-repeat;
    padding-right: 16px; /* The width of the icon */
    text-decoration: none;
}

.smartFormIconLink a:hover {
    background: url(Images/icons/smartForm.gif) center center no-repeat;
    padding-right: 16px; /* The width of the icon */
    text-decoration: none;
}

/*************************************************************************
SC00005596: CSS used to visually distinguish the text for a selected radio button and checkboxes
**************************************************************************/
TR#ALDSelectedRow td {
    font-weight: bold;
}

/*************************************************************************
 CSS used to visually distinguish the different activity type groups
 **************************************************************************/
.ActivityTypeGroupLegend {
    font-weight: bold;
    white-space: nowrap; /* This style is very important or else the group name gets clipped of if the width of the component is not as much as the group name  So please do make sure that when you override this class this style is till present. */
}

.ActivityTypeGroup {
    margin-bottom: 1em;
}

.ActivityTypeGroup td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.ActivityTypeGroup tr:not(:last-of-type) > td {
	border-bottom: 1pt solid #ccc;
}

/*************************************************************************
 CSS used to visually border around a group with legends
 **************************************************************************/
.GroupDisplayLegend {
    font-weight: bold;
    white-space: nowrap; /* This style is very important or else the group name gets clipped of if the width of the component is not as much as the group name  So please do make sure that when you override this class this style is till present. */
}

.GroupWithBorder {
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
}

/**************************************************************************
Project Print CSS

When the Print Project (aka "Print Friendly") page renders, the Views are
set to read-only, which causes the controls to render as disabled.  When you
physically print disabled radio buttons and checkboxes, many printers print
them so faintly, they cannot be seen.  The View controls for Set and Entity
Reference now have two form controls that are rendered when in read-only mode:
one for the screen (disabled) and one for printing (enabled).  These form
controls have these CSS classes tagged on them.  When painted on the screen,
the "media screen" classes apply and the disabled control (ALDForScreen) is
visible and the enabled control (ALDForPrint) is invisible.  When sent to the
printer, the "media print" classes apply and the roles are reversed.

Fixed as part of SC00002355.
**************************************************************************/
@media print {
    .ALDForPrint {
        display: inline;
    }

    .ALDForScreen {
        display: none;
    }
    
    .ALDForScreen + Label.ReplaceWithIcon {
    	display: none;
    }
}

@media screen {
    .ALDForPrint {
        display: none;
    }

    .ALDForPrint + Label.ReplaceWithIcon {
    	display: none;
    }

    .ALDForScreen {
        display: inline;
    }    
}

div.ProjectPrint_OuterPage {
	width: 7in;
}

div.ProjectPrint_ViewPageBreak:not(:last-child) {
	page-break-after: always;
}

div.ProjectPrint_SectionPageBreak:not(:last-child) {
	page-break-after: always;
}

div.ProjectPrint_Banner {
	background-color: #BBBDBE;
}

.ProjectPrint_Heading {
	background-color: #EEEEEE;
}

div.ProjectPrint_HiddenDataHeading {
	background-color: #BBBDBE;
	margin-top: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	margin-bottom: 0.5em;
}

div.ProjectPrint_HiddenDataHeading:empty {
	padding: 0;
}

div.ProjectPrint_HiddenDataHeadingPageBreak {
	page-break-before: always;
}

/** Greybox Overlay CSS **/
/** Original CSS can be found in /Scripts/greybox/ **/

.GB_overlay {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.GB_window {
    top: 10px;
    left: 0;
    position: absolute;
    background: #fff;
    border: 5px solid #aaa;
    overflow: auto;
    width: 400px;
    height: 400px;
    z-index: 150;
}

.GB_frame {
    border: 0;
    overflow: auto;
    width: 100%;
    height: 378px;
}

.GB_caption {
    font: 12px bold helvetica, verdana, sans-serif;
    color: #fff;
    background: #888;
    padding: 2px 0 2px 5px;
    margin: 0;
    text-align: left;
}

.GB_closebutton {
    position: absolute;
    top: 2px;
    right: 5px;
    cursor: pointer;
    background-image: url(Scripts/jQuery/Plugins/greybox/close.gif);
    background-repeat: no-repeat;
    width: 81px;
    height: 15px;

}

/**************************************************************************
jsonSuggest Library
**************************************************************************/
table.jsonSuggestResults {
    position: absolute;
    border: 1px solid #CCC;
    z-index: 1;
    cursor: pointer;
}

table.jsonSuggestResults th {
    padding: 3px;
    font-weight: normal;
    text-align: left;
    background-color: #DDDEDE;
}

table.jsonSuggestResults th.sortColAsc {
    background: #CFDAE5 url(Mainspan/ResultSetView/sorting_arrow_up.gif) 2px center no-repeat;
    padding-left: 17px;
}

table.jsonSuggestResults th.sortColDesc {
    background: #CFDAE5 url(Mainspan/ResultSetView/sorting_arrow_down.gif) 2px center no-repeat;
    padding-left: 17px;
}

table.jsonSuggestResults td {
    padding: 3px;
    border-top: 1pt solid #CCCCCC;
}

table.jsonSuggestResults tr.resultItem.odd {
    background-color: #FFFFFF;
}

table.jsonSuggestResults tr.resultItem.even {
    background-color: #FFFFFF;
}

table.jsonSuggestResults tr.resultItem.hover {
    background-color: #F2F2C2;
}

table.jsonSuggestResults tr.resultItem strong {
    font-weight: bold;
    text-decoration: underline;
}

span.jsonSuggestBusyIndicator {
    display: none;
    position: absolute;
    width: 16px;
    margin-left: -20px;
    background: url(Images/icons/busy.gif) no-repeat center center;
}

td#ViewSetChooserCell span.jsonSuggestBusyIndicator {
    margin-left: -24px;
}

span.jsonSuggestResultIndicator {
    display: none;
    position: absolute;
    margin-left: -50px;
    font: italic 8pt Arial;
}

td#ViewSetChooserCell span.jsonSuggestResultIndicator {
    margin-left: -54px;
}
/**************************************************************************
DHTML Drop Layout Classes
**************************************************************************/
.dropLayoutWrapper {
    z-index: 50;
    position: absolute;
    display: none;
    background-color:rgba(255,255,255,0);
}

.dropLayoutBody {
    overflow: auto;
    width: auto;
    border: 1px solid black;
    text-align: left;
    box-shadow: 10px 5px 5px gray;
    background-color:rgba(255,255,255,1);
}

/**************************************************************************
busyBox classes (jQuery plugin)
**************************************************************************/
div.busyBoxOverlay {
    position: absolute;
    z-index: 50;
    display: none;
    background-color: #fff;
    cursor: wait;
}

div.busyBox {
	visibility: hidden;
    position: absolute;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    box-shadow: 4px 4px 4px #bababa;
    padding: 1em;
    text-align: center;
    background-color: #fff;
    z-index: 51;
    cursor: wait;
}

div.busyBox span.message {
    padding-left: 22px;
    background: #fff url(Images/icons/busy.gif) no-repeat left center;
    font-size: 12pt;
}

/** The following 2 line are used to display iFrames as 100% height and width in HTML5 **/
#ClickPortal_Wrap {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
}

#ClickPortal_Iframe {
    display: block;
    width: 100%;
    height: 100%;
}

/**************************************************************************
password strength check classes
**************************************************************************/
.pwdChkMeter {
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    width: 310px;
    border: 0;
    height: 20px;
    background-color: #FFF;
}

.pwdChkMeter span {
    font-size: 80%;
}

.pwdChkStrLvl0 {
    background-color: #EBEBEB;
    border-right: solid 1px #BEBEBE;
    border-bottom: solid 1px #BEBEBE;
    text-align: center;
}

.pwdChkStrLvl1 {
    background-color: #FF4545;
    border-right: solid 1px #BB2B2B;
    border-bottom: solid 1px #BB2B2B;
    text-align: center;
}

.pwdChkStrLvl2 {
    background-color: #FFD35E;
    border-right: solid 1px #E9AE10;
    border-bottom: solid 1px #E9AE10;
    text-align: center;
}

.pwdChkStrLvl3 {
    background-color: #3ABB1C;
    border-right: solid 1px #267A12;
    border-bottom: solid 1px #267A12;
    text-align: center;
}

.pwdChkStrLvl4 {
    background-color: #3ABB1C;
    border-right: solid 1px #267A12;
    border-bottom: solid 1px #267A12;
    text-align: center;
}

/***************************************************************************************************************
jQuery Expander plugin class
The read more/less link for activities with notes in a project log component uses the jquery expander plugin.
The expander object is a <span> tag with class 'ExpanderReadMoreText/ExpanderReadLessText' applied to it. 
The span tag then contains <a> tag which appears as a hyper link.
To customize the look and feel of it you can either override the 'ExpanderReadMoreText/ExpanderReadLessText' class.
Styles on this class are applied towards the <span> tag.
Alternatively you can write a selector similar to the one below where the <a> tag within a span tag is targeted 
and styling is applied directly on it.
*****************************************************************************************************************/

.ExpanderReadMoreText a {
    font-weight: bold;
    padding-right: 18px;
    background: url(Images/icons/downarrow_nav_blue.gif) right no-repeat;
}

.ExpanderReadLessText a {
    font-weight: bold;
    padding-right: 18px;
    background: url(Images/icons/uparrow_nav_blue.gif) right no-repeat;
}

/* Content Search Component ***********************************************************************************/

.ContentSearchView_SearchArea { 
	color: #405767; 
}

.ContentSearchView_SearchAreaShadow { 
	box-shadow: 0 8px 8px -6px #bdd4df; 
	margin-bottom: 10px;
} 

.ContentSearchView_SearchTextBox { 
	width: 400px;
	margin-right: 0;
}
	
.ContentSearchView_GoButton { 
	color: #405767; 
	outline: none;
	background-color: transparent; 
	padding-top: .5em;
	padding-bottom: .5em;
	font-size: 15pt; 
	cursor: pointer;
	border: 0 none; 
	text-align: left;
	border-radius: 0 15px 15px 0;
	position: relative;
	left: -45px;
	top: 1px;
}

.ContentSearchView_ScopeExtraInfoSeparator { 
	font-weight: bold; 
}

.ContentSearchView_AdvancedSearchLabel { 
	line-height:30px; 
	font-size: 14pt; 
	font-weight: bold; 
	color: #405767; 
}

.ContentSearchView_SearchResultBlock { 
	padding:10px;
	border-width: 0 0 1px 0; 
	border-style: solid; 
	border-color: #d8d8d8;
	border-image: linear-gradient(to right, #bababa, #ffffff 90%) 100% 0;
}

.ContentSearchView_ResultTitleLink { 
	font-size: 11pt; 
}

.ContentSearchView_ResultTable { 
	margin-top: 3px; 
	color: #405767
}

.ContentSearchView_DetailsLabel { 
	font-weight: bold; 
	color: #888888; 
}

.ContentSearchView_NoResultMessage { 
	padding:20px; 
	font-weight:bold; 
	text-align:left;
}

.ContentSearchView_CompleteMessage { 
	padding:20px; 
	font-weight:bold; 
	text-align:left;
}
	
.ContentSearchView_Mini_SearchTextBox { 
	background-color: transparent; 
	vertical-align: middle; 
	width:185px; 
	margin: 3px 0 0px 5px; 
}

.ContentSearchView_Mini_AdvancedSearchLabel { 
	line-height:20px; 
	font-size: 12pt; 
	font-weight: bold; 
}

.ContentSearchView_Mini_GoButton {
	color: #405767;
	background-color: transparent; 
	cursor: pointer;
	padding: 0 0 0 0;
	border: 0 none; 
	text-align: center;
	position: relative;
	left: -30px;
	top: 1px;
}	
	
.ContentSearchView_Mini_ResultTitleLink { 
	font-size: 10pt; 
}

.ContentSearchView_Mini_SearchResultBlock { 
	padding:5px; 
}
	
.ContentSearchView_Detached_ResultsArea { 
	z-index: 50; 
	position: fixed; 
	display: none;  
	border: 1px solid black; 
	text-align: left;
	background-color: white; 
}

.ContentSearchView_SelectedItem { 
	border: 2px solid #bdd4df; 
	box-shadow: 0 0 15px #bdd4df inset; 
	border-radius: 6px 6px 6px 6px;
} 

.ContentSearchView_PopupCloseButton {
	margin: 5px; 
	cursor: pointer;
}
	
.GrayoutOverlay { 
	position: fixed; 
	z-index: 10; 
	top: 0; 
	left: 0; 
	background-color: #000;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6; 
	height: 100%; 
	width: 100%;
}

/**************************************************************************
Drag and Drop file Uploads
**************************************************************************/

/* Html 5 progress bar*/
/* IE10 */
fileUploadProgressBar {
    color: #e8970c;
    height:13px;
    border:0px;
}

/* Firefox */
fileUploadProgressBar::-moz-progress-bar { 
    background: #e8970c;  
    height:13px;
}

/* Chrome */
fileUploadProgressBar::-webkit-progress-value {
    background: #e8970c;
    height:13px;
}

.dropZone
{
	
}

.activeDropZone
{
	outline: 2px dashed gray;
	background-color: #d1e1e9;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.fileUploadProgressTable
{
	background: #405767;
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border: 2px solid black; 
	padding: 5px;
}

.fileUploadProgressTable tr
{
	background-color: #ede7d6;
}

.fileUploadProgressTable td
{
	height: 30px;
	margin: 2px;
}

.fileUploadProgressTableHeader tr
{
	background-color: #405767;
	valign: top;
}

.dragAndDropHint
{
	display: none;		
 	color: #e8970c;
	background: transparent;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius: 3px;
    white-space: nowrap;
}

.RoomComponent .dragAndDropHint
{
	margin-top: 1.3em;
 }

.hintpointer
{
    position: absolute;
	border-top: 21px solid transparent;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
}
 
.cancelFileUploadLink
{
}

.fileUploadSuccess
{
	color: green;
}

.fileUploadCancelled
{
	color: red;
}


/**************************************************************************
Conditional Display
**************************************************************************/

@-webkit-keyframes showViewAsset {
  0%  { opacity: 0; }
  20% { background:#d1e1e9; }
  60% { opacity: 1; }
  75% { background:#d1e1e9; }
}
@keyframes showViewAsset {
  0%  { opacity: 0; }
  20% { background:#d1e1e9; }
  60% { opacity: 1; }
  75% { background:#d1e1e9; }
}
.showViewAsset {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: showViewAsset;
          animation-name: showViewAsset;
}

@-webkit-keyframes hideViewAsset {
  5%   { background:#d1e1e9; }
  20%  { opacity: 1; }
  80%  { background:#d1e1e9; }
  100% { opacity: 0; }
}
@keyframes hideViewAsset {
  5%   { background:#d1e1e9; }
  20%  { opacity: 1; }
  80%  { background:#d1e1e9; }
  100% { opacity: 0; }
}
.hideViewAsset {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: hideViewAsset;
          animation-name: hideViewAsset;
}

@-webkit-keyframes updateViewAsset {
  20% { background:#d1e1e9; }
  60% { background:#d1e1e9; }
}
@keyframes updateViewAsset {
  20% { background:#d1e1e9; }
  60% { background:#d1e1e9; }
}
.updateViewAsset {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: updateViewAsset;
          animation-name: updateViewAsset;
}

.showViewAsset,
.hideViewAsset,
.updateViewAsset {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


/**************************************************************************
dialog.js
**************************************************************************/

.dialog-no-header .ui-dialog-titlebar { display:none; }


/**************************************************************************
Version Tables - Utilities/ShowBuildNumber
**************************************************************************/
.VersionTable 
{ 
	width: 100%; 
}

.VersionTable th,
.VersionTable thead td 
{ 
	background-color: #ccc; 
	text-align: left; 
	padding: 2px; 
	font-weight: bold; 
}

.VersionTable td 
{ 
	background-color: 
	#eee; 
	padding: 2px;
}


/**************************************************************************
Integration settings pages
**************************************************************************/

.publishedCpipItem
{
	background-color: #d1e1e9;
}

.fadeInStatusMessage
{
	display: none;
	position:fixed; 
	bottom:20px; 
	right: 20px; 
	border:2px solid black; 
	padding:5px; 
	background-color:#405767; 
	color: #fff;	
    -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;
}
.fadeInStatusMessage > h4 {
	color: #fff;	
}

.peerViewColumn
{
	vertical-align: top;
}

.peerviewItem
{
	margin-left: 10px;
	margin-right: 70px;
	white-space: nowrap;
}

.peerViewHeader
{
	text-align: left;
	font-size: large;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.peerViewContainer 
{ 
	border: none; 
	border-collapse: collapse; 
}

.peerViewContainer td 
{ 
	border-left: 1px solid #bdd4df; 
}

.peerViewContainer td:first-child 
{ 
	border-left: none; 
}

.peerViewContainer th 
{ 
	border-left: 1px solid #bdd4df; 
}

.peerViewContainer th:first-child 
{ 
	border-left: none; 
}

.peerViewContainer .secondColumn 
{ 
	border-left: none; 
}

.MenuLinks {
	display: block;
	text-align: right;
	padding-right: .3em;
	padding-top: .5em;
}

.MenuLinks A:before {
    margin: .3em; 
}

/* Account Dropdown *****************************************************/
.AccountDropdown {
	padding-right: 1em;
	font-weight: bold;
	cursor: pointer;
}

.AccountDropdownContents {
	align: left;
	background-color: #20323f;
	color: white;	
}

.AccountDropdownContents > A {
	text-align: left;
	padding-top: .1em;
	padding-bottom: .1em;
	padding-left: .5em;
	padding-right: .5em;
	text-decoration: none;
	display: block;
	color: white;	
}

.AccountDropdown span {
	padding-left: .3em;
}

.AccountDropdownContents > A:link {
	color: white;	
}

.AccountDropdownContents > A:visited {
	color: white;	
}

.AccountDropdownContents > A:hover {
	background-color: #354a58;
	color: #bed4df;	
}

.AccountDropdownIcon {
	display: inline-block; 
	width: 1.5em; 
}


/**************************************
Global Navigation
**************************************/
.TobBarUpperBorder {
	width: 100%;
	height: 4px;
	border-bottom: 1px solid white;
	background-Color: #405767;
}

.GlobalNavigation {
    border-bottom: 1px solid white;
    box-shadow:  0px 3px 5px #bababa;
}

.HeaderMajorTabRow {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid white;
}
/* changed #414A4C to #5F6A72 to match Rutgers Guidelines; */
.HeaderMajorTabRow > .HeaderTabContents > a, .HeaderTabContents > .Filler,  {
background-color: #353839!important;
border-bottom: 1px solid #bed4df;
}
.HeaderMajorTabRow A:not(.TransparentButton), .HeaderMajorTabRow .Filler, .HeaderMajorTabRow {
	background: #5F6A72; /* RU guidelines; */
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.Button, .Button2, .button2 {
background: linear-gradient(#5F6A72, #555555); /* RU guidelines; */
}
.HeaderTabContents {
    display: table;
    margin: auto;
    width: 90%;
    min-width: 982px;
    height: 100%;
    border-collapse: collapse;
}

NAV[SessionExpirationDialog] .HeaderTabContents {
    min-width: 0;
}

/*.HeaderMajorTabRow .HeaderTabContents A, .HeaderMajorTabRow .HeaderTabContents .Filler{
    display: table-cell;
    color: #FFFFFF !important;
    font-family: RobotoSlab, serif;
    font-size: 15pt;
    border-right: 1px solid white;
    border-left: 1px solid white;
    padding: .2em 1em;
	text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
}*/

/*new*/
.HeaderMajorTabRow > .HeaderTabContents > a, .HeaderTabContents > .Filler,  {
background-color: #353839!important;
border-bottom: 1px solid #bed4df;
}

/*.HeaderMajorTabRow .HeaderTabContents A:hover, .HeaderMajorTabRow .HeaderTabContents A:focus  {
    color: #d1e1e9  !important;
}*/
/*new*/
.HeaderMajorTabRow > .HeaderTabContents > a:hover, .HeaderMajorTabRow .HeaderTabContents A:focus  {
color: whitesmoke!important;
border-bottom: 1px solid #353839;
}
/*
.HeaderMajorTabRow .HeaderTabContents A.Selected {
    background-color: #bed4df;
    color: #405767  !important;
    border-bottom: 1px solid #bed4df;
}*/
/*new*/
.HeaderMajorTabRow > .HeaderTabContents > a.Selected {
color: white!important;
background-color: #cc0033!important;
border-bottom: 1px solid #cc0033;
}

/*
.HeaderMajorTabRow .HeaderTabContents A.Selected:hover, .HeaderMajorTabRow .HeaderTabContents A.Selected:focus {
    color: #20323f;
}
*/
/*new*/
.HeaderMajorTabRow > .HeaderTabContents > a.Selected:hover .HeaderMajorTabRow .HeaderTabContents A.Selected:focus{
 border-bottom: 1px solid #cc0033;
}

.HeaderMajorTabRow .HeaderTabContents .OverFlowLink {
	padding-left: .5em; 
	padding-right: .5em; 
    width: 2em;
    text-align: center;
    min-width: 0;
}

.HeaderMajorTabContentsOverflow {
	border: solid 1px #20323f !important; /*override default droplayout border*/
    background-color: #20323f;
    color: white;
}

.HeaderMajorTabContentsOverflow A  {
    color: white !important;
     /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
    font-size: 15pt;
    display: block;
    height: 2em;
    border: 0 0 0 0;
    cursor: pointer;
}

.HeaderMajorTabContentsOverflow A:hover, .HeaderMajorTabContentsOverflow A:focus {
    color: #d1e1e9 !important;
    background: #cc0033;
    
}

.HeaderMajorTabContentsOverflow A.Selected {
    color: #bed4df;
}

.HeaderMajorTabContentsOverflow A.Selected:before {
    font-family: FontAwesome;
    content: "\f0da";
}

.HeaderMajorTabRow .HeaderTabContents .Filler{
	width: 50%;
    border-right: 0px solid white;
    border-left: 0px solid white;
    cursor: default;
}

/*  Minor row */
.HeaderMinorTabRow {
	padding-top: .5em;
    background-color: #bed4df;
    width: 100%;
    height: 2.5em;
    margin: 0 auto;
    background: gainsboro!important;
}

.HeaderMinorTabRow .HeaderTabContents {
	padding-top: 2em;
}

.HeaderMinorTabRow .HeaderTabContents A, .HeaderMinorTabRow .HeaderTabContents .Filler{
    display: table-cell;
    font-family: 'Arial', serif;
    font-size: 14pt;
    color: #405767;
    padding: .2em 1.5em;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

.HeaderMinorTabRow .HeaderTabContents A.Selected {
    height: 100%;
    text-align: center;
    color: #20323f;
    cursor: pointer;
    padding: 0 1em;
}

.HeaderMinorTabRow .HeaderTabContents A:hover, .HeaderMinorTabRow .HeaderTabContents A:focus {
    color: #20323f;
}

.HeaderMinorTabRow .HeaderTabContents A:hover:after, .HeaderMinorTabRow .HeaderTabContents A:focus:after {
    line-height: .5em;
	color: #20323f;
	position: relative;
	display: block;
	font-family: FontAwesome;
    content: "\f106";
}

.HeaderMinorTabRow .HeaderTabContents A.Selected:after {
    line-height: .5em;
	color: #20323f;
	position: relative;
	display: block;
	font-family: FontAwesome;
	content: "\f0d8";
}

.HeaderMinorTabRow .HeaderTabContents .OverFlowLink {
    text-align: left;
	padding-left: .5em; 
	padding-right: .5em; 
	width: 99%;
}

.HeaderMinorTabRow .HeaderTabContents .OverFlowLink:hover:after {
    content: none;
}

.HeaderMajorTabRow .HeaderTabContents A.BreadCrumbOpener {
	padding: 0 .5em 0 .5em;
}

.HeaderMajorTabRow .HeaderTabContents A.BreadCrumbOpener:hover:after {
    content: none;
}

.HeaderMinorTabRow .HeaderTabContents .OverFlowLink A:hover:after {
    content: none;
}

.HeaderMinorTabContentsOverflow {
	/*background-color: #cedee7;*/
	background-color: #5f6a72;
	color: #405767;
}

.HeaderMinorTabContentsOverflow A {
    font-size: 14pt;
    color: #405767;
	display: block;
	height: 2em;
	border: 0 0 0 0;
	cursor: pointer;
}

.HeaderMinorTabContentsOverflow A:hover, .HeaderMinorTabContentsOverflow A:focus {
	color: #20323f;
}

.HeaderMinorTabContentsOverflow A.Selected {
	color: #20323f;
}

.HeaderMinorTabContentsOverflow A.Selected:before {
    font-family: FontAwesome;
    content: "\f0da   ";
}

.HeaderMinorTabRow .HeaderTabContents .Filler{
	width: 99%;
    border-right: 0px solid white;
    border-left: 0px solid white;
    cursor: default;
}

/**************************************************************************
New Navigation Tab Control CSS
**************************************************************************/
div.NavigationTabArea {
	min-height: 20em;
	border-top: 0px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-image: linear-gradient(to bottom, #bababa, #ffffff 50%) 0 100%;
	box-shadow: 0px -4px 2px -1px #bababa;
}

table.NavigationTabArea {
	border-top: 0px solid black;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	box-shadow: 0px -4px 2px -1px #bababa;
}

.NavigationTabControl {
	display: table;
	border-collapse: collapse;
	width: 100%;
	margin: 0 0.2em 0.2em 0;
}

.NavigationTabControl a, td.TabOn, td.TabOff {
	background: #cedee7;
	display: table-cell;
	color: #405767 !important;
	text-align: center;
	vertical-align: middle;
	border: 0 solid white;
	border-top: 0 solid #cedee7;
	border-width: 0 1px 0 1px;
	white-space: nowrap;
	text-decoration: none;
	padding: 0.5em 1.5em;
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
	font-size: 11pt;
}

table.NavigationTabArea a {
	color: #405767;
}

.NavigationTabArea a:first-child, .NavigationTabArea td:first-child{
	border-left : none;
}

.NavigationTabArea td:last-child{
	border-right: none;
}

.NavigationTabSpacer {
    display: table-cell;
    background-color: #cedee7;
    width: 99%;
}

.NavigationTabControl .active, td.TabOn {
	background: #ffffff;
}

.NavigationTabControl .active:hover, td.TabOn:hover, .NavigationTabControl .active:focus, td.TabOn:focus {
	background: #ffffff;
	color: #405767 !important;;
}

.NavigationTabControl a:hover, td.TabOff:hover, .NavigationTabControl a:focus, td.TabOff:focus {
	color: #ffffff !important;
	background: #405767;
}

.NavigationTabControl .NavigationTab-overflow {
	text-align: left;
	background: #cedee7;
	color: #405767;
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
	font-size: 12pt;
	white-space: nowrap;
}

.NavigationTab-overflow:before {
	content: attr(data-content);
}

.NavigationTabControl .DropLayout {
	padding: 0;
	border: 1px solid #405767;
}

.NavigationTab-overflow a {
	display: block;
	padding: 0.5em 0;
	text-align: center;
	border: 0 solid white;
	border-width: 1px 0 1px 0;
	white-space: nowrap;
	text-decoration: none;
	width:100%;
}

.NavigationTabContent {
	margin: 1em;
}

td.TabOff:hover a{
	color: #ffffff;
}

.TabSpace, .TabBar {
	display: none;
}

.SubTabArea {
   margin: 1em;
}

.SubTabAreaSpacer {
	background-color: #e1e1e1;
	height: 33px;
	border: 1px solid #FFFFFF;
}

.SubTabOff {
	border: 1px solid #FFFFFF;
	color: #405767;
	background-color: #e1e1e1;
    font: 10pt;
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
    padding: 0.5em 1.5em;
}


td.SubTabOff:hover {
    background-color: #a8a8a8;
}

td.SubTabOff:hover a{
	color: #FFFFFF;
}

.SubTabOn {
	background-color: #FFFFFF
    font: 10pt;
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
    color: #405767;
    padding: 0.5em 1.5em;
}

td.SubTabOn a:hover {
    color: #000000;
    text-decoration: none;
}

/**************************************************************************
Smartform Link CSS
**************************************************************************/
.SmartformLinks {
	font-size: 12pt;
}

.SmartformLinks:before {
	padding: 0.2em;
    font-size: 1.2em;
    width:100%;
}

.ReviewerNotes-Header {
	color:#405767;
}

.ReviewerNotes-Area {
	background-color:#faeace;
}

.ReviewerNoteLinks {
	font-size: 12pt;
}

.ReviewerNoteLinks:before {
	padding: 0.2em;
	font-size: 1.2em;
    width:100%;
}

.ReviewerNoteLinks.Disabled:hover {
	color: #A9A9A9;
	
}

/**************************************************************************
SmartForm JumpTo Menu CSS
*************************************************************************
.SmartformDropdown, .ViewDropdown {
	cursor: pointer;
}

.JumpToDropdownContents > A {
	text-align: left;
	display:block;
}

.ViewDropdownContents {
	background-color:#F3F8FD;
    text-align: left;
}

.ViewDropdownContents > A {
	text-align: left;
	display:block;
	margin:5px;
	width:100%	
}

.ViewDropdownContents > A:hover {
	background-color: #FFF5E0;
	text-decoration: none;
}

.ViewCurrent, .ViewCurrent:link, .ViewCurrent:active, .ViewCurrent:visited {
    color: #FF3333 !important;
    line-height: 1.5em;
    width: 100%;
    text-decoration: none;
}

A.ViewCurrent:hover {
    background-color: #405767;
    color: white !important;
    text-decoration: none;
}

.ViewCurrent a:hover {
    background-color: #405767;
    color: white;
    text-decoration: none;
}

.ViewLink, .ViewLink:link, .ViewLink:active, .ViewLink:visited {
    color: #405767;
    line-height: 1.5em;
    width: 100%;
    text-decoration: none;
}

A.ViewLink:hover {
    background-color: #405767;
    color:white !important;
    text-decoration: none;
}

.ViewLink a:hover {
    background-color: #405767;
    color:white;
    text-decoration: none;
}

[id^='jumpToMenuDiv'] {
    background-color: #F3F8FD;
    line-height: 1.5em;
    overflow: auto;
    position: absolute;
    text-align: left;    
}

.JumpToStep, .JumpToStep:link, .JumpToStep:active, .JumpToStep:visited {
    color: #405767;
    line-height: 1.5em;
    width: 100%;
    text-decoration: none;    
}

A.JumpToStep:hover {
	color:white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStep a:hover {
	color:white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepCurrent, .JumpToStepCurrent:link, .JumpToStepCurrent:active, .JumpToStepCurrent:visited {
    color: #FF3333 !important;
    line-height: 1.5em;
    width: 100%;
    text-decoration: none;
}

A.JumpToStepCurrent:hover {
	color: white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepCurrent a:hover {
	color: white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepHighlighted, .JumpToStepHighlighted:link, JumpToStepHighlighted:active, .JumpToStepHighlighted:visited {
    color: #405767;
    line-height: 1.5em;
    width: 100%;
    text-decoration: none;
    margin:5px;
}

A.JumpToStepHighlighted:hover {
    color:white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepHighlighted a:hover {
    color:white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepCurrentHighlighted, .JumpToStepCurrentHighlighted:link, .JumpToStepCurrentHighlighted:active, .JumpToStepCurrentHighlighted:visited {
    color: #FF3333 !important;
    line-height: 1.5em;
    width: 100%;
    text-decoration: none;
    margin:5px;
}

A.JumpToStepCurrentHighlighted:hover {
    color: white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepCurrentHighlighted a:hover {
    color: white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepNonHighlighted, .JumpToStepNonHighlighted:link, .JumpToStepNonHighlighted:active, .JumpToStepNonHighlighted:visited {
    color: #666666 !important;
    line-height: 1.5em;
    font-style: italic;
    width: 100%;
    text-decoration: none;
    margin:5px;
}

A.JumpToStepNonHighlighted:hover {
    color:white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepNonHighlighted a:hover {
    color:white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepCurrentNonHighlighted, .JumpToStepCurrentNonHighlighted:link, .JumpToStepCurrentNonHighlighted:active, .JumpToStepCurrentNonHighlighted:visited {
    color: #FF3333 !important;
    line-height: 1.5em;
    font-style: italic;
    width: 100%;
    text-decoration: none;
    margin:5px;
}

A.JumpToStepCurrentNonHighlighted:hover {
    color: white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToStepCurrentNonHighlighted a:hover {
    color: white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToBreak, .JumpToBreak:link, .JumpToBreak:active, .JumpToBreak:visited, A.JumpToBreak:hover {
    color: #666666;
    font-size: 50%;
    text-decoration: none;
    cursor:default;
}

.JumpToBreak a:hover {
    color: #666666;
    font-size: 50%;
    text-decoration: none;
    cursor:default;
}

.JumpToSection, .JumpToSection:link, .JumpToSection:active, .JumpToSection:visited {
    color: #405767;
    line-height: 1.5em;
    font-weight: bold;
    width: 100%;
    text-decoration: none;
}

A.JumpToSection:hover {
    color:white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSection a:hover {
    color:white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionCurrent, .JumpToSectionCurrent:link, .JumpToSectionCurrent:active, .JumpToSectionCurrent:visited {
    color: #FF3333 !important;
    line-height: 1.5em;
    font-weight: bold;
    width: 100%;
    text-decoration: none;
}

A.JumpToSectionCurrent:hover {
    color: white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionCurrent a:hover {
    color: white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionHighlighted, .JumpToSectionHighlighted:link, .JumpToSectionHighlighted:active, .JumpToSectionHighlighted:visited {
    color: #405767;
    line-height: 1.5em;
    font-weight: bold;
    width: 100%;
    text-decoration: none;
}

A.JumpToSectionHighlighted:hover {
    color:white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionHighlighted a:hover {
    color:white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionCurrentHighlighted, .JumpToSectionCurrentHighlighted:link, .JumpToSectionCurrentHighlighted:active, .JumpToSectionCurrentHighlighted:visited {
    color: #FF3333 !important;
    line-height: 1.5em;
    font-weight: bold;
    width: 100%;
    text-decoration: none;
}

A.JumpToSectionCurrentHighlighted:hover {
    color: white !important ;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionCurrentHighlighted a:hover {
    color: white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionNonHighlighted, .JumpToSectionNonHighlighted:link, .JumpToSectionNonHighlighted:active, .JumpToSectionNonHighlighted:visited {
    color: #666666 !important;
    line-height: 1.5em;
    font: bold italic;
    width: 100%;
    text-decoration: none;
}

A.JumpToSectionNonHighlighted:hover {
    color: white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionNonHighlighted a:hover {
    color: white;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionCurrentNonHighlighted, .JumpToSectionCurrentNonHighlighted:link, .JumpToSectionCurrentNonHighlighted:active, .JumpToSectionCurrentNonHighlighted:visited {
    color: #FF3333 !important;
    line-height: 1.5em;
    font: bold italic;
    width: 100%;
    text-decoration: none;
}

A.JumpToSectionCurrentNonHighlighted:hover {
    color: white !important;
    background-color: #405767;
    text-decoration: none;
}

.JumpToSectionCurrentNonHighlighted a:hover {
    color: white;
    background-color: #405767;
    text-decoration: none;
}

/* END SmartForm JumpTo Menu */

/* Override css for some of the new datepicker elements */
.PortalDatePicker .ui-datepicker-header a{
	margin-top: 0.4em;
}

.PortalDatePicker .ui-datepicker-header a:hover{
	margin-top: 0.4em;
	cursor: pointer;
}

.PortalDatePicker .ui-timepicker-div .ui-spinner-input:focus{
	outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.PortalDatePicker .ui-timepicker-div .ui-spinner-input{
	border: 1px solid #d0d0d0;
}

.PortalDatePicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	opacity: 1;
	font-weight: bold;
}

/**************************************************************************
Dynamic Result Set View
**************************************************************************/
/* flex rows appear after the primary data row, but we want the primary row
   to highlight along with the flex row.  This isn't possible in pure CSS,
   so we programatically add drsv-row-hover to th primary row when hovering
   over the flex row row */
.drsv-row-hover {
	background-color: #FFF5E0;
}

/* this handles the easy case with pure CSS, when hovering over the main row
   highlight the flex row as well */
.drsv-row:hover + .drsv-flex-row {
	background-color: #FFF5E0;
}

/* Keep these two in synch. Flex-rows need the second one for programmatic
   switching of the main row's class on hover. */
.drsv-row:hover .FadedButton {
	color: #405767;
}
.drsv-row-hover .FadedButton {
	color: #405767;
}

/* Keep these two in synch. Flex-rows need the second one for programmatic
   switching of the main row's class on hover. */
.drsv-row:hover .FadedButton:disabled {
	color: #EEEEEE;
}
.drsv-row-hover .FadedButton:disabled {
	color: #EEEEEE;
}
.drsv-row:hover .FadedButton:disabled:hover {
	color: #EEEEEE;
}
.drsv-row-hover .FadedButton:disabled:hover {
	color: #EEEEEE;
}

.DRSV-ToolArea {
    background-color: transparent;
    width: 100%;
}

.ToolArea:empty {
    padding: 0;
    display: none;
}

.DRSV-FilterCell {
	white-space: nowrap;
}

.DRSV-ButtonCell {
	text-align: right;
	vertical-align: bottom;
}

.DRSV-QueryField {
	max-width: 10em;
}

.DRSV-QueryCriteria {
	width: 20em;
}

.DRSV-QuerySelect {
	width: 20em;
}

.DRSV-FilterControlSpan {
	width: 100%;
}

.DRSV-PagingBarArea {
	position: relative;
	width: 100%;
	height: 2.5em;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	white-space:nowrap;
	border-top: 2px solid #405767;
}

.DRSV-RowCountArea {
	position: absolute;
	left: 1em;
	vertical-align: middle;
	line-height: 2.5em;
	white-space:nowrap;
}

.DRSV-PageCountArea {
	position: absolute;
	right: 1em;
	vertical-align: middle;
	line-height: 2.5em;
	white-space:nowrap;
}

.DRSV-DataArea td.DisplayHead {
	border-bottom: 2px solid #405767;
}

.DRSV-FilterRowLabel {
	width: 6em;
	text-align: center;
	display: inline-block;
}

.DRSV-ButtonArea {
	text-align: right;
	position: absolute;
	right: 50px;
	display: inline-block;
	max-width: 40%;
	padding-bottom: 2px;
}

.DRSV-GoButton {
	width: 3em;
	padding: .33em 0;	
}

/**************************************************************************
Admin Page Watermark
**************************************************************************/
#adminPageWatermark
{
 font-size: 19em;
 position:fixed;
 top:18%;
 left:28%;
 opacity: 0.6;
 z-index:-1;
 color:#e8e8e8;
}

/* Deal with the laptop screens */
@media screen
	and (min-device-width: 1200px)
	and (max-device-width: 1600px)
{
	#adminPageWatermark
{
	 font-size: 14em;
	 position:fixed;
	 top:18%;
	 left:28%;
	 opacity: 0.6;
	 z-index:-1;
	 color:#e8e8e8;
	}
}

/**************************************************************************
Inline CDT Views
**************************************************************************/
.InlineCdtViewContainer {
	border: 1em solid #c8c8c8;
	z-index: 99;
	background: #FFFFFF;
	position: relative;
}

#inlineCdtViewMask {
  position:absolute;
  z-index:90;
  background-color:#707070;
  display:none;
  left: 0;
  top: 0;
  opacity: 0.8;
}

#trInlineView:hover {
	background-color: transparent !important
}

.InlineCdtView_EditingRow {
	background: #606060;
	z-index: 99;
}

.InlineCdtView_EditingRow:hover {
	background-color: #C8C8C8 !important
}

.InlineCdtView_EditingRow td,
.InlineCdtView_EditingRow .ViewSetToolArea {
	background: #C8C8C8;
	z-index: 99;
	position: relative;
}

.InlineCdtView_EditingRow a
{
	pointer-events : none;
}

.InlineCdtView_EditingRow button,
.InlineCdtView_DisabledButton
{
	background-color: #e9e9e9; 
	color: #8c9aa3; 
	border: 1px solid #bcbcbc;
	pointer-events: none;
}

/**************************************************************************
Calendar Square Date Rendering
**************************************************************************/
.CalendarSquareDate {
	font-family: 'Roboto Slab', "Arial";
	display: inline-block;
	position: relative;
	background-color: white;
	border: 1px solid gray;
	padding: .3em; 
	width: 4em; 
	height: 4.75em;
}

.CalendarSquareDate span:first-child {
	display: block; 
	width: 100%; 
	text-align: center; 
	font-size: 20px; 
	color: white;
	/*background-color: #405767;*/
	background-color: #008000;
	border-radius: 3px; 
}

.CalendarSquareDate.Overdue span:first-child {
	background-color: #cf0000;
}

.CalendarSquareDate.Warning span:first-child {
	background-color: #e8970c;
}

.CalendarSquareDate > span {
	display: block; 
	width: 100%; 
	text-align: center; 
	font-size: 35px;
	color: #405767;
}

.CalendarSquareDate > .NoDate {
	font-size: 50px;
	color: darkgray;
}

/**************************************************************************
To Do List Rendering
**************************************************************************/

.ToDoComponentData td {
	padding: 0.5em;
	vertical-align: top;
}

.ToDoComponentTitle {
	display: block;
	font-family: "Arial", serif;
	font-size: 14pt;
	line-height: 20pt;
	color: #336699;
	white-space: nowrap;
}

.ToDoComponentTitleMini {
	display: block;
	font-family: "Arial", serif;
	font-size: 10pt;
	white-space: nowrap;
}

.ToDoComponentDateColumnCell {
	display: block;
	font-family: "Arial", serif;
	font-size: 10pt;
	text-align: center;
	white-space: nowrap;
}

.ToDoComponentIcon {
	float: left;
	height: 2em;
	width: 2em;
	padding: 0 .2em;
}

.ToDoComponentSearchField {
	width: 100%;
	width: 30em;
}

.ToDoComponentSearchArea {
	padding: 0.5em;
	border-bottom: 1px solid #405767;
	white-space: nowrap;
}

.ToDoComponentSearchIcon {
	color: #405767;
	padding: 0 0.5em 0 0.25em;
}

.ToDoComponentSpinner {
	padding: 1em 2em;
}

.ToDoComponentMiniWarningIcon {
	color: #e8970c;
}

.ToDoComponentMiniOverdueIcon {
	color: #cf0000;
}

/**************************************************************************
Bulk Import
**************************************************************************/
.BulkImportFileContainer
{
	width: 380px;
	border: 1px solid #bcbcbc;
	border-radius: 4px;
	padding: 0.5em;
}

/*
Dashboard Components
*/

.SavedSearchTileComponent
{
    padding: .5em;

	width: 12em;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-direction: row;
   	flex-direction: row;
   	
   	-webkit-align-items: flex-start;
    align-items: flex-start;
   
   	-webkit-flex-wrap: wrap;
   	flex-wrap: wrap;   
}
/*
.SavedSearchTile
{
 	/*-webkit-flex-grow: 1;
   	/*set flex grow to from 1 to 0 to avoid auto growth
   	flex-grow: 0;
   
    border: #cbcbcb solid 1px;
    border-radius: 4px;
    width: 7em;
    min-height: 7em;
    min-width: 7em;
    height: 7em;
    vertical-align: middle;
    padding: .5em;
    margin: .4em;
	background: #e9e9e9;
	/*color: #405767;
	color: #a92f2e;
	box-shadow: 2px 2px 2px #cbcbcb;
}
*/
.SavedSearchTile {
    -webkit-flex-grow: 1;
    flex-grow: 0;
    border: #cbcbcb solid 1px;
    border-radius: 10px;
    width: 10em;
    /*width: 12em;*/
    min-height: 6em;
    min-width: 9em;
    height: 7em;
    vertical-align: middle;
    padding: .5em;
    margin: .4em;
    background: #405767;
    color: #a92f2e;
    box-shadow: 2px 2px 2px #cbcbcb;
}

/*
.SavedSearchTile:hover
{
    border: #bababa solid 1px;
	box-shadow: 2px 2px 2px #bababa;
    border-radius: 4px;
	/*color: #20323f;
	color: #FF0000;
	background: #faeace;
}*/

.SavedSearchTile:hover{
    border: #bababa solid 1px;
    box-shadow: 2px 2px 2px #bababa;
    border-radius: 10px;
    color: #20323f;
    background: #cc0033;
}

.SavedSearchTileLink,
a.SavedSearchTileLink:visited
{
    font-family: RobotoSlab, serif;
    /*font-family: 'Arial', serif;*/
	width: 100%;
	color: #405767;
}

a.SavedSearchTileLink:hover,
a.SavedSearchTileLink:hover:visited
{
	color: #20323f;
}

.SavedSearchTileBody,
.SavedSearchTileBody:hover
{
    text-align: center;
    font-family: RobotoSlabLight, serif;
    /*font-family: 'Arial', serif;*/
	display: block;
    /*font-size: 4em;
    color: #333333;*/
    font-size: 2.5em;
    /*color: #FF0000;*/
    color: white;
}

.tileIcon
{
	width: 60px;
	height: 60px;
}

.SavedSearchTileHeader
{
	display: block;
    min-height: 2em;
	font-family: Arial;
/*	font-weight: bold;*/
	font-weight: normal;
	color: white;
}

.SavedSearchTileFooter
{
	display: block;
    text-align: center;
	font-family: Arial;
}

.SavedSearchTileCount
{
	font-weight: bold;
}

.SavedSearchTileFooter .SavedSearchTileCount
{
	color: #e8970c;
	font-size: 1.5em;
}
/**************************************************************************
Activity Newsfeed Rendering
**************************************************************************/
.ActivityNewsFeedComponentDateColumnCell {
	display: block;
	font-family: "Arial", serif;
	font-size: 9pt;
	text-align: center;
	white-space: nowrap;
}

.ActivityNewsFeedComponentDateMini {
	display: block;
	font-family: "Arial", serif;
	font-size: 6pt;
	text-align: center;
	white-space: nowrap;
	padding-right: 3px;	
}

.ActivityNewsFeedComponentDetailMini {
	font-family: "Arial", serif;		
}

.ActivityNewsFeedComponentDateMini .calendarDay{
	font-size: 15pt;	
}

.ActivityNewsFeedComponentDateMini .CalendarSquareDate span:first-child {	
	font-size: 15px;	
}

.ActivityNewsFeedComponent {
 	width: 100%;
}
 
.ActivityNewsFeedComponentDataDiv{
	width:100%;
	max-height:400px;
	min-height:30px;
	overflow-y:hidden;
}

.ActivityNewsFeedComponentDataDiv:hover{
	width:100%;
	max-height:400px;
	overflow-y:auto;	
}

.ActivityNewsFeedComponentLineBreak{
	size: 1px; 
 	border-top: 1pt solid #CCCCCC;
 	border-bottom: 0pt;
}

.ExpanderReadMoreTextActivityNewsFeed {
    display: block;
}

.ExpanderReadMoreTextActivityNewsFeed a {
    font-weight: bold;
    padding-right: 18px;
    background: url(Images/icons/downarrow_nav_blue.gif) right no-repeat;
}
/**************************************************************************
Recently Viewed Projects Component
**************************************************************************/

.RecentlyViewedProjectsComponent {
 	width: 100%;
}

.RecentlyViewedProjectsDataDiv{
	width:100%;
	max-height:400px;
	min-height:30px;
	overflow-y:hidden;
}

.RecentlyViewedProjectsDataDiv:hover{
	width:100%;
	max-height:400px;	
	overflow-y:auto;	
}

.RecentlyViewedLineBreak{
	size: 1px; 
 	border-top: 1pt solid #CCCCCC;
 	border-bottom: 0pt;
}
/*****************************************************************************************
Styled scroll bar and spinner for Activity Newsfeed and Recently Viewed Projects Component
*****************************************************************************************/

.ComponentSpinner {
	padding: 1em 2em;
}

.styledScrollBar::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.styledScrollBar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}

.styledScrollBar::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #C0C0C0;
}

/**************************************************************************
Charts Component
**************************************************************************/
.ChartsComponent {
	max-width: 800px;
	max-height: 450px;
}

.ChartsComponent .ChartsCanvas {
	min-width: 450px;
	min-height: 350px;
	overflow-x: scroll;
}

.PieChartComponent {
	max-width: 400px;
	max-height: 400px;
}

.DataTableForCharts {
	position: absolute;
	left: -9999em;
}

/*new*/
.btn, .btn:active, .btn:focus {
  background: #cc0033;
  background-image: -webkit-linear-gradient(top, #cc0033, #cc0033);
  background-image: -moz-linear-gradient(top, #cc0033, #cc0033);
  background-image: -ms-linear-gradient(top, #cc0033, #cc0033);
  background-image: -o-linear-gradient(top, #cc0033, #cc0033);
  background-image: linear-gradient(to bottom, #cc0033, #cc0033);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff!important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #d20134;
  text-decoration: none;
  color: whitesmoke!important;
}
.CurrentState {
    /*background-color: #e8970c;*/
    background-color: #D0F0C0;
    color: #000000;
    /*color: #FFF;*/
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
    font-size: 20px;
    min-width: 208px;
    padding: 10px;
    text-align: center;
}
.CurrentRolePT {
    background-color: #e8970c;
    color: #FFF;
    /*font-family: RobotoSlab,  serif;;*/
    font-family: 'Arial', serif;
    font-size: 20px;
    min-width: 208px;
    padding: 10px;
    text-align: center;
}
/***************/

table.sfTableWrapper {
 /*border: solid 1px red;*/
 	width: 100%;
}
table.sfTableWrapperSubQuestion{
 /*border: solid 1px red;*/
 	width: 100%;
}
td.sfSection {
 	font-weight: bold;
 	/*font-size: 20px;*/
 	font-family: 'Arial', serif;
    font-size: 18pt;
    color: #333333;
}
td.sfSubSection {
 	border-bottom: 1px dashed #663366;
 	font-size: 14px; 
 	font-weight: bold;
}
td.sfQuestionIdentifier {
	border-radius: 5px;
	/* border: 1px solid #dddddd; */
	width: 4%;
	font-weight: bold;
	text-align: right;
	/*color: #FFFFFF;*/
	padding-right: 10px;
	padding-top: 5px;
	/*background-color: #cedee7;*/
	/*background-color: #cc0033;*/
	background-color: #DDE5EE;
	vertical-align: top;
}
table.sfTableWrapperSubQuestion .sfQuestionIdentifier {
	border-radius: 5px;
	width: 20px;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	background-color: #ffffff;
	vertical-align: top;  
    color: #000000;
}
td.sfQuestionCaption {
	width: 76%;
	vertical-align: top; 
	border-radius: 5px; 
	text-align: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
    border: 1px solid #dddddd;
}
table.sfTableWrapperSubQuestion .sfQuestionCaption {
	vertical-align: top; 
	border-radius: 5px;
	text-align: left;
	padding-left: 5px;
	background-color: #ffffff;
        border: 1px solid #ffffff;
}
td.sfQuestionHelp {
	width: 20%;
	/*background-color: #cfdae5;*/
	/*background-color: #cedee7;*/
	/*background-color: #e1e1e1;*/
	background-color: #DDE5EE;
	border-radius: 5px;
	padding: 10px;
	padding-top: 5px;
	font-family: arial, sans-serif;
	font-style: normal !important;
	vertical-align: top;  
        border: 1px solid #dddddd;
}
table.sfTableWrapperSubQuestion .sfQuestionHelp {
	width: 20%;
	background-color: #ffffff;
	border-radius: 5px;
	padding: 10px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10px; 
	vertical-align: top;  
    border: 1px solid #ffffff;
}
.sfRequired {
	font-weight: bold;
	color: red;
}

.SF424Workspace_IDCell {
    background-color: #cedee7;
    border: 1px solid #405767;
    color: #333333;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    font: 22px Arial;
}

.SF424Workspace_NameCell {
    background-color: #405767;
    border: 1px solid #405767;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 175px;
    font: 22px Arial;
}
/*styled table*/
.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}
.FormsMenuAdditionalButtons a {
    font-size: 10pt;
    padding: 6px;
    display: table-cell;
    white-space: nowrap;
    border-right: 1px solid #d8d8d8;
    background: #d8d8d8;
}
.RoomComponentSolid {
    /*background-color:#EEEEEE;*/
    background-color:#F2F2F2;
	/*background-color: #D7E5EA;
	display: flex;
	flex-wrap: wrap;*/
	border-radius: 0.4rem;
}
.smartFormLinkWrapper {
    font-size: 12pt;
    display: table-cell;