/* WebPCR.Master Styles */

html
{
	height: 99%;
}

body
{
	border: 0px;
	margin: 1px;
	height: 100%;
	background-color: #EEEEEE;
	overflow: scroll;
}

form
{
	height: 100%;
	overflow: hidden;
}

/*

#mainDiv
{
	/*height:100%;* /
}

*/
#tbMain
{
	height: 100%;
	overflow: hidden;
}

/*

#headerDiv
{
	vertical-align:top;
	height:70px;
	border-bottom: 3px solid #FF0000;
}

/* End WebPCR.Master Styles */


/* Desktop Styles */

.desktop-toolbar-content
{
	width: 100%;
	padding-right: 5px;
}

.desktop-toolbar-right
{
	width: 100%;
}

/*
.desktop-menu-container
{
	border: 1px solid #FF0000;
	border-top: 0px;
	padding: 3px;
	margin:auto;
}

.desktop-messages
{
	padding-left:10px;
}

#desktop-msg-header
{
	padding-top:10px;
	width:100%;
}

/* End Desktop Styles */


/* Login Page Styles */

.login-table-quirks
{
	text-align: center;
}

.login-table
{
	width: 300px;
	margin: auto;
}

.login-caption
{
	text-align: left;
	width: 100px;
}

.login-data
{
	width: 250px;
}

.val-login
{
	width: 90%;
	margin: 0px auto;
	text-align: center;
}

.footer {
  font-family: Arial;
  font-weight: normal;
  font-size: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  width: 100%;
  text-align: center;
}

/* End Login Page Styles */

/* Change Password Page Styles*/

.ChangePassword-table-quirks
{
	text-align: center;
}

.ChangePassword-table
{
	width: 270px;
	margin: auto;
}

.ChangePassword-caption
{
	text-align: left;
	width: 100px;
}

.ChangePassword-data
{
	width: 150px;
}

.val-ChangePassword
{
	width: 90%;
	margin: 0px auto;
	text-align: center;
}


/* End Change Password Page Styles */

/* Form Merge Dispatched PCR prompt Styles */

.prompt-container
{
	text-align: center; /* Aligns the content to the center, horizontally. When we remove quirks we may have to change to margins:auto; */
	margin-top: 20px;
}

.prompt-label
{
	font-family: Arial;
	font-weight: normal;
	font-size: medium;
	background-color: Transparent;
	color: #003366;
}

/* End Form Merge Dispatched PCR prompt Styles */



/* Editor fields - table layout */

/* Style used for the HTML table control */
.dataEntry-contianer
{
	border-width: 0;
	border-bottom-style: solid;
	border-bottom-color: rgb(200,200,200);
	border-bottom-width: 1px;
	width: 100%;
}

#dataEntry-caption
{
	width: 200px;
}

.dataEntry-controls
{
}


/* Original Styles */
/* Main Style for the main buttons (Grey, Blue & Orange), and the other "Gray" and "organge" buttons */
.MainItemGray, .MainItemBlue, .MainItemOrange, .SideItemGray, .SideItemBlue, .SideItemOrange, .GrayButton, .OrangeButton
{
	height: 23px;
	cursor: hand;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	text-align: center;
	border: 2px outset #EEEEEE;
	padding: 0,0,0,0;
}

/* left side buttons */
.SideItemGray, .SideItemBlue, .SideItemOrange
{
	padding-left: 5px;
	text-align: left;
}

/* Background image for the gray buttons */
.MainItemGray, .SideItemGray, .GrayButton
{
	background-image: url(images/menubar-grey.gif);
}

/* Background image for the blue buttons */
.MainItemBlue, .SideItemBlue
{
	background-image: url(images/menubar-blue.gif);
	color: White;
}

/* Background image for the orange button */
.MainItemOrange, .SideItemOrange, .OrangeButton
{
	background-image: url(images/menubar-orange.gif);
}

/* Settings for the "Other" buttons (Orange & gray) */
.GrayButton, .OrangeButton
{
	border-color: #000000;
}

/* Styles for all the Menus*/
.desktopMenu
{
	padding: 0px 2px;
	background-color: Transparent;
}

.desktopMenuItems
{
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: Black;
	height: 24px;
	margin: 0px 2px;
}

/* Style for the Header text on the pages (in the top section of the master page) */
.ToolbarHeader
{
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 0px;
	margin-left: 2px;
	margin-right: -8px;
	height: 10px;
	color: black;
}

