/* The Application Widget */
.nfw-Application {
	width: 100%;
}

/* The Application Widget - content container */
.nfw-Application-content {
	height: 100%;
	width: 100%;
}

/* The Login Form Widget */
.nfw-LoginForm {
	background-color: #00285E;
	height: 100%;
	width: 100%;
}

/* The Login Form Widget - container table */
.nfw-LoginForm>table {
	margin-left: auto;
	margin-right: auto;
}

/* The Login Form - logo section */
.nfw-LoginForm-logo {
	margin: 70px 0px;
	text-align: center;
}

/* The Login Form - content section */
.nfw-LoginForm-content {
	margin: 0px auto;
}

/*  The Login Form - content section table cells */
.nfw-LoginForm-content>TBODY>TR>TD {
	padding: 1px;
}

/* The Login Form - content section labels */
.nfw-LoginForm-label {
	color: white;
	font-family: Arial, Helvetica;
	font-size: 12px;
	text-align: left;
}

/* The Login Form - Application Title label (overwrites .nfw-LoginForm-label) */
.nfw-LoginForm-label-title {
	font-size: 18px;
}

/* The Login Form - login box containing the input widgets and buttons (div) */
.nfw-LoginForm-loginBox {
	background-color: white;
	border: 2px solid #00a9d4;
	margin: 9px 0px;
	padding: 27px 0px 20px 45px;
	height: 110px;
	width: 320px;
}

/* The Login Form - login box table cells */
.nfw-LoginForm-loginBox>table>tbody>tr>td {
	padding-bottom: 8px;
}

/* The Login Form - labels in the login box */
.nfw-LoginForm-loginBoxLabel {
	color: black;
	padding-right: 15px;
	text-align: left;
}

/* The Login Form - common style for text boxes in the login box */
.nfw-LoginForm-loginBoxTextBox {
	width: 150px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #ABADB3;
	border-right-color: #DBDFE6;
	border-bottom-color: #E3E9EF;
	border-left-color: #E2E3EA;
}

/* The Login Form - style for login button in the login box */
.nfw-LoginForm-loginBox .gwt-Button {
	background-color: #E6E6E6;
	background-image: none;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 1px 10px;
	font-family: Arial, Helvetica;
}

/* The Header Widget */
.nfw-HeaderWidget {
	background-color: #00285E;
	padding: 12px 12px 5px 12px;
	border-bottom: 1px solid #225575;
}

/* The Header Widget - main table */
.nfw-HeaderWidget>table {
	width: 100%;
}

/* The Header Widget - application title section */
.nfw-HeaderWidget-titleSection {
	margin-left: 20px;
	margin-right: 25px;
}

/* The Header Widget - labels in the application title section */
.nfw-HeaderWidget-titleSectionLabel {
	color: white;
	font-family: Arial, Helvetica;
	font-size: 18px;
	text-align: left;
}

/* The Header Widget - sub-title label override of the title section label */
.nfw-HeaderWidget-subTitleLabel {
	font-size: 12px;
}

/* The Header Widget - user information and button section */
.nfw-HeaderWidget-userSection {
	color: white;
	margin-left: auto;
}

/* The Header Widget - detail section table containing user name and server time */
.nfw-HeaderWidget-detailSection {
	margin-left: auto;
}

/* The Header Widget - server time, separator, user information labels */
.nfw-HeaderWidget-detailSectionLabel {
	color: white;
	font-family: Arial, Helvetica;
	font-size: 12px;
	text-align: right;
	padding: 1px 2px;
}

/* The Header Widget - separator label */
.nfw-HeaderWidget-detailSeparatorLabel {
	padding-left: 5px;
	padding-right: 5px;
}

/* The Header Widget - button panel */
.nfw-HeaderWidget-buttonPanel {
	margin-top: 6px;
	margin-bottom: 2px;
	margin-left: auto;
}

/* The Header Widget - button panel cell padding */
.nfw-HeaderWidget-buttonPanel>tbody>tr>td {
	padding-left: 3px;
}

/* The Header Widget - button widgets */
.nfw-HeaderWidget-buttonPanel .gwt-Button {
	background-color: #0080C8;
	background-image: none;
	border: 1px solid #63B1DC;
	color: white;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 1px 5px;
}

/* The Header Widget - about button */
.nfw-HeaderWidget-aboutButton {
	
}

/* The Header Widget - guide button */
.nfw-HeaderWidget-guideButton {
	
}

/* The Header Widget - logout button */
.nfw-HeaderWidget-logoutButton {
	
}

