body
{
	padding-top: 2px; 
	padding-bottom: 2px;
	margin: 0px;
	word-spacing: normal;
	text-transform: none;
	color: black;
	
	/*hpg 3.0.0*/
	font-size: 13px;
	font-family: /*'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */arial, verdana, helvetica, sans-serif !important; 
	height: 100%;
	background-color: #FCFCFC; 
}
table:not(.gridviewtable), tbody, tfooter, tr:not(.gridviewtable tr), td:not(.gridviewtable td), th:not(.gridviewtable th)
{
	border-color: #A6C9E2;
}


A:link { color : #006872; /* DarkOliveGreen;*/}
A:active { color : #006872; /* DarkOliveGreen;*/}
A:visited { color : #006872; /* DarkOliveGreen;*/}
A:hover { color : #006872; /* DarkOliveGreen;*/}

.textboxes
{
	/*border: solid 1px #000000;  */
	padding: 1px;
}
.menus a 
{
	display: block;
}

.menus a:link {
   color: #006872;
}

.menus
{
	vertical-align: middle;
}
.topBar
{
	font-family: Arial;
	font-size: medium;
	color: #A9A9A9; /*darkgray;*/
	background-color: white; 
	border: solid 1px silver;
}

.menuBar
{
	vertical-align: middle; 
	background-color: #B4E090; /*#006872; #B4E090;*/
	width: 100%;
	padding-left: 10px;
}
.menuBar a {
	color: #006872;
}

.menus td table{
	padding: 7px;
	font-weight: bold;
}
.subMenus {
	background-color: #B4E090; /*#006872;*/
	font-weight: bold;
	padding: 5px;
	margin: 0;
}
.menuHover 
{
	background-color: #006872;
	color: White !important;
}

.headerTitle
{
	font-family: Arial;
	font-size: 26pt;
	font-weight:  bolder;
	color: #006872; /*DarkGreen;*/
	padding-left: 2px;
}

.pageSubTitle
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bolder;
	color: #556B2F; /* DarkOliveGreen;*/
	padding-left: 5px;
	/*background: whitesmoke; #e8e6cf; #c3c0a5; OACCAC Beige */
}

.toolbar, toolbar td
{
	font-family: Verdana;
	font-size: 10pt;
	BORDER: #c6bfa9 1px solid;
	text-align: center;
	VERTICAL-ALIGN: middle; 
	HEIGHT: 22px; 
	background-image: url('images/BGBarBeige1x30.gif'); 
	background-repeat: repeat-x;
	BACKGROUND-COLOR: #ece9d8
}

.buttonBar, buttonbar td
{
	font-family: Verdana;
	font-size: 10pt;
	/*BORDER: #c6bfa9 1px solid;*/
	BORDER-TOP: 1px solid DarkKhaki; 
	text-align: center;
	VERTICAL-ALIGN: middle; 
	HEIGHT: 22px; 
	background-image: url('images/BGBarBeige1x30.gif'); 
	background-repeat: repeat-x; 
	background-color: #f2f2ea;
	padding-right: 5px;
}

.addEditTitle
{
    color: white;
	vertical-align: middle; 
	background-color: #008C99; 
	width: 100%;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	border-color:#008C99;
	height:30px;
}

.tblLogin
{
    border: #008C99 1px solid;
	margin-top:10px;
}

.addEditCellss
{
   	color: black; 
	padding-right: 5px;
	text-align: left;
	padding-left: 40px; 
	vertical-align: top; 
	height: 188px; 
	width: 392px;
}



.pageTitleControl
{
	color: black;
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: Normal;
	FONT-SIZE: 9pt;
	vertical-align: middle;
	border: gray solid 1px;
}

.kButton
{
	border: 1px solid transparent;
	font-size: 12px;
	font-weight:bold;
	color: White !important;
	background-repeat: repeat-x;
	background-color: #006872; /*#008C99 AZ:#008C99;*/
	padding-left:23px;
	padding-right:23px;
	padding-bottom: 23px;
	height:25px; /*AZ: 32px*/
	margin:2px;
	text-align:center;
	margin-right:20px;
}


.tab
{
	font-size: 11pt;
	/*font-weight: bold;*/
	color: #556B2F; /* DarkOliveGreen;*/
	text-align: center;
	padding-top: 6px;
	background-image: url('images/Tab1.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
}


.tabTable
{
	font-size: 10pt;
	color: #006400; /*DarkGreen;*/
	background-color: #f2f2ea; /* lighter beige */
	border: #D4D2C4 1px solid;
}


.errorMsg
{
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 10pt;
	color: Red;
}


.grid
{
	/*
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: normal;*/
	FONT-SIZE: 9pt;
	padding-right: 12px;
	border-style: ridge;
	border-width: 2px;
	border-color: #EFEDDD; /* light beige */
	color: white;
	/*table-layout: fixed; to control cols' width; */
	/*white-space: normal;*/
	vertical-align: middle;
}


.gridHead, .gridHead td, .gridHead th, .gridActionHead
{
	background-image: url('images/BG Button Beige 40x18.jpg'); 
	background-repeat: repeat-x;
	background-color: white; 
	border: ridge 2px;  /*darkbeige = #8e8b6f*/
	color: #556B2F; /*DarkOliveGreen;*/
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;

	text-align: left;
	
	padding-left: 5px;
	padding-right: 5px;
}

.gridActionHead
{
	text-align: center;
}

.gridActionCol
{
	text-align: center;
	vertical-align: middle;
}

.gridHead a:link a:active a:visited {
	color: red; /*DarkOliveGreen;*/
	text-align: left;
}

.gridHead a:hover {
	color: #9ACD32; /*YellowGreen;*/
}

.gridActionHead
{
	text-align: center;
}

.gridFooter
{
	background-image: url('images/BG Bar Beige rev 10x24.jpg'); 
	background-color: white;
	/*border: ridge 0px #edece4;*/
	height: 20px;
}
.gridFooter td
{
	border: ridge 0px #edece4;
}

.gridPager
{
	background-image: url('images/BG Bar Beige rev 10x24.jpg'); 
	background-color: #edece4; /* #ece9d8 #e8e6cf; #c3c0a5; */
	color: #006400; /*DarkGreen;*/
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	text-align: Left;
	vertical-align: middle;
	border: ridge 2px #edece4;
	height: 20px;
}

.gridPager span
{
	padding-left: 5px;
}

.gridPager a:link a:active a:visited {
   color: #556B2F; /* DarkOliveGreen; */
}

.gridRow
{
	background-color: whitesmoke; /*#f2f2ea;  lighter beige */
	color: black;
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	vertical-align: middle;
	word-break: break-all;
	height: 16px;
}


.gridRow td 
{
	padding-left: 5px;
	padding-right: 5px;
}

.gridAltRow
{
	background-color: white; 
	color:  black; #333333;
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	vertical-align: middle;
	word-break: break-all;
	height: 16px;
}

.gridAltRow td 
{
	padding-left: 5px;
	padding-right: 5px;
}

.gridSelRow
{
	background-color: #e8e6cf; 
	color: #006400; /*DarkGreen;*/
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: Bold;
	FONT-SIZE: 9pt;
	vertical-align: middle;
}

.gridSelRow td 
{
	padding-left: 5px;
	padding-right: 5px;
}

.gridSelRowCol0
{
	background-color: #e8e6cf; 
	color: #006400; /*DarkGreen;*/
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: Bold;
	FONT-SIZE: 9pt;
	vertical-align: middle;
	text-align: right;
	background-image: url('images/GridRowSelectArrow.gif');
	background-repeat: no-repeat;
}

.gridEditRow
{
	background-color: #e8e6cf; 
	color: black;
	font-family: Arial, Verdana;
	font-weight: normal;
	font-size: 10pt;
	vertical-align: middle;
}


.teamList
{
	/*background-image: url(images/BG Button Beige 40x18 rev.jpg);
	background-repeat: repeat-x;
	background-color: #e8e6cf; */
	color: #556B2F; /* DarkOliveGreen;*/
	font-family: Arial, Verdana;
	font-weight: normal;
	font-size: 10pt;
	border: solid 1px #556B2F; /* DarkOliveGreen;*/
}
.ui-dialog.fixed {
	position: fixed;
}
.Loader .ui-dialog-titlebar
{
 display:none;
}
.Loader img
{
 margin: 10px;
}


div#content
{
	padding: 5px;
}

.webpart
{
	FONT-SIZE: 9pt;
	padding-right: 12px;
	border-style: ridge;
	border-width: 2px;
	border-color: #EFEDDD;
	color: black;
	vertical-align: middle;
}

/*PMI Flat File Validation Errors */
#ValidationErrors
{
	height:100%;
	width:100%;
	color:Red;
	border: solid 1px;
	text-align:left;	
	font-family:Calibri;
	font-size:medium;
	font-weight:bold;
	background-color:#EDEADA	
}

#ValidationErrors textarea 
{
	height:40px;
	width:1000px;
	color:#556B2F;
	border: solid 1px;
	text-align:left;		
	font-family:Calibri;
	font-size:medium;	
	background-color:#EDEADA;
}

#ValidationErrors a  
{
	color:#556B2F;
	text-align:left;	
	font-family:Calibri;
	font-size:medium;	
	font-weight:bold;
	background-color:#EDEADA;	
} 
#ValidationErrors a:hover
{
	color:red;
	text-align:left;	
	font-family:Calibri;
	font-size:medium;	
	font-weight:bold;
	background-color:#EDEADA;	
} 

#ValidationErrors #divTitle  
{
	margin-left:0px;
	color:#FF0000;	
	font-family:Tahoma;
	font-size:large;
	font-variant:normal;
	background-color:#EDEADA;
}

#ValidationErrors #divSubTitle 
{
	margin-left:0px;
	color:#556B2F;	
	font-family:Tahoma;
	font-size:small;
	font-variant:normal;
	background-color:#EDEADA;
}

.ErrorHeader
{
	width:50%;
	height:75px;
	margin-top:50px;
	margin-left:50px;	
	border:solid 1px red;
	background:green;
	color:White;
}

.ErrorDetails
{	
	font-family: Arial, verdana, helvetica, sans-serif;		
	font-size: 9pt;
	font-weight:bold;	
	color: #556B2F; /* DarkOliveGreen;*/
	vertical-align:bottom;
	margin-top:5px;
	margin-left:5px;	
	color:Black;
}

.ErrorDetails table
{
	width:100%;  
}



.ErrorDetails span
{
	font-family:Tahoma;
	font-size:small;	
}

/* SEARCH CRITERIA CSS START*/

.minimizeMaximizeButton
{
	border: #c3c0a5 1px solid;
	font-size: 10pt;
	font-weight:bold;
	color:  #556B2F; /* DarkOliveGreen;*/ 
	background-image: url('images/BG Button Beige 40x18.jpg');
	background-repeat: repeat-x;
	background-color: #d2d0bc;        
	height:18px;
}
.searchContainer
{
	padding-right: 12px;
	border-style: ridge;
	border-width: 2px;
	border-color: #EFEDDD; /* light beige */
	background-color: whitesmoke; /*#f2f2ea;  lighter beige */    
	FONT-FAMILY: Arial, Verdana;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	vertical-align: middle;        
	border: ridge 1px;  /*darkbeige = #8e8b6f*/
	color: #556B2F; /* DarkOliveGreen;*/ 
}

.searchCriteriaHeading 
{	
	font-family: Arial, verdana;		
	font-size: 9pt;    
	color: Red;    
	vertical-align:bottom;
}

.searchCriteriaItem
{	
	font-family: Arial, verdana, helvetica, sans-serif;		
	font-size: 99pt;
	vertical-align:bottom;
}

/* SEARCH CRITERIA CSS END*/

 
/*.RadGridHeader
{	
	font-family: Arial, verdana, helvetica, sans-serif;	
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	background-image: url('images/BG Button Beige 40x18.jpg'); 
	background-repeat: repeat-x;
	background-color: white;    
	border:  0pt; 
	color: Olive;     
	text-align: left;    
	padding-left: 2px;
	padding-right: 2px;		
	border-right: 1px ridge gray;
	
}

.RadGridItem
{	  
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;    
	background-color: whitesmoke;
	padding-left: 2px;
	padding-right: 2px;
}
.RadGridAlternateItem
{
	font-family: Arial, verdana, helvetica, sans-serif;	
	font-size: 9pt;
	text-align: left; 
	background-color: white;     
	padding-left: 2px;
	padding-right: 2px;
}*/
/* RAD GRID CSS END*/
.Show 
{
	display:inline;
}
.Hide 
{
	display:none;	
}

.popPanel_buttons
{
	font-size: 10px;
}

.popPanel_txtToFromTeam b 
{
	font-size: 11px;
}

table.ESDStatusMessage
{
	background-color: #FAFAFA;
	margin: 0px 1%;
	border: solid 2px #909090;
	color:  #FF0000;
	width: 98%;
}

/*			SEARCH CRITERIA  START	*/
.searchCriteriaMinimizeMaximizeContainer  
{
	border: #c3c0a5 1px solid;
	font-size: 10pt;
	font-weight:bold;
	color:  #556B2F; /* DarkOliveGreen;*/
	background-image: url('images/BG Button Beige 40x18.jpg');
	background-repeat: repeat-x;
	background-color: #d2d0bc;        
	height:18px;
}


.searchCriteriaContainerShow 
{
	display:inline;
}
.searchCriteriaContainerHide 
{
	display:none;	
}

/*			SEARCH CRITERIA  END	*/
.rtsTxt
{
	color: #556B2F; /* DarkOliveGreen;*/
	font-family: Verdana;	
	font-weight: bold;
	font-size: 9pt;
} 

/* HPG 3.0.0 */

.pageContainer h1, .pageContainer h2,.pageContainer h3,.pageContainer h4,.pageContainer h5,.pageContainer h6
{
    font-family: Arial, verdana, helvetica, sans-serif;
    line-height: 26px;
}
.pageContainer
{
	height: auto;
	line-height: 26px;
	font-size: 13px;
	font-family: Arial, verdana, helvetica, sans-serif;
	height: 100%;
	line-height: 2.0;
}

div, input, select, span, img, table, ul{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input[type="text"],input[type="password"]{
	border:1px solid lightgrey;
	margin-right: 1px;
}

input, select
{
	padding: 1px;
    font-size: 13px !Important;
    line-height: 2em !Important;
    height: 2em;
    position: relative;

}
/* jqGrid pager fixes*/
.ui-pager-control 
{
	height: 100%;	
}
.ui-jqgrid .ui-paging-info 
{
	height: auto;
	margin-top: 0;	
}
.ui-pg-input, .ui-jqgrid-pager span, .ui-jqgrid-pager input
{
	vertical-align: baseline !important;
	padding-left: 1px;
}
.ui-pg-input[type='text']
{
	height:18px;
}
.ui-jqgrid
{
	background-image: none;
	background-color:#DFEFFC;
	border-color:#6a97c9;
}

.ui-jqgrid .ui-jqgrid-bdiv 
{
	position: relative; 
	margin: 0em; 
	padding:0; 
	/*overflow: auto;*/ 
	overflow-x:hidden; 
	overflow-y:auto; 
	text-align:left;
}
.ui-jqgrid .ui-jqgrid-hbox {
	/*font-size: 12px;*/
	line-height: 1.5;
	background-color: #008C99; 	
}
.ui-jqgrid .ui-jqgrid-htable th {
	padding: 4px 2px;
	background: transparent;
	vertical-align: middle;
	color:White;
}
.ui-jqgrid {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.ui-pager-control > .ui-pg-table {
	border-top: 1px solid #A6C9E2;
}
.ui-jqgrid .ui-jqgrid-view
{
	font-size: 100%;
}

.ui-jqgrid tr.jqgrow
{
    background-color: inherit;
    border-color:lightgrey;
}
.ui-jqgrid tr.jqgrow.ui-priority-secondary
{
	background-image: none;
	background-color: White;
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.ui-jqgrid .ui-priority-secondary.ui-state-highlight
{
	background-image: none;
}
.ui-jqgrid-sortable .ui-grid-ico-sort.ui-state-disabled {
	background-color: transparent;
}
/* END jqGrid pager fixes*/

/** Items impacted by reset **/

h1,h2,h3,strong,b
{
	font-weight: bold;
	margin: 0px;
	text-align: center;
	color: black !important;
}
h4,h5,h6{
	color: black !important;
}

fieldset 
{
	position: relative !Important;
	border: 1px solid #A6C9E2 !Important;
	padding: 0 10px 10px 10px !Important;
	line-height: 2.0 !Important;
}
fieldset legend {
	margin-left: 10px !Important;
	font-weight: bold !Important;
    width: auto !Important;
    border-bottom: 0 !Important;
}
fieldset label
{
	vertical-align: top !Important;

}
table.menu table {
	line-height: 1.0;
}
tr, td 
{
	vertical-align: middle;
}
/** End items impacted by reset **/

/**Page Level**/



.pageTitle
{
	font-family: Arial;
	font-size: 24px;
	font-weight: bolder;
	color: #006872; /* DarkOliveGreen;*/
	padding-left: 0px;
	line-height: 45px;
	/*background: whitesmoke; #e8e6cf; #c3c0a5; OACCAC Beige */
}

.searchCriteria
{
	border-color: #EFEDDD; /* light beige */
	font-family: Arial, Verdana;
	font-size: 12px;
	/*color: #556B2F;*/ /* DarkOliveGreen;*/ 
}

.searchCriteria legend
{
	font-size:16px;
	font-weight:bold;
}

.searchCriteria fieldset
{
	line-height:2.0;
	padding-left:20px;
}
.searchCriteria button
{
	margin-right:20px;
}
.validatedField, .field {
	display: inline-block;
	vertical-align: top;
	/*line-height: 2.0;*/
}
.validatedField .error {
	/*line-height: 2.0;*/
	padding: 1px;
}
.validatedField span {
	vertical-align: baseline;
}

.topButton
{
	float:right;
	margin-top: 5px!important;
	margin-right: 2%!important;
}

.pageContainer h4, .ui-dialog h4 {
	font-weight: bold;
}

input, h1, h2, h3, h4, img, strong
{
	vertical-align: middle;
}

label.title, span.title, .label
{
	text-align: right;
	width: 115px;
	margin-right:20px;
	display: inline-block;
	vertical-align: top;
}

label.error, ul.error, span.error, div.error
{
	font-weight:normal;
	font-size:90%;
	color: Red;
	border: 0px solid transparent;
	text-align: left !important;
	width: auto;
	vertical-align: middle;
	line-height: 2.0;
	white-space: normal;
	display: block;
}
.radioLabel {
	display: inline !important;
}
.searchResult
{
	padding-top:5px;
	font-family: Arial, Verdana;
	font-size: 12px;
	/*color: #556B2F;*/ /* DarkOliveGreen;*/ 
}
/*.searchResult fieldset
{
	padding-left:20px;
}*/

.searchResult legend
{
	font-size:16px;
	font-weight:bold;
}

.searchResultContainer
{
	width:98%;
}

div legend
{
    color:#209AB0;
}

.column
{
	float:left;
	position:relative;
	display:inline-block;
	line-height:1.5;
}

.column span
{
    padding-left:4px;
}

input[disabled='disabled']
{
	border: 0px;
	background-color:transparent;
}
input[disabled='disabled'].ui-autocomplete-input
{
	border: 1px solid lightgrey;
}
.section 
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.block 
{
	padding: 10px;
	float: left;
}
.controlblock 
{
	margin: 2px;
	float: left;
}
.controlblock > span {
	display: inline-block;
	position: relative;
}
.box {
	float:left;
	border: 1px solid #A6C9E2;
}
.box > h3 {
	background-color: #008C99;
	text-align: left;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom: 1px solid #A6C9E2;
	padding: 5px;
	color: white;
}
.box.block > h3 
{
	margin: -10px -10px 10px -10px;
}
.alpha {
	margin-left: 0 !important;
	padding-left: 0;
}
.omega 
{
	margin-right: 0 !important;
	padding-right: 0;
}
.top {
	margin-top: 0 !important;
	padding-top: 0;
}
.bottom {
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
.formViewTable tbody tr th {
	font-weight: bold;
	text-align: left;
	padding: 3px;
}
.pageContainer .table
{
	border-collapse: collapse;
	border: 1px solid #A6C9E2;
	width: 100%;
	background-color: #DFEFFC;
}
.pageContainer .table th /*, .RadGridHeader*/
{
	background-color:#DFEFFC;
	color: #006872;
	white-space: nowrap;
	padding: 3px 5px;
	font-size: 90%;
	font-weight: bold;
	text-align: center !important;
	border-right: 1px solid #A6C9E2;
	border-collapse: collapse;
}
/*.pageContainer .table th:first-child  {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #A6C9E2;
}*/
.pageContainer .table tr /*, .RadGridItem*/
{
	background-color: White;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A6C9E2;
}
.pageContainer .table tr.alt /*, .RadGridAlternateItem*/
{
	background-color: #DFEFFC;
}
.pageContainer .table td
{
	border: 1px solid #A6C9E2;
	padding: 3px 5px;
	border-collapse: collapse;
}
.pageContainer .table table td, .pageContainer .table table td span, .pageContainer .table table th, .pageContainer .table table th span {
	word-break: break-word;
}
.pageContainer .table th, .pageContainer .table td {
	border-top-style: none;
	border-bottom-style: none;
}
.box > .table, .box > .table tr, .box > .table th, .box > .table td
{
	border-style: none;
}
.box > .table tbody tr
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #A6C9E2;
}
.box > .table th, .box > .table td
{
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #A6C9E2;
}
.box > .table th:first-child, .box > .table td:first-child
{
	border-left-style: none;
}
.box.table > h3
{
	border: 1px solid #A6C9E2;	
}
.nomin TD
{
	min-width: 0;
	border: 1px solid lightgrey;
	padding: 0px 5px;
}
.highlight {
	padding: 0 10px;
	text-align: left;
	background-color: #DFEFFC;
	color: #006872;
	border: 1px solid lightgrey;
}
.fill {
	width: 100%;
}
h4.fieldLabel {
	display: inline;
	font-weight: bold;
	text-align: left;
}
.fieldset {
	position: relative;
	line-height: 2.0;
}
.fieldset.readonly
{
	line-height: 2.0;/*smaller height for label/span only display*/
}
.fieldset input[type='text'], .fieldset input[type='password']
{
	display: inline-block;
}
.fieldset label
{
	display: inline-block;
	text-align:right;
	vertical-align: top;
	margin-right: 5px;
}
.span /* use in conjunction with grid_x */ {
	float: none;
	display: inline-block;
	position: inherit;
	margin-left: 0;
	margin-right: 0;
}

div.center {
	width: 50%;
	margin: 0px auto;
}
.tabbox
{
	margin-top: 12px;
}
.ui-autocomplete-loading
{
	background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
	/*background-size: 98% 98%;*/
	/*background-color: green;*/
	/*border: 1px solid green;*/
}
.errorTarget
{
	border: 1px solid red !important;
}
.checkboxlist
{
	background-color: white;
	border: 1px solid lightgrey;
	overflow-x: hidden;
	overflow-y: auto;
	clear:both;
	font-weight: normal !important;
	padding: 5px;
}
.checkboxlist label {
	text-align: left;
}
a.secondary 
{
	font-size: 80%;
}
.collapse {
	line-height: 0;
}
.vtop {
	vertical-align: top !important;
}
.printonly
{
    display:none;
}
/**Page Level**/

/**Dialog Box**/
/*
.ui-dialog button, .pageContainer button, .ui-widget-content button, .pageContainer input[type="submit"]
{
	border: 1px solid transparent;
	font-size: 12px;
	font-weight:bold;
	color: White;
	background-repeat: repeat-x;
	background-color: #006872; 
	padding-left:23px;
	padding-right:23px;
	height: 2.5em; 
	margin:2px;
	text-align:center;
	margin-right:20px;
	vertical-align: middle;
}



.ui-dialog button:hover, .pageContainer button:hover, .ui-widget-content button:hover, .pageContainer input[type="submit"]:hover
{
	background-color: #045057;
	border: 1px solid #045057; 
	cursor: pointer;
}
    */
/*
.ui-dialog button:active, .pageContainer button:active, .ui-widget-content button:active, .pageContainer input[type="submit"]:active
{
	border-left:1px solid gray;
	border-top:1px solid gray;
	padding-top:1px;
	padding-left:24px;
	padding-right:22px;
}
.ui-dialog button.secondary, .pageContainer button.secondary, .ui-widget-content button.secondary, .kbutton.secondary
{
	background-color: #DFEFFC;
	border-color: #DFEFFC; 
	color: #008C99;
}
.ui-dialog button.secondary:hover, .pageContainer button.secondary:hover, .ui-widget-content button.secondary:hover
{
	background-color: #9FCFF7;
	border-color: #9FCFF7; 
	cursor: hand;
}
*/
.secondary, .kbutton.secondary, .secondary.btn-default
{
	background-color: #DFEFFC;
	border-color: #DFEFFC; 
	color: #008C99;
}
.secondary:hover, .btn-default:hover
{
	background-color: #9FCFF7;
	border-color: #9FCFF7; 
	cursor: hand;
}

/*
.ui-dialog button.secondary:active, .pageContainer button.secondary:active, .ui-widget-content button.secondary:active
{
	border-left:1px solid gray;
	border-top:1px solid gray;
	background-color:#DFEFFC;
	color:White;
	padding-top:1px;
	padding-left:24px;
	padding-right:22px;
}
*/
.ui-dialog button.skinny, .ui-widget-content button.skinny, .pageContainer button.skinny {
	padding: 1px 10px !important;
}
img.button 
{
    margin-right:5px;
	cursor: pointer;
	border:0;
	height:25px;
}

/*
img.button.lighten, span.lighten {
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; 
	filter: Alpha(Opacity=80);
}
img.button.disabled, span.disabled
{
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; 
	filter: Alpha(Opacity=40);
	cursor: default;
}
*/
img.button:hover
{
    background-color: #9FCFF7;
	cursor: hand;
}

.ui-dialog button.disabled, .pageContainer button.disabled, .ui-widget-content button.disabled
{
	background-color: rgb(235, 235, 228);
	border: rgb(235, 235, 228) 1px solid;
	color: #008C99;
	opacity:0.35;
}


.ui-dialog button.disabled:hover, .pageContainer button.disabled:hover, .ui-widget-content button.disabled:hover
{
	background-color:rgb(235, 235, 228);
	color: #008C99;
	border: rgb(235, 235, 228) 1px solid;
	cursor:default;
}

button.ui-multiselect.ui-state-default {
	height: auto;
	background-color: #DFEFFC;
	color: #008C99;
}
button.ui-multiselect.ui-state-hover {
	background-color: #9FCFF7;
	border: 1px solid #9FCFF7;
}
.ui-multiselect-checkboxes li {
	font-size: 1.0em;
}
/**Dialog Box**/
/** HeaderPanel **/
div.ui-headerpanel.ui-state-default
{
	background-color: #008C99;
	color: White;
}
.ui-headerpanel .ui-widget-header a:hover {
	color: White;
}
.ui-headerpanel > .ui-widget-header {
	padding: 0px;
	margin: 0;
}
.ui-headerpanel > .ui-widget-content {
	padding: 20px;
}
.ui-headerpanel > .ui-widget-content.panelTable {
	padding: 0px;
}
.ui-headerpanel > .ui-widget-content.panelTable > div {/* Add padding for panelTables when no table available */
	padding: 0 20px;
}
/*  HeaderPanel */
.htmlFragmentTable {
	border-spacing: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #A6C9E2;
	width: 100%;
	background-color: #DFEFFC;
}
.htmlFragmentColumnHeader {
	font-weight: bold;
}
.htmlFragmentCellHeader {
	font-weight: bold;
	white-space: nowrap;
}
.htmlFragmentCellHeaderWrap {
    font-weight: bold;
    white-space: normal;
    vertical-align: top;
}
.htmlFragmentTableHeader
{
	background-color:#DFEFFC;
	color: #006872;
	white-space: nowrap;
	padding: 3px 5px;
	font-size: 90%;
	font-weight: bold;
	text-align: center !important;
	border-right: 1px solid #A6C9E2;
	border-collapse: collapse;
}
.htmlFragmentTable th:first-child {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #A6C9E2;
}
.htmlFragmentTable tr 
{
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.htmlFragmentTable td
{
	border: 1px solid #A6C9E2;
	padding: 3px 5px;
	border-collapse: collapse;
}
.htmlFragmentTable table td, .htmlFragmentTable table td span, .htmlFragmentTable table th, .htmlFragmentTable table th span {
	word-break: break-word;
	border: none;
}
.htmlFragmentTable th, .htmlFragmentTable td {
	border-top-style: none;
	border-bottom-style: none;
}
.htmlFragmentTable tr.htmlFragmentTableRowOn {
	background-color: white;
}
.ui-headerpanel > .ui-widget-content.panelTable > .htmlFragmentTable{
	border: none;
}
.ui-headerpanel > .ui-widget-content.panelTable > .htmlFragmentTable tr, .ui-headerpanel > .ui-widget-content.panelTable > .htmlFragmentTable td, .ui-headerpanel > .ui-widget-content.panelTable > .htmlFragmentTable th{
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: none;
}
.ui-headerpanel > .ui-widget-content.panelTable > .htmlFragmentTable tr {
	border-top-style: solid;
	border-top-width: 1px;
}
.ui-headerpanel > .ui-widget-content.panelTable > .htmlFragmentTable tr:first-child {
	border-top-style: none;
	border-bottom-style: none;
}

/** Autocomplete **/

.ui-autocomplete-listbox {
	display:inline-block;
	position:relative;
	border: 1px solid lightgrey;
	background-color: white;
}
.ui-autocomplete-listbox-input {
	border: none !important;
	margin: 0 !important;
	padding: 1px;
	border-bottom: 1px solid lightgrey  !important;
	height: 1.5em;
}
.ui-autocomplete-listbox-list {
	display: block;
	padding: 2px;
	margin: 0px !important;
	height: 150px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 1.5;
}
.ui-autocomplete-listbox-listitem {
	display: table-row;
	padding: 5px;
}
.ui-autocomplete-listbox-listitem.hover {
	color: Green;
	font-weight: bold;
}
.ui-autocomplete-listbox-listitem-content {
	display: table-cell;
	overflow: hidden;
	width: 100%;
}
.ui-autocomplete-listbox-listitem-button {
	display: table-cell;
	float:right;
}
.ui-tabs .ui-tabs-nav LI.ui-state-active A {
	cursor: default;
	outline: none;
}
.tabframe
{
    width: 100%;
    height: 100%;
    min-height: 500px;
}
.tabPanel
{
    padding: 0 !important;
    border-collapse: collapse;
}
.tabPanel .fixed
{
    height: 100%;
    width: 100%;
}

.ui-menu-item a:hover
{
    background:#DFEFFC !important;
}
/* AutoComplete */

#menu .ui-icon { display: none; }

#menu
{
    width:100%;
    background-color:#B4E090;
    border:0px;
    white-space:nowrap;
    display:none;
}
#menu:first-child
{
    padding-left: 5px;
}
#menu .ui-menu-item ul
{
    position:absolute;
    z-index:1000;
}

#menu li 
{
    float:none;
    display:inline-block;
    width:auto;
    white-space:nowrap;
}

#menu .ui-menu-item .ui-menu-item 
{
    display:block;
}


#menu .ui-menu-item
{
    background-color:#B4E090;
    font-weight:bold;
    font-size: 13px;
    border:0px;
}

#menu a:hover
{
    color: White;
    background-color:#006872 !important;
    border: none !important;
}

#menu .ui-menu-item ul
{
    border:0px;
    padding:0 0 0 0;
}

#menu .ui-state-focus
{
    color: White;
    background-color:#006872;
    border: none;
}

#menu a.ui-state-hover,
#menu a.ui-state-active {
	font-weight: bold;
}

#menu a.ui-state-active 
{
    background-color:#008C99;
    border:1px solid #B4E090;
}

.ui-menu
{
    padding: 0 0 0 0;
    line-height:2;
}

.ui-multiselect-checkboxes input[type="checkbox"]
{
    margin-right:4px;
}

.ui-multiselect-none span,
.ui-multiselect-all span
{
    font-size:12px;
    font-weight:normal;
    padding-left:2px;
}
#termsOfUse h2
{
    text-align:left;
    width:100%;
}

#loginTermsOfUse
{
 	color: dimGray; 
	border: 1px solid gray; 
	/*max-width: 650px;*/
    height: 350px; 
    overflow-y: scroll; 
    overflow-x: hidden; 
    padding: 10px; 
    /*margin-left: auto;
    margin-right: auto;*/ 
    margin-top: 20px;
}

/* HPG 3.0.0 */
ul
{
	list-style-type: none; /*Workaround for bullets showing in IE10 for jQuery/Kendo tab controls*/
}

.btn {
    margin-right: 10px;
}
table.table-condensed .btn {
    margin-right: 0;
}

html {
   -ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}


.pre, .pre-wrap {
  white-space: pre-wrap;
}

.ui-pager-control .ui-pg-input[type=text] {

    font-size: 10px !Important;
    height: 20px !Important;
    line-height: 10px !Important;
    vertical-align: top !Important;

}
.loginMessage
{
	font-family: Arial;
	font-size: 12pt;
	color: black; /*darkgray;*/
	background-color:lightgray; 
	border: solid 1px gray;
	vertical-align:middle;
	padding: 10px;
	text-align: left;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.right {
	text-align:right;
}
.bottom {
	 bottom: 0px;
}

.footer {
	position:absolute;
	bottom:10px;
	right:10px;
}

.fullheight {
	height:calc(100% - 20px);
}

.red {
	color:red
}

.radio input {
	height: 1em;
}

div.select-box {
	overflow-x: auto;
	overflow-y: hidden;
}

div.select-box > select {
	width: auto;
	min-width:100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}