html,body,a,div,span /*,table,tr,td */
{
    padding:0;
   /* margin:0 0 8px 8px;*/
   margin: 0;
}
table,tr,td
{
     padding-left:0;
     padding-right:0;
   /* margin:0 0 8px 8px;*/
   margin: 0;
   vertical-align:top;
}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
a
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6784a4;
	color:#8bbe7d;
	font-weight: bold;*/
    cursor: pointer;
	color: #014890;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: bold;
    
}
a:hover{cursor:pointer}
a.TopNav
{
	color: #fff;
}
a.NavStandOut 
{
	/*color: #f4764d;*/
	/*text-decoration:underline;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	font-weight: bold;
}
a.NavListClass
{
	color: #58595b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
}

textarea 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

span.NavStandOut 
{
	/*color: #f4764d;*/
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	font-weight: bold;
}
.editLink , .editLink a
{
	/*color: #f4764d;*/
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	font-weight: bold;
}
a:link
{
	text-decoration: underline;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
	color: #000;
}

Table.Main
{
	padding: 0px;
	width: 100%;
}


TD.Banner
{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	vertical-align:bottom;
}
TD.SideMenu
{
    Width:230px;
    padding-top:0;
   /* background-color: #414042; */
}
TD.MainContent
{
	background-color:#ffffff;		
	text-align:left;
	padding-bottom: 15px;	
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
}

td.PageTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	color: #414042;
    padding-top:12px;
    padding-bottom:12px;
}
div.PageTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	color: #414042;    
    padding-bottom:5px;
}
.PageSubTitle
{
	font-family: Arial, Helvetica, sans-serif;
    color: #414042;
    font-size: 14px;
    font-weight: bold;
}
.SubTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f4764d;
	/*
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #8bbe7d;
	*/
}
.pageSubTitle
{
    font-family: Arial, Helvetica, Sans-Serif;
    color:#414042;
    font-size: 14px;
    font-weight:bold;
    
}
div.PageActions
{
    font-size: 10pt;
    text-align: right;
    width:100%;
}
td.FieldTitle, div.FieldTitle, span.FieldTitle, p.FieldTitle {
    font-size: 12px;
    font-weight: bold;
    color: #58595b;
    font-family: Arial;

}
.TwoColumnForm .FieldTitle{
    width:25%;
}
.FourColumnForm .FieldTitle {
  /* This is a place holder for when some four column pages (like All StAR) are moved to SHA*/
}

td.FieldHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #58595b;
  
    /*	font-size: 11pt;
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold;
		color:#6784a4;  
	*/
}
.FieldHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #58595b;
    /*	font-size: 11pt;
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold;
		color:#6784a4;  
	*/
}

td.FieldValue
{
    /*font-size: 10pt;  
    font-family: Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #414042;
}
td.FieldValueHeader
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold; 
    color: #58595b;
	padding-left: 3px;
}
.button
{
    color: white;
    background-color: #000000;/*#6784a4;
    font-weight: bold;*/
    padding-left: 6px;
    padding-right: 6px;
    border: ridge 1px black;
    font-size: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    cursor: pointer;
}

/*.button
{
    color: white;
    background-color: #000000;/*#6784a4;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    border: ridge 1px black;
    font-size: 14px;
    font-family: Arial, Helvetica, Sans-Serif;
    cursor: pointer;
}*/
.buttonJquery
{
    color: white;
    background-color: #000000;/*#6784a4;
    font-weight: bold;*/
    padding-left: 2px;
    padding-right: 2px;
    border: ridge 1px black;
    font-size: 14px;
    font-family: Arial, Helvetica, Sans-Serif;
    cursor: pointer;
    padding-bottom: 3px;
    padding-top: 2px;
}
input[readonly] {
    background-color: LightGrey;
} 
input.smallbutton
{
    color: white;
    background-color: #6784a4;
    font-weight: bold;
    border: ridge 1px gray;
    cursor: pointer;
}
INPUT.ReadOnly
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    font-size: 10pt;
}
Table.GenericList
{
	width: 100%;
}
TD.ListHeaderColumn
{
    /*font-size: 10pt;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    color: #8bbe7d;
    text-align: left;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #081032;*/
    color: #58595b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
    padding-right:4PX;
}
TH
{
    /*font-size: 10pt;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    color: #8bbe7d;
    text-align: left;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #081032;*/
    color: #58595b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
}
TD.ListValueColumn
{
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;    
    text-align: left;
}


