/****************************/
/* style for master page*/
/****************************/
div.page {
   height:800px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    VERTICAL-ALIGN: middle;    
    TEXT-ALIGN: center;
}

div.logo {	
	
	height:70px; 
	padding:0px 0px 0px 10px;
	margin:0; 
	background-color:#6aa5d5;		
}
div.about {
	font-family:"Proxima Nova", Segoe UI, Helvtica, Sans-serif;
	font-size:16px;
	float:right; 
	vertical-align:top;  	
    padding-right:10px;		
    text-decoration:none;
}
.topnav
{
    height:35px;      
    PADDING-LEFT: 15px;  
    PADDING-TOP: 15px;
    VERTICAL-ALIGN: middle;    
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #26498a;
    TEXT-ALIGN: left
}
.nav-text
{
   font-family:"Proxima Nova", Segoe UI, Helvetica, Sas-serif;
  font-size: 18px;			
  font-weight:bold; 
  text-decoration: none;
  color: #ffffff;
  background-color:transparent;
  margin:0;
  padding: 12px;
}

.top-title
{
    height:35px;   
    PADDING-TOP:10px;
    padding-right:30px;
    padding-bottom:10px;
    VERTICAL-ALIGN: middle;    
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #225C8E;
    TEXT-ALIGN: center;
    font-family:"Proxima Nova", Segoe UI, Helvetica, Sas-serif;
  font-size: 24px;			
  font-weight:bold; 
  text-decoration: none;
  color: #ffffff;
  
}

.top-title span
{
    font-size: 24px;			
  font-weight:bold; 
  text-decoration: none;
}

.water_Footer 
{
  background-color:#3a5b6d; /* medium blue matching the page header */
  color:#ffffff;
  width:100%;  
  height:55px;  
  bottom: 0 !important; 
  display: table-cell; 
  vertical-align: middle;
  padding-top:3px;
  font-size:14px;
  position:relative;
}
div.water_Footer a {
           color: white;
           margin: 0 9px;
       }

.water_Footer2 
{
 
  width:100%;  
  height:55px;  
  bottom: 0 !important; 
  display: table-cell; 
  vertical-align: middle;
  padding-top:3px;
  font-size:14px;
}

/****************************/
SPAN{
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size:medium;
}


.btn{
        border-style: none;
        color:#ffffff;  
        background: #0d83e5; 
        text-align:center;
        FONT-WEIGHT: bold;
        height:26px;
}
 
.btn:hover{
  background:#00ccff;
  color:#333;
}

.water_ContentFrame
{ 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  color:Black;
  padding-top: 7px; 
  padding-right: 7px; 
  padding-left: 7px; 
  padding-bottom: 45px; /* Make this about 25 pixels more than the height of the footer */
  vertical-align: middle;  
  position:relative; 
  text-align:left;
  
}

  
.divCenter{
    position: absolute;
    left: 50%;    
    margin-left: -490px;
    width: 960px;  
    text-align:center;
    background-color:white;
    
}

.divCenter2{                      
            margin:0 auto;
            width: 960px;  
            text-align:center;
            background-color:white;
    
         }

.divCenter4{           
             margin-left: auto;
            margin-right: auto;
            width: 980px;  
            text-align:center;
            background-color:white;
         }


 .divLeft{
    color:Black;
    text-align:left;
    padding-left:10px;
    
}​
 

div.copyright {
	        color:#ffffff;
	        background-color:#3a5b6d; 
	        margin:0 0 24px 0; 
	        padding:0 10px 10px 10px; 
	        height:40px; 
	        vertical-align:top;
	       /*overflow: auto;*/ 
            
	    }
div.copyright a {
            color: white;
            margin: 0 9px;
        }

.NoBorder
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'Microsoft Sans Serif', 'Trebuchet MS';
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
.Perimeter
{
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'Microsoft Sans Serif', 'Trebuchet MS';
    FONT-SIZE: 10pt
}
.PerimeterTabs
{
    BORDER-BOTTOM: #07368d 1pt solid;
    BORDER-LEFT: #07368d 1pt solid;
    BORDER-RIGHT: #07368d 1pt solid;
    BORDER-TOP: #07368d 1pt solid;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'Microsoft Sans Serif', 'Trebuchet MS';
    FONT-SIZE: 8pt
}
.rowDivide1
{
    BACKGROUND-COLOR: #e6e6e6;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 8pt
}
.rowDivide0
{
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 8pt
}
.wrapperTable
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: black;
    WIDTH: 800px
}
.headerRow
{
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif', 'Trebuchet MS';
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    TEXT-DECORATION: none
}
.headerBar
{
    BACKGROUND-COLOR: #07368d;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif', 'Trebuchet MS';
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 3px;
    TEXT-DECORATION: none;
    MARGIN-TOP: 0px
}
.content
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'Microsoft Sans Serif', 'Trebuchet MS';
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
    WIDTH: 100%
}
.title
{
    COLOR: #3366cc;
    FONT-SIZE: large;
    FONT-WEIGHT: bolder
}



