/*------------------------------------------*/
/*	main containers							*/
/*------------------------------------------*/
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 10px;
	overflow: hidden;
}

#mainContainer {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
}

#mainContentContainer {
	padding: 10px;
}

/*------------------------------------------*/
/*	html elements							*/
/*------------------------------------------*/
img { border: none; }

form { margin: 0; }

p {
	margin: 0;
	padding: 0;
}

input {
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0 2px;
	border: solid #8ba0bd 1px;
	vertical-align: top;
}

.dateTextBox, .timeTextBox {
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0 !important;
	padding: 0 2px;
	width: 75px;
}

select {
	font-family: verdana, sans-serif;
	font-size: 10px;
	border: solid #8ba0bd 1px;
	padding: 0;
}

textarea {
	font-family: verdana, sans-serif;
	font-size: 10px;
	border: solid #8ba0bd 1px;
}

button {
	font-family: verdana, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
}

a {
	text-decoration: none;
	color: #0c326b;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

fieldset {
	border: solid #888888 1px;
}

legend {
	font-weight: bold;
	color: black;
}

input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
	background-color: #eeeeee !important;
	color: black !important;
}

select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
	border: solid #8ba0bd 1px !important;
}

input:focus, textarea:focus, select:focus, .dijitTextBoxFocused, .dijitCheckBoxFocused {
	box-shadow: 0 0 5px #0c326b;
	outline: none;
}

/*------------------------------------------*/
/*  helper classes  						*/
/*------------------------------------------*/
.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both !important; }

.hide {
	display: none;
}

.containFloats {
	overflow: hidden;
	zoom: 1;
}

.loading {
	padding-left: 3px;
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
}

.warning {
	font-weight: bold;
	color: red;
}

/* note: display: none; will break IE enter key */
.hideSubmit {
	height: 0;
	width: 0;
	border: none;
}

.validateValid {
	background-color: #cfffcf !important;
}

.validateInvalid {
	background-color: #ffcfcf !important;
}

.simpleTable th, .simpleTable td {
	border-bottom: solid #cccccc 1px;
}

.dialogContainer {
	overflow: hidden;
	zoom: 1;
}

#periodSelector {
	position: absolute;
	z-index: 100;
	padding: 5px;
	background-color: #d9e6f9;
	border: solid black 1px;
}