Table.RegList
{
	border-right: #6784a4 thin double;
	border-top: #6784a4 thin double;
	border-left: #6784a4 thin double;
	border-bottom: #6784a4 thin double;
}
TD.RegListHeaderColumn
{
	font-size: 10pt;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #081032;
}
TD.RegListValueColumn
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: text-top;
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
}

td.FolderList_Folder
{
	font-size: 10pt;
	cursor: pointer
}
td.alarm
{
	color: red;
}


#container{
	position:relative;
	height:832px;
	width:969px;
	left:3px;
	top: -10px;
	background-color:#ffffff;
	border: 1px solid #ff0000;
	padding-left: 0px;
	overflow:hidden;
}


#toolicon{
     position:relative;
     margin-left:700px;
     top:600px;
     height:40px;
     width:40px;
     cursor:pointer;
}

#linkcontainer1{
	position:absolute;	
	width:200px;
	height:800px;
	left:745px;
	top:0px;
	cursor:pointer;
	padding-top:0px;
	padding-left:10px;
	font-weight:bold;
	
}


#linkcontainer2{
	position:absolute;	
	width:200px;
	height:800px;
	left:745px;
	top:0px;
	cursor:pointer;
	padding-top:0px;
	padding-left:10px;
	font-weight:bold;
	
}

#lstHeader
{
	font-size: 12pt;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	border-bottom: black thin solid;
}


.modalPopup
{
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    position: absolute;
    /*width: 90%;
    height: 90%;*/
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.6;
}
div.modalProgress
{	
	background-color: #000000;
	filter: alpha (opacity=50);
	opacity: 0.5; 
	-moz-opacity:0.5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 600;
}
.subheader1
{
    text-align: right; 
    background-color: #000 !important; 
    width: 100%; 
    color: #f4764d;
}
.subheader2
{
    text-align: right; 
    background-color: #000 !important; 
    /*width: 101%;*/ 
    color: #f4764d;
}
.modalHeading
{
    text-align: left; 
    vertical-align:top; 
    padding:10px; 
    width:99%;
}
.modalImage
{
    text-align:right;
}
.modalContent
{
    overflow: auto; 
    height: 500px;
    background-color:#FFFFFF;
    padding:10px;
}
.modalSizeNormal
{
    height: 350px;
    width: 700px;
}
.modalButton
{
    text-align:center;
    background-color:#FFFFFF;
}
div.ProgressIndicator
{
    width: 200px;
    height:80px;   
    text-align: center;
    position: absolute;
    top: 60%;
    left: 50%;
    margin-left:-48px;
    margin-top:-40px; 
    z-index:10150;
    background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	padding-top: 20px;
	padding-right: 10px;
	vertical-align: middle;
}

/*



table.FolderList
{
	font-size: 10pt;
}
*/

/*
New styles
*/
body.Body
{
	background-color: #d1d3d4; /*#8bbe7d; /*#606060;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
}
.NoDataFound
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    
}
#main_content
{
	/*margin-left: 20px;
	margin-right: 20px;*/
	/*background-color: #FFF; */
	margin-top:-10px;	
	margin-top:0px;
}
#wrapper
{
    font-family: Arial;
	background-color: #d1d3d4;
	/*margin-top:-20px;*/
	text-align:center;	
}
.SideMenu
{
    background-color:#E0E0E2;
}
.topmenu_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

.topmenu_text a, .topmenu_text a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}


.imgNav
{
width:300px;
float:left;
background-color:#FFF;
}
.imgNav a
{
padding-left:10px;
}
#dvNav{
	width: 220px;
	border-right:solid 1px #000;
	
}