/* The cluster indicator status: Active */
.gwt-Button-nfw-clusterIndicator-active {
	background-color: #085A23 !important;
	background-image: none;
	border: 1px solid #148300 !important;
	cursor: auto;
	color: white;
	font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 5px;
    text-align: center;
}

/* The cluster indicator status: Inactive */
.gwt-Button-nfw-clusterIndicator-inactive {
	background-color: #C49500 !important;
	background-image: none;
	border: 1px solid #EBCE00 !important;
	cursor: auto;
	color: white;
	font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 5px;
    text-align: center;
}

/* The cluster indicator status: Failed */
.gwt-Button-nfw-clusterIndicator-fail {
	background-color: #C43904 !important;
	background-image: none;
	border: 1px solid #E60000 !important;
	cursor: auto;
	color: white;
	font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 5px;
    text-align: center;
}

/* The Header Widget - button widgets during hover */
.nfw-HeaderWidget-buttonPanel .gwt-Button:hover {
	border-color: white;
}

/* The Tree Tab Panel - widget containing menu and component widget */
.nfw-TreeTabPanel {
	width: 100%;
}

/* The Tree Tab Panel - menu bar */
.nfw-TreeTabPanel-menu {
	cursor: default;
}

/* The Tree Tab Panel - menu item */
.nfw-TreeTabPanel-menu .nfw-TreeTabPanel-menuItem {
	cursor: default;
	color: white;
}

/* The Tree Tab Panel - menu bar selected child item */
.nfw-TreeTabPanel-menu .nfw-TreeTabPanel-menuItem-selected {
	background: #00285E;
	color: white;
}

/* The Tree Tab Panel - menu bar for horizontal menu layout */
.nfw-TreeTabPanel-menu-horizontal {
	background: transparent url(../images/menu.png) repeat scroll 0 0;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	border-color: #3AA4DE;
	padding: 1px 2px;
}

/* The Tree Tab Panel - menu items in horizontal menu layout */
.nfw-TreeTabPanel-menu-horizontal .nfw-TreeTabPanel-menuItem {
	font-weight: bold;
	padding: 1px 10px;
	vertical-align: bottom;
}

/* The Tree Tab Panel - menu bar for vertical menu layout */
.nfw-TreeTabPanel-menu-vertical {
	background: #0080C8; /* Use menu color: #0080C8 or menu2 color: #66B3DE */
	margin-top: 0px;
	margin-left: 0px;
}

/* The Tree Tab Panel - vertical menu bar table */
.nfw-TreeTabPanel-menu-vertical table {
	border-collapse: collapse;
}

/* The Tree Tab Panel - vertical menu bar table */
.nfw-TreeTabPanel-menu-vertical .nfw-TreeTabPanel-menuItem {
	padding: 4px 14px 4px 1px;
}

/* The Tree Tab Panel - menu icon style vertical menu item with child menu items */
.nfw-TreeTabPanel-menu-vertical .subMenuIcon {
	background: #0080C8; /* Use menu color: #0080C8 or menu2 color: #66B3DE */
	padding-right: 4px;
}

/* The Tree Tab Panel - menu icon style vertical selected menu item with child menu items */
.nfw-TreeTabPanel-menu-vertical .subMenuIcon-selected {
	background: #00285E;
}

/* The Tree Tab Panel - primary menu holder (table) */
.nfw-TreeTabPanel-menu1 {
	width: 100%;
}

/* The Tree Tab Panel - secondary menu */
.nfw-TreeTabPanel-menu2 {
	background: transparent url(../images/menu2.png) repeat-x scroll 0 0;
	height: 26px;
	display: none;
}

/* The Tree Tab Panel - separator */
.nfw-TreeTabPanel-separator {
	background: transparent url(../images/separator.png) repeat-x scroll 0 0;
	height: 7px;
	border-width: 0px;
}

/* The Tree Tab Panel - widget container */
.nfw-TreeTabPanel-widgetContainer {
	background-color: #c7c7c7;
	min-height: 100%;
	position: relative;
	padding: 10px 10px 2px 10px;
}

.portletTable {
    border: 1px solid #15428B;
    border-collapse: collapse; 
}

.portlet-table-text {
    text-align: left;
    padding: 3px 7px 3px 7px;
    border: 1px solid #15428B;
    background-color: rgb(227, 233, 237);
}

.portlet-tableHeader {
    text-align: left;
    padding: 3px 7px 3px 7px;
    background-color: #999;
    color: #FFF;
    font-weight:bold;
    border: 1px solid #15428B;
}

.portlet-table-icons {
	 text-align: center;
	 padding: 3px 7px 3px 7px;
	 border: 1px solid #15428B;
	 background-color: rgb(227, 233, 237);
}