/******************************************/
/******************************************/
/*                                        */
/*    Overwriting Stock Informer Styles   */
/*                                        */
/******************************************/
/******************************************/

/*
#a61e36
to
#b74d17
*/

/*
cb304b
to
f26822
*/

/* LOGIN PAGE OVERRIDES */
/* LoginOuter wraps login.html content */
.LoginOuter {
	background-color:#fff;
}

.inf-LoginForm .gwt-TextBox {
	padding: 4px;
	width: 300px;
}

.inf-LoginForm .gwt-PasswordTextBox {
	padding: 4px;
	width: 300px;
}
/* END LOGIN PAGE OVERRIDES */

body {
	color: #464646;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: .9em;
	line-height: 1.1em;
	background-repeat:repeat-x;
}

.inf-Header-ModuleBar {
	background-color:#e7e7e7;
}

.inf-WelcomeBar {
	background-color:#b74d17;
}

.inf-WelcomeBar .gwt-Anchor {
	color: #FFF;
}

.inf-WelcomeBar .gwt-Label {
	color: #FFF;
}

.inf-ModuleCell a {
	display: block;
	text-decoration: none;
	width: 100%;
	color: #b74d17;
	text-align:center;
}

.inf-ModuleCell {
	border-right: 4px solid #e7e7e7;
	background-color: #e7e7e7;
}

.inf-ModuleCell-Active {
	background: #e7e7e7;
	text-decoration: underline;
	color: #b74d17;
}

.inf-ModuleSeparatorCell
{
	background: #e7e7e7;
	width: 10px;
}

.inf-BreadcrumbSeparator {
}

.inf-Header-InfoBar {
  padding: 1px;
  border-radius: 4px;
  background: # url('../img/ui-bg_highlight-hard_100_eeeeee_1x100.png') 50% 50% repeat-x;
}

/******************************************/
/******************************************/
/*                                        */
/*            Custom exOrg CSS            */
/*                                        */
/******************************************/
/******************************************/

/* Login Page Styles */

.exOrg-login-form {
	align:left;
}

.exOrg-login-header {
	background-color:#284c77;
	text-align:right;
	font-weight:bold;
	font-size:11px;
	line-height:50px;
	color: #fff;
	height: 50px;
	margin-bottom:100px;
	width:100%;
}

/* the div with id="version" gets automatically assigned class "gwt-label" */
.exOrg-login-header .gwt-Label {
	padding-left: 5px;
	float: right;
}

.exOrg-login-header .powered-by {
	
}

.exOrg-login {
	float:left;
}

.exOrg-login .exOrg-img {
	vertical-align:middle;
	margin-left:5px;
}

/* Test */	

.inf-DateTrigger {
	cursor: pointer;
	cursor: hand;
}

.inf-DateTrigger-up-disabled {
	cursor: default;
	opacity: 0.5;
}

.inf-DatePicker {
}

/**
Date picker styles, most of these will eventually move into a default resource bundle.
*/
.gwt-DatePicker {
	width: 160px;
	border: 1px solid #A3BAD9;
	color: 6b6b6b;
	cursor: default;
}

.gwt-DatePicker td {
	font-family: Arial;
	font-size: .9em;
	text-align: center;
	outline: none;
	-moz-outline: none;
	cursor: default;
}

.gwt-DatePicker td,.month-selector td :focus {
	outline: none
}

.gwt-DateBox input {
	width: 8em;
}

/**
Calendar styles
*/
.datePickerDays {
	background-color: white;
	width: 100%;
}

.datePickerDays .datePickerDay {
	padding: 1px;
	cursor:hand;
	color: #333333;
}

.datePickerDays .datePickerDayIsFiller {
	color: #bfbfbf;
	padding: 1px;
	cursor: hand;
}

.datePickerDays .datePickerWeekendLabel, .datePickerDays .datePickerWeekdayLabel {
	background: #E7E7E7;
	border-bottom: 1px solid #b74d17;
	color: #000;
}

.datePickerDays .datePickerDayIsHighlighted  {
	border: 1px solid #ddd;
	background: #fffdea;
	padding: 0px;
	cursor: pointer;
}

.datePickerDays .datePickerDayIsToday {
	font-weight: bold;
	color:#000;
	padding: 0px;
	text-decoration:underline;
}

.datePickerDays .datePickerDayIsWeekend {
	background: #f1f1f1;
}

.datePickerDays .datePickerDayIsDisabled  {
	color: graytext;
}

.datePickerDays .datePickerDayIsValue {
	background: #B7B7B7;
	border: 1px solid #ddd;
	padding: 0px;
}

/*
Month selector styles
*/
.datePickerMonthSelector {
	background: #b74d17;
	width: 100%;
	text-align: center;
}