#dvNav a
{
	text-decoration:none;
	color:#000;
	font-weight:normal;
	cursor:pointer;

}

#dvNav li a
{
	text-decoration:none;
	height:25px;
	padding-left:4px;
}

#mnNav
{
	margin-left:-40px;
}
#dvNav li
{
	display:block;
	list-style:none;
	float:left;
	clear:both;
	width:101%;
	padding-right:10%;
	border-bottom:solid 1px #ccc;
	
}

#dvNav #selMainNav
{
	font-weight:bold;	
}

#dvNav li ul ul
{
	margin-left:7px;
	padding-right:20px;
}
.topNavMenu
{
	width:300px;
}

.selected_item 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f4764d;
}

.subHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #58595b
}

.dvSubNavWrapper
{
	background: #000;
	border:solid 1px #FFF;
}
.tblSubNav 
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f4764d;
	margin-bottom:-3px;
	
	
}

.tblSubNav .selected_item
{
	padding-right: 8px;
	padding-left: 8px;
}

.tblSubNav td a:hover
{
	color:#FFF;
	text-decoration:underline;
}
.navSep
{
	background-color:#FFF;
	width:1px;
}

.navArow
{
	background-image: url('../../Common/Images/White_Arrow.png');
	background-repeat:no-repeat;
	background-position:center bottom;
}

.dvTabNavWrapper
{
	background-color:#F2BAA9;	
}

a.subNavLink
{
	color: #000;
	cursor: pointer;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
      /* Added for Task Reference Page*/
    text-decoration:underline;
}

a.subNavLinkSelected
{
	color: #014890;
	cursor: pointer;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;	
}

a.subNavLinkEdit
{
	background-image: url('/Common/Images/edit-icon.png');
}

a.navLink
{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
	cursor:pointer;
    /* Added for Task Reference Page*/
    text-decoration:underline;
}

a.navLinkSelected
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
	color:#f4764d;
}

a:hover.subNavLink
{
	text-decoration: none;
	color: #000
}

a:hover.subNavLinkEdit
{
	text-decoration: none;
	color: #000
}

a:hover.subNavLinkSelected
{
	text-decoration: none;
    color: #014890 !important;
}

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

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

.dvEditingWrapper
{
	background-color: #CCFFCC;
}

@-moz-document url-prefix() {
	
	#dvNav ul ul
	{
		margin-left:-20px;
	}	
}
.chrtBkgnd
{        
    font-weight: bold; 
    font-size: 8pt; 
    color: white; 
    font-family: Verdana, Sans-Serif, Arial;
   	/*background-image: url('Common/images/ChartImgBkgnd2.png');*/
   /* background-repeat: repeat-x;*/
   background-position:center;
   /*Changed here*/
    /*background-color:#8bbe7d;*/
    background-color:#004890;
    height:30px;
    width:330px;
    padding-top:7px;
    margin-left: 2px;
    margin-right: 2px;
}
.ChrtBgColor
{
	background-color:#C0C0C0;
}
/*------------------------*/
/* Banner and Drop Down Menu at top right */
.hdrBannerBig
 {
 		background-image:url('../Images/BannerBig.png');
		background-repeat:no-repeat;
		/*height:172px;*/
		height:169px;
		width:977px;
		text-align:right;
		vertical-align:top;
		color:White;
    top: 0px;
    left: 0px;
}
  .hdrBannerSmall
 {
 		width:100%;
		text-align:right;
		vertical-align:top;
        height:60px;
		background-color: #f4764d;

 }