/* Validation Styles */
.val, .valAsterisk
{
    padding-left: 21px;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	color: Red;
}
.valSuccess
{
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	color: Black;
}

/* Asterisk used for required fields */
.valAsterisk
{
	font-size: 20px;
}

/* Simple style to hid any columns */
.HiddenColumn
{
	display: none;
}


/* DataGrid style */
.Grid
{
	border-bottom: 1px solid #000044;
	border-left: 1px solid #000044;
	border-top: 1px solid #000044;
	border-right: 1px solid #000044;
}

.GridHeader, .AssessmentGridHeader
{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	background-color: rgb(190,190,190);
	color: black;
}

.AssessmentGridHeader
{
	padding-left: 1px;
	text-decoration: none;
}

.GridData, .AssessmentGridData, .GridDataNoBottomBorder, .GridDataAlternating
{
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	background-color: #FFFFFF;
	color: #000044;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	vertical-align: text-top;
	text-align: left;
}

.GridDataAlternating
{
	background-color: #E5DFA7;
}

.GridDataNoBottomBorder
{
	border-width: 0px;
}

.GridReverse
{
	/*	background-color:#EBDCB4; */
	background-color: #DDDDDD;
	color: #000044;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.GridSelectedItem, .AssessmentsGridSelectedItem
{
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	background-color: #3366CC;
	color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	vertical-align: text-top;
	text-align: left;
}

.AssessmentsGridSelectedItem
{
	font-weight: bold;
	padding-left: 1px;
	border-width: 0px;
	text-decoration: none;
}

/* GSC HR */
.HR1
{
	color: #EBDCB4;
	height: 1px;
}



/* Styles for captions (i.e., next to blocks) */
.DataCaption, .DataCaptionNoPad, .DataCaptionLeft, .InfoCaption, .DataCaptionSmallPadding
{
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 20px;
	background-color: Transparent;
	color: #003366;
	vertical-align: top;
}

.DataCaptionLeft
{
	width: 200px;
	vertical-align: top;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
}

.DataCaptionNoPad
{
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
}

.DataCaptionSmallPadding
{
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	vertical-align: middle;
}

.DataValue, .DataValueNoBorder, .DataValueNoPad, .watermarked
{
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	color: #000000;
	vertical-align: baseline;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}


.DataValueNoBorder
{
	border: 0px;
}

.DataValueNoPad
{
	padding: 0px;
}

.InfoCaption
{
	font-weight: bold;
}

.DropDownList
{
	border: 1px solid #7F9DB9;	
	background-color: white;
	vertical-align: middle;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: black;
	padding-top: 4px;	
	padding-left: 5px;
	height: 22px;
	cursor: default;
}

.GroupHeader
{
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px; /*height: 26px;*/
	background-color: #999999;
	color: black;
	width: 99%;
	display: block;
}

.SubGroupHeader
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-color: #6699FF;
	color: #FFFFFF;
	text-align: left;
	height: 20px;
}

.SubGroupHeaderCaption
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Sets the hieght of the nav command buttons */
.NavButton
{
	height: 26px;
}


/* Main table for the panel on the editor page */
.TableCellEditorPanelMain
{
	background-color: rgb(255,255,255);
	width: 100%;
	height: 100%;
	vertical-align: top; /*display:table-row;*/
}





/* Simple table, no borders or padding, fullscreen */
.TableBasic
{
	border: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}


/* AJAX Styles */
.AJAXDivNormal
{
	background-color: #FFFFFF;
	cursor: auto;
}

.AJAXDivProgress
{
	background-color: #EEEEEE; /*   background-image: url(images/ajax-progress.gif);   background-position: center center;   background-repeat: no-repeat;   */
	cursor: wait;
}

.Center-Table-Div
{
	text-align: center;
}

.Center-Table-Style
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*Textbox Watermark*/

.watermarked
{
	height: 20px;
	padding: 2px 0 0 2px;
	border: 1px solid #BEBEBE;
	background-color: #F0F8FF;
	color: gray;
}

/* Search Screen Divider */
.SearchDivider
{
	width: 100%;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/* Search Listing */
.SearchListing
{
	font-family: Arial;
	font-weight: normal;
	font-size: medium;
}
.ListingGroupGridHeader
{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	background-color: rgb(190,190,150);
	color: black;
}