.datePickerMonthSelector td {
	font-weight: bold;
	font-size: 1.0em;
}

.datePickerMonthSelector .datePickerMonth {
  	text-align: center;
	color: #FFF;
}

.datePickerMonthSelector .datePickerPreviousButton, .datePickerMonthSelector .datePickerNextButton {
	padding: 0px;
}

	.datePickerMonthSelector .datePickerPreviousButton .html-face, .datePickerMonthSelector .datePickerNextButton .html-face {
		color:white;
		cursor:pointer;
	}

	.datePickerMonthSelector .datePickerPreviousButton .datePickerPreviousButton-up, .datePickerMonthSelector .datePickerNextButton .datePickerNextButton-up,  {

		border: 0px;
		cursor: pointer;
		cursor: hand;
	}


	.datePickerMonthSelector .datePickerPreviousButton .datePickerPreviousButton-down, .datePickerMonthSelector .datePickerNextButton .datePickerNextButton-down {

		border: 0px;
		cursor: pointer;
		cursor: hand;
	}


	.datePickerMonthSelector .datePickerPreviousButton .datePickerPreviousButton-up-disabled, .datePickerMonthSelector .datePickerNextButton .datePickerNextButton-up-disabled  {
		border: 0px;
		cursor: default;
		opacity: 0.5;
	}

	.datePickerMonthSelector .datePickerPreviousButton .datePickerPreviousButton-disabled, .datePickerMonthSelector .datePickerNextButton .datePickerNextButton-disabled  {
		border: 0px;
		cursor: default;
		opacity: 0.75;
	}
	
.datePickerMonthSelector .datePickerPreviousButton {
	padding-right: 2em;
}

.datePickerMonthSelector .datePickerNextButton {
	padding-left: 2em;
}



/****************************
helper styles
******************************/
.log-panel {
	position: relative;
	float: right;
	border: 1px solid black;
	margin-left: 30px;
}

/*  Styles demo*/
.gwt-DatePicker .red-date {
	background-color: red;
}

.gwt-DatePicker .blue-background {
	background-color: blue;
}

.gwt-DatePicker .red-text {
	color: red;
}

.gwt-DatePicker .green-border {
	border: 5px solid green;
}

.gwt-DatePicker .big-text {
	font-size: x-large;
}

.gwt-DatePicker .underlined-and-bold-text {
	font-weight: bold;
	text-decoration: underline;
}

.gwt-DatePicker .yellow-background {
	background-color: yellow;
}

/* date range styles */
.datePickerDayIsFiller {
	width: 30px;
	text-align: center;
}
		
.inf-MenuBar {
	background: #ffffff;
	border-top: 1px solid #b74d17;
}

.inf-NavigationItem-Header {
	background: #ffffff;
	border-top: 1px solid #b74d17;
}

.inf-Header-Shadow
{
	background-color: #FFF;
}	

.inf-SecondaryNavigationPanel {
	background-color: #FFF;
}
	
.inf-Page-Header-HeaderPanel {
	background-color: #E7E7E7;
}

.inf-Page-Header-Title {
	color: #000;
}

.inf-Page-Header-Description {
	color: #000;
}

.inf-Page-Header-Subtitle {
	color: #000;
}

.inf-Page-Header-LinkPanel .gwt-Label {
	color: #000;
}

.inf-SecondaryNavigationItem-Active a {
	color: #000;
}

.inf-SecondaryNavigationItem-Active {
	background: #E7E7E7;
	border: 1px solid #fff;
}


.inf-Page-TabBar {
	background: #E7E7E7;
}

.inf-MenuBar .gwt-PushButton-up-disabled {
	background-color: #FFF;
}

.inf-MenuBar .gwt-ToggleButton-up {
	background-color: #FFF;
}

.inf-MenuBar .gwt-PushButton-up {
	background-color: #FFF;
}

.inf-DataTable .TableHeaderRow {
	color: #b74d17;
}

.inf-OwnerPanel {
	background: #E7E7E7;
}

.inf-DataTable .Selected {
	background: rgb(231, 231, 231) !important;
}

.button {
    border: 1px solid #000 !important;
}

.inf-Viewport > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1){
	    background: #FFF;
}

/*
Button color when pushed
*/
.gwt-PushButton .html-face td {
    color: #b74d17;
}

/*
Selected Bar in dashboard control panel
*/
.gwt-StackPanelItem-selected {
    background-image: -moz-linear-gradient(#f26822, #b74d17) !important;
}

/*
Data column headers
*/
.dragdrop-draggable {
    color: #b74d17;
}

/*
Result Hyperlink Text
*/
.gwt-Hyperlink a {
    color: #464646;
}

/*
Root Permissions Subheaders
*/
.GroupHeaderCell {
	color: #b74d17;
}