.caption
{
    FONT-WEIGHT: bold
}

.tabs
{
    BACKGROUND-COLOR: #9ec8f5;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: black;
    CURSOR: default;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.currentTab
{
    BACKGROUND-COLOR: #07368d;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: white;
    CURSOR: default;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.tabs TD
{
}
.currentTab TD
{
}
.subtitle
{
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'Microsoft Sans Serif', 'Trebuchet MS';
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold
}



input[type="text"] {
    font-size: medium;
    FONT-WEIGHT: normal;
}
select {
    font-size:medium; 
    FONT-WEIGHT: normal;
}​
   
.data
{
    FONT-WEIGHT: normal
}

.grid
{
	font-family:Arial;
	font-size:10pt;
	width:98%;
	border-color:Black;
	border-style:solid;
	border-width:1px;
}

.grid100
{
    font-family:Arial;
	font-size:10pt;
	width:100%;
	border-color:Black;
	border-style:solid;
	border-width:1px;
}

.wsdiv_grid_header, .person_grid_header, .wr_grid_header, .mtr_grid_header {
    font-family: Arial;
    color: White;
    font-weight: bold;
    vertical-align: middle;
    
    
}
.wr_grid_header
{
	background-color: #3D7AB8;
}
.mtr_grid_header
{
	background-color: #8A5C2E;
    text-align:center;
}
.person_grid_header
{
	background-color: #2E8A5C;
}
.wsdiv_grid_header
{
	background-color: #8A2E5C;
}

.grid_item
{
	background-color: #DCDCDC;
	/*border-color:Black;
    border-style:solid;
    border-width:thin;*/
	font-family:Arial;
	font-size:10pt;
  
}
.grid_alternate
{
	background-color: #F5F5F5;
	/*border-color:Black;
    border-style:solid;
    border-width:thin;*/
	font-family:Arial;
	font-size:10pt;   
}
.grid_footer
{
	background-color: #CCCCCC;
}
.grid_pager
{
	background-color: #999999;
}
.grid_header {
    font-family: Arial;
    color: White;
    font-weight: bold;
    vertical-align: middle;
    background-color: #6699CC;
    border-color: grey;
    border-style: solid;
    border-width: 2px;
    border-right-style: solid;
    border-right-color: grey;
    border-right-width: 2px;
    border-left-style: solid;
    border-left-color: grey;
    border-left-width: 2px;
}

.grid_header a {color:white; text-decoration:none; }
.grid_header a:hover { text-decoration-line:underline;}

.grid_title
{
	font-family:Arial;
	font-size: 12pt;
	width: 100%;
	border-width:0px;
}

/*Child grid*/
.childGrid {
    font-family: Arial;
    font-size: 10pt;  
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}

.childGridHeader {
    background-color: #9DC183;
    font-family: Arial;
    color: White;
    font-weight: bold;
    vertical-align: middle;
}

/* button style */
input [type="button"], [type="submit"] {
    border-style: none;
    color: #ffffff;
    background: #0b71c4; /* #0d83e5; */
    text-align: center;
    FONT-WEIGHT: bold;
    top: 0px;
    left: 0px;
    height: 25px;
}
.bg_button
{
	font-size:10pt;
	width:130px;
	height:25px;
}
.mid_button
{
    border-style: none;
    color:#ffffff;  
    background: #0d83e5; 
    text-align:center;
	font-size:8pt;
	width:130px;
	height:20px;
}
.sm_button {
    background: #0b71c4;
    border-style: none;
    color: #ffffff;   
    FONT-WEIGHT: bold;
    width: 70px;
    height: 25px;
}

.inputbutton {
    border-style: none;
    color: #ffffff;
    background: #0b71c4;    
    FONT-WEIGHT: bold;
    width: 150px;
    height: 20px;
}

.label
{
	font-family:Arial;
	font-size:medium;	
}




.link
{
	font-family:Arial;
	font-size:10pt;	
}

.mtr_detail_title
{
	font-family:Arial;
	font-size:14pt;
	color:#8A5C2E;
}
.wr_detail_title
{
	font-family:Arial;
	font-size:14pt;
	color:#3D7AB8;
}
.person_detail_title
{
	font-family:Arial;
	font-size:14pt;
	color:#2E8A5C;
}
.wsdiv_detail_title
{
	font-family:Arial;
	font-size:14pt;
	font-weight:bold;
	color:#8A2E5C;
}



/****************************/
/* style for popup calendar */
/****************************/
.cpYearNavigation,
.cpMonthNavigation 
{ 
	background-color:#6699CC; 
	text-align:center; 
	vertical-align:middle; 
	text-decoration:none; 
	color:white;
	font-weight:bold; 
} 
.cpDayColumnHeader, 
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText 
{ 
	font-family:arial; 
	font-size:8pt; 
} 
TD.cpDayColumnHeader 
{ 
	text-align:right; 
	border:solid thin #6699CC;
	border-width:0px 0px 1px 0px; 
} 
.cpCurrentMonthDate, 
.cpOtherMonthDate, 
.cpCurrentDate 
{ 
	text-align:right; 
	text-decoration:none; 
} 
.cpCurrentMonthDateDisabled, 
.cpOtherMonthDateDisabled, 
.cpCurrentDateDisabled 
{ 
	color:#D0D0D0; 
	text-align:right; 
	text-decoration:line-through; 
} 
.cpCurrentMonthDate 
{ 
	color:#000000; 
} 
.cpCurrentDate
{
	color:white;
}
.cpOtherMonthDate 
{ 
	color:#808080; 
} 
TD.cpCurrentDate 
{ 
	color:white; 
	background-color: #6699CC; 
	border-width:1px; 
	border:solid thin #800000; 
} 
TD.cpCurrentDateDisabled 
{ 
	border-width:1px; 
	border:solid thin #FFAAAA; 
} 
TD.cpTodayText,
TD.cpTodayTextDisabled 
{ 
	border:solid thin #6699CC; 
	border-width:1px 0px 0px 0px;	
} 
A.cpTodayText, 
SPAN.cpTodayTextDisabled 
{ 
	height:20px; 
} 
A.cpTodayText 
{ 
	color:black; 
} 
.cpTodayTextDisabled 
{ 
	color:#D0D0D0; 
} 
.cpBorder 
{ 
	border:solid thin #808080; 
}

td.logo
{	
		font-family:verdana,arial,sans-serif;
		font-size:12px;
		line-height:150%;
		color:#036;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		background-repeat:no-repeat;
		padding:0px 0px 0px 0px;
		border-spacing:0px;
		border-collapse:collapse;
		border-width:0;
		background-color:#7194B6;
		text-align:right;
		color:#FFF;
		letter-spacing:0.08em;
}
img
{
	border-style:none;
}
	
p.nav4
{
	font-family: verdana,arial,sans-serif;
	font-weight: normal;												/* modification from ecology4b.css. */
	color: #999;																/* modification from ecology4b.css. */
	font-size: 11px;														/* modification from ecology4b.css. */
	margin-top: 6px;														/* modification from ecology4b.css. */
	margin-bottom: 12px;
	margin-left:50px;												/* modification from ecology4b.css. */
}

/****************************/
/* modal wait progress */
/****************************/
.modal
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.4;
    filter: alpha(opacity=60);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}
.loading
{
    font-family: Arial;
    font-size: 10pt;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}



.water_ValidationAsterisk
{
  color: Red;
}

.water_ValidationHeaderText
{
  font-family: Arial;
}

.water_ValidationHighlight
{
  background-color: #DDEEFF;
  border-style:solid;
  border-width: 1px;
  border-color: #7F9DB9;
}

.water_ValidationMessage
{
  color: Red;
  text-align: left;         /* Display text immediately following the input field, to its right */
  margin: 0px 0px 0px 3px;  /* Add a small margin on the left side, between input field and validation message */
}

.water_ValidationMessage UL
{
  color: Red;        /* Override color (black) specified in the master page via its reference to common.css */
}

.noisectionheader { font-weight:bold; color:#333366; }
.strong { font-weight:bold; }
.inactive { font-weight:normal; color: #000000; }
.decommissionheader { text-align:left; background-color:blue; color:white; }
.thisstep { color:#ffffff; font-weight:bold; font-size:1.1em; }
.finalstep { color:#ffffff; }
.thankyoutext { font-size:12pt; }
.thankyounoi { font-size:14pt; background-color:yellow; color:black; }
.required { color:red; }
.label { text-align:right; align:right; }
.content { align: left; }
.labelleft { text-align:left; align:left; }

.error
{
	color:#cc3300; 
	background-color:#f3ebdc; 
	font-size: small; 
	border-style:solid; 
	border-color:#E47F2C; 
	border-width:thin; 
}

.errorMessage
{
	width: 55em; 
	left: 0px; 
	top: 0px;
	padding: 10px 10px 10px 10px;
}
.errormsg 
{ 
    color:#cc3300; 
    visibility:hidden;         
}
.sectiontitle { font-weight:bold; color:#0033FF; }
.green { font-weight:bold; }

.header 
	{ 
	font-size:14pt; 
	color: #ffffff; 
	BACKGROUND-COLOR: #336699
	}