.Tabimg
{
	background-image:url('../../Common/Images/TooltabRpt.png');
	background-repeat:repeat-x;			
	color:white;
	text-align:center;		
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.bgPgColor
{
	background-color:#414042;	
}
.bgPgContent
{
	background-color:white;
}
.menu1
{
	    background-color:black;
	    color:white; 
	    position: relative;
}
.menuItem1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;	
	color:White;   
}
/*.loginHeader
{
    color:White;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:right;
}*/
    .loginHeader a
{
    color:White;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
    
    .loginHeader a:hover
{
    color:White;
    font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.hdrMapping
{
 	background-image:url('../../Common/Images/Banner_Mapping.png');
	background-repeat:no-repeat;
	height:61px;
	width:976px;
	text-align:right;
	vertical-align:top;
	color:White;
}
#mnCntWrapper
{
padding-left:8px;
padding-right:8px;
}
    
.optionDark
{
    background-color: Black;
    color: White;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #414042;
}
.imgIcon
{
	height:10px;
	padding-right:3px;
}

.progressBarBg
{
	filter:alpha(opacity=60);
  	opacity:0.6;	
  	background-color:white;
}
.SubTitle2
{
	font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
#dvMsg
{
	
}

.ScrollingDiv
{
	max-height: 125px;
	overflow-y: auto;
	padding-right: 8px;
	border: solid 1px #CCCCCC;
}

.failed
{
	background-color: Red;
}

.CustomValidatorCalloutStyle td {
    display: none;
    border: solid 1px #014890;
    background-color: #ADD8E6;
}

tr.Alternating
{
	background-color: White;	
}

tr.NonAlternating
{
	background-color: #EBEBEB;
}

.chkList
{
	width: 100%;
}

.chkList td
{
	width: 100%;
}

.titlebar
{
	color: White;
	font-weight: bold;
	background-color: #f4764d;
}

/*--------------Left Nav Formatting -----------------*/

.SideMenu
{
	background-color:#414042;
	width:230px;
}
#tvLeftMenu
{
    width:101%;
}

#tvLeftMenu a img
{
    margin-left:-8px;
}

#tvLeftMenu table
{
   /* border-bottom: #ccc 1px solid;*/
    display:block;
    clear:both;
    /*height:25px;*/
    width:80%;
    color:#FFFFFF;
}
/*#tvLeftMenu div table td
{
    border-bottom:solid 1px #b8e5ab;
}*/
#tvLeftMenu table:hover
{
    background-color:#f4764d;
    
}

#tvLeftMenu a
{
    text-decoration:none;
    font-weight:bold;
    background-position:left center;
    background-repeat:no-repeat;
}
#tvLeftMenu table tbody, #tvLeftMenu table tr, .nodeCss
{
    width:230px;
    text-align:left;
    
}


/*---------------------------End Left Nav Formatting---------------------*/
.PrivateSection
{
    visibility:collapse;
}
.PublicSection
{
    visibility:collapse;
}

/*
tr td:last-child
{
   width:5em;
}*/
TD.SideMenu
{
	width:230px;
	/*border-right:solid 1px #000;*/
}
#tvLeftMenu{
	width: 220px;
	/*border-right:solid 1px #000;*/
	
}
#tvLeftMenu a
{
	text-decoration:none;
	color:white;
	font-weight:normal;
	cursor:pointer;
}

#tvLeftMenu td a
{
	text-decoration:none;
	height:25px;
	padding-left:4px;
}

#mnNav
{
	margin-left:-40px;
}
#tvLeftMenu tr
{
	display:block;
	list-style:none;
	float:left;
	clear:both;
	width:101%;
	padding-right:10%;
	border-bottom:solid 1px #b8e5ab;
	
}

#tvLeftMenu #selMainNav
{
	font-weight:bold;
}


#tvLeftMenu div table td
{
	margin-left:4px;
	padding-right:7px;
}
span.FileUpload{  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #414042;  
}

.OrgNodeCss
{
    color: #58595b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
}
/*--Side Navigation Menu Style -- BEGIN--------------------------------------------------*/
 /*NOTE:update JQuery collapseAll function to remove any new sub level style. */
.LNav{background-color:#414042; width:100%; font-family: Arial, Helvetica, Sans-Serif; font-size:12px; text-align:left; cursor:pointer; padding-top:5px; }/*this style is applied to Navigation table */
.LNav1{ background-color:#414042; color:#fff;}
.LNav2{ background-color:#414042; color:#fff;}       
.LNav3{ background-color:#414042; color:#fff;}
.LNav4{ background-color:#414042; color:#fff;}
       
/*This style applied to each cell. text-indent is needed to show in a tabular tree view look. */
/*Mike Changed Here*/
.LNav1 td{text-indent:7px;  border-bottom:1px solid #f4764d; padding-bottom:5px; padding-top:5px;}
.LNav2 td{text-indent:20px; padding-bottom:3px; padding-top:3px; border-bottom:1px solid #f4764d;}
.LNav3 td{text-indent:40px; padding-bottom:3px; padding-top:3px;}
.LNav4 td{text-indent:60px; padding-bottom:3px; padding-top:3px;}
       
/*Set Active/selected item style */
.LNav1A{ font-weight:bold;}
.LNav2A{ font-weight:bold;}
.LNav3A{ font-weight:bold; color:#f4764d;}
.LNav4A{ font-weight:bold; color:#f4764d;}  
       
.LNav1A td{border-bottom:0;background-color:#fff;color:#414042; background: #fff url(../images/current_category.png) no-repeat;}
/*--Side Navigation Menu Style -- END--------------------------------------------------*/

.LeftAlign {text-align:left; }
.ImageSpacer img { margin-right: 25px; }
.CommonMenuFont{font-family:Arial, Helvetica, Sans-Serif; font-size:12px;}
.LeftMenuStyle{ font-weight: normal; }
        
/* Additional Tools Level */
/*.PullDownMenuStyle1{ font-weight: bold; vertical-align:middle; text-align:left; display: inline; float:right; width: 100px; padding-bottom: 1px; padding-top: 3px; padding-left: 10px; padding-right: 26px; color: white; text-decoration: none; background: #f4764d url('/Common/Images/White_Arrow_down.png') no-repeat right; }
.PullDownMenuStyle1:hover{ width: 110px; font-weight: bold; color: White; text-decoration: none; }
/* End Additional Tools Level */
        
/* Level 1 popup */
/*.PullDownMenuStyle2{ padding-top: 1px; display: inline; text-align: right; padding-left: 1px; padding-right: 1px; font-weight: normal; color:White;  background-color:black; text-decoration: none;}
.PullDownMenuStyle2:hover{ display: inline; font-weight: normal; color:White; text-decoration: none;}*/
/* End level 1 popup */
        
/* Pop out menu */
/*.PullDownMenuStyle3{ display: block; text-align: right; font-weight: normal; color:White;  background-color:black; text-decoration: none; padding-right: 1px; padding-left: 1px;}
.PullDownMenuStyle3:hover{ display: block; font-weight: normal; color:White; text-decoration: none;}*/        
/* End pop out menu */
        
/*.PullDownMenuHoverStyle{font-weight: normal; text-align: right; background-color:#f4764d; color:White; text-decoration: none;}*/

/*Mike Changed Here*/
.welcomeHeader{ color:  #f4764d;}
.footerText {text-align:center; color: Gray; font-size: 8pt; }


/*custom reporting style*/
.GroupHeader  
{
    padding: 5px 10px; 
    color:#ffffff; 
    cursor: pointer;position: 
    relative; 
    background-color:#444444;
    margin:0px;
    border:solid 1px #cccccc;
    font-size: 15px;
    font-weight:bold;
    font-family: 'Ariel';
    /*
	    src: url('../fonts/helveticaneueltstd-mdcn-webfont.eot');
	    src: url('../fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/helveticaneueltstd-mdcn-webfont.woff') format('woff'),
	         url('../fonts/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'),
	         url('../fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg');
*/
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: White;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/* section for reporting tables */
.rptHead 
{
    background-color:#F0F0F0;
    vertical-align:bottom;
    padding: 5px;
}
.rptAltrntHead 
{
    background-color:#E0E0E0;
    vertical-align:bottom;
    padding: 5px;
}
.rptLineGrouper
{
    background-color:White;   
    vertical-align:middle;
    text-align:center;
    padding: 5px;
    border-bottom-style:solid;
    border-bottom-color:#F0F0F0;
    border-bottom-width:1px;
    width:30;
}
.rptLine
{
    background-color:White;   
    vertical-align:bottom;
    padding: 5px;
    border-bottom-style:solid;
    border-bottom-color:#F0F0F0;
    border-bottom-width:1px;
}
.rptAltrntLine
{
    background-color:#F8F8F8;   
    vertical-align:bottom;
    padding: 5px;
    border-bottom-style:solid;
    border-bottom-color:#E0E0E0;
    border-bottom-width:1px;
}
.rptSubTot
{
    background-color:#F0F0F0;   
    vertical-align:bottom;
    padding: 5px;
    margin-left:30px;
    border-bottom-style:solid;
    border-bottom-color:#C8C8C8;
    border-bottom-width:2px;
}
.rptAltrntSubTot
{
    background-color:#E0E0E0;   
    vertical-align:bottom;
    padding: 5px;
    border-bottom-style:solid;
    border-bottom-color:#C8C8C8;
    border-bottom-width:2px;
}
.CheckBoxList
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #414042;
}
.CheckBox-List
{
    border:1px solid #000;
    max-height:300px;
    overflow-y:auto;
    width:100%;
}
.divPopup
{
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.55);
    position: absolute;
    z-index: 100000;
    width: 100%;
    height: 100%; 
    display: block; 
    margin-top:-650px ;
    margin-left:-700px 
    
}

.divPopup div.container
{
    z-index: 1000;
    background-color: #fff;
    width: 500px;
    height: 350px;
    border: 1px solid grey;
    text-align: left;
}

.ICTestHistoryYear{
    font-weight:bold;
    background-color:#000;
    color:#fff;
}
.ICTestHistoryYear td{
    padding:3px 5px;
    cursor:pointer;
}

.selected-header{
    color:#f4764d;
}

.ea-grid {
    width:100%;
    border-collapse:collapse;
}
.ea-grid thead tr a:hover{
    cursor:pointer;
}
.ea-grid tbody tr:hover {
    background-color:#FFFFCC !important;
    cursor:pointer;
}
.ea-grid tr:nth-child(odd), .ea-grid tbody tr:nth-child(odd) {
    background-color:#fff;
}
.ea-grid tr:nth-child(even), .ea-grid tbody tr:nth-child(even) {
    background-color:#ccc;
}
.ea-grid tbody tr td {
    padding: 2px 5px;
}
input.ng-invalid.ng-touched { 
    background:#ff1a1a;
    border: 1px #990000 solid;
}
.error {
    color:red;
}
/* The Modal (background) */
.modal {
   
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/*Edit Frequency Modal*/
/*#divEditFrequency {
    width:40%;
    height: 50%;
    margin: 0;
}*/

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #444;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    max-height: 530px;
    overflow-y: auto; /* Enable scroll for full modal if needed */
}


/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.subheaderfindexisting
{
    width: 770px; 
    margin-left:-5px;
}
.subheaderBackground
{
    background-color: #000;
    color: #f4764d;
}
.modal-header {
    padding: 2px 16px;
    background-color: #f4764d;
    color: white;
    font-size:16px;
    font-weight:bold;
    border-bottom: 1px solid #444;
}
.modal-header p {
    margin: 5px;
}
.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #f4764d;
    border-top: 1px solid #444;
    color: white;
}
.checkbox-list-box {
    border: 1px solid #000;
    max-height: 250px;
    overflow-y:auto;
    width:100%;
    margin:20px 0;
}

/*Style Header for checkbox-list*/
.checkbox-list-header{
    border-bottom: 1px solid #000; 
    padding: 5px 0px;
}

.no-click {
    cursor:default !important;
}
.ea-grid.no-click tbody tr:hover {    
    cursor:default !important;
}

.ea-grid.no-click tr:nth-child(odd), .ea-grid.no-click tbody tr:nth-child(odd) {
    background-color:#fff !important;
    cursor:default !important;
}
.ea-grid.no-click tr:nth-child(even), .ea-grid.no-click tbody tr:nth-child(even) {
    background-color:#ccc !important;
    cursor:default !important;
}

/*Style label text for Add Facility/Inventory Assignment Reference module*/
.tsklabel {
    padding: 5px 0px 10px;
}

/*Style frequency label to look like textbox*/
#frqncyLbl {
    padding: 4px;
    border: 1px solid #000;
    background-color: #fff;
}

/*Style labels in Edit Frequency module*/
.editFrqncy {
    padding: 5px 17px 10px;
}

/*Drinking Water Sampling Tabs*/
#MainContent_BMRTabs_header {
    background-color: #f2baa9;
}

.ajax__tab_header {
    font-family:Arial !important;
    font-size:12px !important;
    font-weight: bold;
    background-color: #f2baa9;
}

.ajax__tab_active {
    font:bold !important;
    color:#014890;
}

.ajax__tab_inner, .ajax__tab_outer {
    background:none !important;
}

.ajax__tab_xp, .ajax__tab_active, .ajax__tab_tab {
    background: #f2baa9 none repeat scroll 0 0 !important;
}
/*End Drinking Water Sampling tabs*/

/*oLD Inspection Progress Bar*/
/*.ProgressBar {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
    margin-left: -3px;
    text-decoration:underline;
}

ol.progtrckr li:hover {
    text-decoration:none;
    cursor:pointer;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
    font-weight:bold;
}
ol.progtrckr li.progtrckr-done-nolink {
    color: black;
    border-bottom: 4px solid yellowgreen;
    font-weight:bold;
    text-decoration:none;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
    font-weight:bold;
    text-decoration:none;
    cursor:default;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}

ol.progtrckr li.progtrckr-current {
    color: black; 
    border-bottom: 4px solid black;
    font-weight:bold;
    text-decoration:none;
    cursor:default;
}

ol.progtrckr li.progtrckr-current:before {
    content: "\039F";
    color: black;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}*/

/*Inspection Progress Bar*/
.ProgressBar {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
    margin-left: -3px;
    text-decoration:underline;
}

ol.progtrckr li:hover {
    text-decoration:none;
    cursor:pointer;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
    font-weight:bold;
}
ol.progtrckr li.progtrckr-done-nolink {
    color: black;
    border-bottom: 4px solid yellowgreen;
    font-weight:bold;
    text-decoration:none;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
    font-weight:bold;
    text-decoration:none;
    cursor:default;
}
ol.progtrckr li.progtrckr-current {
    color: black; 
    border-bottom: 4px solid black;
    font-weight:bold;
    text-decoration:none;
    cursor:default;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}
ol.progtrckr li.progtrckr-current:before {
    content: "\039F";
    color: black;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}

#frmeSrchRslts {
    overflow: scroll;
    min-height: 300px;
    max-height: 800px !important;
    width:100%;
       
}

/*EIMS*/
.Logo{
   background-image: url("../Images/Logos/SHA.png");
   background-color: #ffffff;  
   height: 100px;
   width:230px;
}
.Logo.SHA{
    background-image: url("../Images/Logos/SHA.png"); 
   height:150px;  
   background-color:white;
}

.SiteHeader
{
    font-weight: bold;
    font-size: 36px;
   color: #fff; 
    line-height: 80px;
    padding-left: 5px;
}

.loginText
{
    color: #fff;
   
   
}

#tblToolTab
{
    position: relative; 
    height: 58px; 
    /*background-color: #587e3b;*/ 
    background-color: #000;
}

.loginHeader
{
    color:White;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
    bottom: 1px;
    right: 160px;
    
}

.loginTools
{
    position: absolute;
    bottom: 0;
    right: 5px;
}

#dvLgUsr
{
    margin-right:50px;
}

.LoginForm
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 600px;
    padding: 50px;
}


.FieldTitle_Login
{
    font-size: 12px;
    font-weight: bold; 
    color: #58595b;
    width: 30%;
    text-align:right;
}

#tblLoginTab
{
    position: relative; 
    height: 58px; 
    background-color: #000;
   
    text-align: left;
    vertical-align: text-bottom;
    width: 100%
}

.loginHeader a.orangeLink {
    color: #f4764d;
}