/*------------------------------------------*/
/*  page title bar  						*/
/*------------------------------------------*/
.lockoutOn {
	position: relative;
	top: -5px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	padding: 1px 0;
	color: white;
	border: solid black 1px;
	background: #bb0000;
	background: linear-gradient(to bottom, #ee0000, #bb0000);
}

.lockoutOff {
	position: relative;
	top: -5px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	padding: 1px 0;
	color: #555555;
	border: solid black 1px;
	background: #bbbbbb;
	background: linear-gradient(to bottom, #eeeeee, #bbbbbb);
}

.lockoutOn .lockoutInfo, .lockoutOn .lockoutInfo a {
	font-weight: normal;
	color: #eeeeee;
}

.lockoutOff .lockoutInfo, .lockoutOff .lockoutInfo a {
	font-weight: normal;
	color: #555555;
}

.setTitle {
	position: relative;
	top: -5px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	padding: 1px 0;
	background-color: #d9e6f9;
	color: black;
	border: solid black 1px;
}

.studyTitle {
	position: relative;
	top: -5px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	padding: 1px 0;
	background-color: yellow;
	color: black;
	border: solid black 1px;
}

/*------------------------------------------*/
/*	icons container							*/
/*------------------------------------------*/
.iconsContainer {
	margin-top: 1px;
}

.iconsContainer img {
	float: none;
	display: inline;
}

.iconsContainer span {
	position: relative;
	top: -6px;
	padding-left: 2px;
	padding-right: 4px;
}

.iconsContainer a:hover {
	text-decoration: none;
}

.iconsContainer a:hover span {
	text-decoration: underline;
}

/*------------------------------------------*/
/*	dojox grid								*/
/*------------------------------------------*/
.dojoxGrid {
	background-color: transparent !important;
	font-family: verdana, sans-serif;
}

.dojoxGridScrollbox {
	background-color: transparent !important;
}

.dojoxGridCell {
	padding: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.headerTotal {
	background-image: none !important;
	font-weight: normal;
}

.gridNumber, .gridCurrency {
	text-align: right !important;
}

.gridButton, .gridFlag {
	text-align: center !important;
	padding: 0 !important;
}

.gridAction {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*------------------------------------------*/
/*	dijit dialog							*/
/*------------------------------------------*/
.dijitDialogPaneContent {
	background-color: #eeeeee !important;
}

.dijitDialogUnderlay {
	background-color: black !important;
}

#mainDialog .dijitDialogTitle {
	padding-right: 20px !important;
}

#modalDialog .dijitDialogTitleBar {
	text-align: center;
}

/*------------------------------------------*/
/*	dijit misc								*/
/*------------------------------------------*/
.dijitTextBox {
	vertical-align: top;
}

.dijitComboBox {
	padding-left: 2px;
	margin: 0 !important;
}

.dijitTitlePaneTitle {
	padding: 0 !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}

.dijitTitlePaneContentInner {
	padding: 0 !important;
}

.dijitTitlePaneContentOuter {
	border: none !important;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
	background: #cad2de url("../images/progressBarAnim.gif") repeat-x center center !important;
}

.dijitCalendar .dijitDropDownButton:hover {
	background-color: #b9cbf1;
}

.dijitCalendarDateTemplate:hover {
	background-color: #b9cbf1 !important;
	color: black !important;
	border: #4b5aaa solid 1px !important;
}

/* change disabled/readonly to match tcc */
.dijitTextBoxReadOnly, .dijitTextBoxReadOnly .dijitButtonNode,
.dijitTextBoxDisabled, .dijitTextBoxDisabled .dijitButtonNode,
.dijitButtonDisabled .dijitButtonNode,
.dijitToggleButtonDisabled .dijitButtonNode,
.dijitDropDownButtonDisabled .dijitButtonNode,
.dijitComboButtonDisabled .dijitButtonNode {
	border-color: #8ba0bd !important;
	opacity: 1 !important;
}

/* change dijit error to match tcc */
.dijitError {
	background-color: #ffcfcf !important;
	border: solid #8ba0bd 1px !important;
}

/* remove validation icon */
.dijitValidationIcon {
	display: none !important;
}

/*------------------------------------------*/
/*	menu container							*/
/*------------------------------------------*/
#menuContainer {
	color: black;
	background-color: white;
	border-top: solid #aaaaaa 1px;
	border-bottom: solid #aaaaaa 1px;
	font-family: verdana, sans-serif;
	font-size: 11px;
}

.menuItemContainer {
	float: left;
}

.menuItemContainer a {
	display: block;
	color: black;
	background-color: white;
	white-space: nowrap;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: default;
}

.menuItemContainer a:hover {
	color: white;
	background-color: #005f86;
	text-decoration: none;
}

.menuItem {
	padding-left: 8px;
	padding-right: 8px;
}

.subMenuItem {
	position: absolute;
	display: none;
	background-color: white;
	color: black;
	border: solid black 2px;
}

.subMenuItem a {
	background-color: white;
	color: black;
	border-bottom: solid #dddddd 1px;
	padding: 2px 10px;
}

#tccTitleBar {
	float: right;
	padding: 2px 5px 3px;
}

/*------------------------------------------*/
/*  search container						*/
/*------------------------------------------*/
.searchContainer {
	width: 100%;
	overflow: hidden;
	zoom: 1;
}

.searchBox {
	background-color: #efefef;
	border: 1px solid #aaaaaa;
	padding: 0;
	margin-bottom: 6px;
	overflow: hidden;
	zoom: 1;
}

.searchCriteria {
	float: left;
	padding: 5px;
	white-space: nowrap;
}

.searchLabel {
	font-size: 10px;
	white-space: nowrap;
}

.searchSummary {
	margin-top: 4px;
	height: 18px;
	font-family: verdana, sans-serif;
	font-size: 10px;
}

.searchResults {
	border: solid #cfcfcf 1px;
	height: 127px !important;
	overflow-x: auto;
}

.largeSearchResults {
	border: solid #cfcfcf 1px;
	height: 360px !important;
	overflow-x: auto;
}

.filterBox {
	background-color: #efefef;
	overflow: hidden;
	zoom: 1;
}

.searchResultButtons {
	float: right;
	margin-top: 2px;
}

/*------------------------------------------*/
/*  details section							*/
/*------------------------------------------*/
#details {
	clear: both;
	margin: 0 10px;
	height: 240px;
	background-color: #efefef;
	border: solid #cfcfcf 1px;
	font-size: 10px;
	position: relative;
	z-index: 5;
}

#detailsContent {
	padding: 5px;
}

#detailsTitleBar {
	border-bottom: solid #cfcfcf 1px;
	padding: 1px;
	overflow: hidden;
	zoom: 1;
	background: #d9e6f9 url('../images/titleBar.png') repeat-x scroll center top;
}

#detailsTitle {
	color: black;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

#detailsContentContainer {
	overflow: hidden;
	zoom: 1;
}

.detailsTable {
	border: solid #cfcfcf 1px;
	overflow-x: auto;
}

.detailsTableTitle {
	color: black;
	padding-bottom: 2px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.detailsGroup {
	padding: 5px;
	border-top: solid black 2px;
	border-left: solid #aaaaaa 1px;
	border-right: solid #aaaaaa 1px;
	border-bottom: solid #aaaaaa 1px;
	background-color: #d9e6f9;
}

.closeIcon {
	top: 0 !important;
	right: 1px !important;
}

/*------------------------------------------*/
/*  report section							*/
/*------------------------------------------*/
.reportGroupHolder {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 140px; /* max height */
}

.reportGroup {
	padding: 5px;
	border-top: solid black 2px;
	border-left: solid #aaaaaa 1px;
	border-right: solid #aaaaaa 1px;
	border-bottom: solid #aaaaaa 1px;
	background-color: #d9e6f9;
}

.reportTitle {
	font-weight: bold;
}

/*------------------------------------------*/
/*  login			  						*/
/*------------------------------------------*/
.loginContainer {
	text-align: center;
}

.loginContainer form {
	display: inline-block;
}

.loginContainer table {
	text-align: left;
}

.loginContainer #headerImages img,
.loginContainer #headerImages div {
	float: none;
}

/*------------------------------------------*/
/*  header			  						*/
/*------------------------------------------*/
#header {
	overflow: visible;
	z-index: 50;
}

#headerImages {
	overflow: hidden;
	padding: 5px;
}

#headerImages img {
	height: 50px;
}

#headerImages div {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	text-shadow: 1px 1px #d3ecf9;
	color: #005f86;
	padding: 5px;
}

#headerImages img,
#headerImages div {
	float: left;
}

/*------------------------------------------*/
/*  footer			  						*/
/*------------------------------------------*/
#footerContainer {
	overflow: hidden;
	color: black;
	font-family: verdana, sans-serif;
	font-size: 9px;
	padding: 5px;
}

#footerContainer.development,
#footerContainer.int1,
#footerContainer.int2,
#footerContainer.sandbox,
#footerContainer.staging {
	background-color: crimson;
	color: white;
}

#footerCopyright {
	float: left;
}

#footerUser {
	float: right;
}

#buildDate {
	float: left;
	padding-left: 10px;
}

#buildVersion {
	padding-left: 5px;
}

#buildEnvironment {
	font-weight: bold;
	padding-left: 10px;
}

/*------------------------------------------*/
/*  html public report						*/
/*------------------------------------------*/
#publicReport table {
	border-collapse: collapse;
	empty-cells: show;
}

#publicReport table.headerTable td {
	font-size: 10px;
	text-align: center;
}

#publicReport table.dataTable {
	margin: 10px 0;
	padding: 5px;
	background-color: white;
}

#publicReport table.dataTable th {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	background-color: #e2e1ff;
	border: 1px solid black;
}

#publicReport table.dataTable tr {
	font-size: 9px;
	font-weight: bold;
	background-color: white;
	color: black;
}

#publicReport table.dataTable td {
	font-size: 9px;
	font-weight: normal;
	padding: 5px;
	border: 1px solid black;
	text-align: center;
}