/* ====== Primary Style Sheet Elements - (Start) ====== */
body
{
	background-color: White;
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: black;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* ====== Tables  ====== */
table
{
	border-collapse: collapse;
	font-size: 100%;
}
/* ======Buttons =========*/
.button 
{
	  border-bottom: lightsteelblue 1px outset; 
	  border-left: #066BA4 1px outset; 
	  border-right: lightsteelblue 1px outset; 
	  border-top: #066BA4 1px outset; 
	  cursor: hand; 
	  font-family: Arial; 
	  font-size: 12px; 
	  font-weight: normal; 
	  color: Black; 
  }

/* ====== Anchors  ====== */
a	
{
	color: navy;
	font-size: 88%;
}

/* ====== DIV ====== */

DIV
{
	border-width: thin;	
	border-style: none;
}
/* ====== Primary Style Sheet Elements - (End) ====== */


/* ====== Enterprise Specific Elements - (Start) ====== */
/* This is where payload or other key IDs are captured */

#main
{
	height: 60%;
	width: 760px;
	margin-left: 2em;
	margin-right: 2em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2em;
}

.subTitle 
{
	border: none;
	height: 20px;
	width: 100%;
	color: navy;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: xx-large;
	text-align: center;
}
	
/* Image CSS */
img.JWODLogoTitle
{
	height: 60px;
	width:488px;
	cursor:hand
}

img.logo
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    width: 81px;
    border-bottom: medium none;
    height: 40px
}
/* Help CSS */
img.helpinfo
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    width: 25px;
    border-bottom: medium none;
    height: 15px
}

/*
.helplink
{
    font-weight: bolder;
    font-size: 80%;
    color: maroon;
    font-style: normal;
    font-variant: normal
}
.helplink:visited
{
    font-weight: bolder;
    font-size: 80%;
    color: maroon;
    font-style: normal;
    font-variant: normal
}
*/
/* Menu CSS */

/*--- MenuBar */
.MenuBar 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: white;
	background-color:Maroon;
	line-height: 20px;
    height: 10px;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 0px;
    padding-top: 1px;
    margin-top: 5px;
    margin-bottom: 0px;
    vertical-align: middle;
   
}
.MenuBar a
{
    color: white;
    text-decoration: none
}
.MenuBar a:visited
{
    color: white;
    text-decoration: none
}
.MenuBar a:hover
{
	color: yellow;
	text-decoration: underline;
}
.MenuBar img
{
    vertical-align: bottom;
    width: 4px;
    height: 15px
}

/*--- MenuItems*/
.MenuItem
{
	border-right: white thin groove;
	border-top: white thin groove;
	font-weight: bold;
	font-size: 100%;
	border-left: white thin groove;
	color: white;
	border-bottom: white thin groove;
	font-family: Arial, Verdana, Sans-Serif;
	text-decoration: none;
}

.MenuItem:hover
{
	color: White;
	text-decoration: underline;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 80%;
	font-weight: bold;
}

.SelectedSubMenuItem
{
	border-right: navy thin solid;
	padding-right: 15px;
	border-top: navy thin solid;
	padding-left: 15px;
	font-weight: bold;
	font-size: 80%;
	border-left: navy thin solid;
	color: navy;
	padding-top: 0px;
	font-family: Arial, Verdana, Sans-Serif;
	background-color: #f4f1ff;
	text-decoration: none;
}

.SubMenuItem
{
	border-right: navy thin solid;
	padding-right: 15px;
	border-top: navy thin solid;
	padding-left: 15px;
	font-weight: bold;
	font-size: 80%;
	border-left: navy thin solid;
	color: white;
	padding-top: 0px;
	font-family: Arial, Verdana, Sans-Serif;
	background-color: navy;
	text-decoration: none;
}

.submenubar
{
    text-align: center
}

/*--- BreadCrumb*/
.breadcrumb 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: navy;
	line-height: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-top: 4px;
}
.breadcrumb A
{
	font-size: 80%;
	color: navy;
	font-weight: bolder;
	text-decoration: none;
}
.breadcrumb A:visited
{
	font-size: 80%;
	color: purple;
	font-weight: bolder;
	text-decoration: none;
}
.breadcrumb A:hover
{
	font-size: 80%;
	color: blue;
	font-weight: bolder;
	text-decoration: underline;
}

DIV.DepthBar
{
	margin-left: 0;
	font-size: small;
}

/* This is the class section */
.AppTitle 
{  
	font-family:Arial, Times, sans-serif; 
	font-size: 115%; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bolder; 
	color: #000099; 
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	}


.AppTitle IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    HEIGHT: 85px;
    WIDTH: 488px;
}

.TagLine 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: navy;
	line-height: 20px;
}

DIV.Banner
{
	border: solid 1 navy;
	padding: 3px 3px 3px 3px;
}

DIV.Payload
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 1px;
    TEXT-ALIGN: center

}

DIV.Footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	color: navy; 
}
DIV.nobr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	font-variant: normal;
	color: navy; 
}
DIV.GridTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	font-weight: bold;
	color: navy; 
	PADDING-BOTTOM: 5px;
}
.errorMessage
{
	color: Maroon;
	font-weight: bolder;
}

.warningMessage
{
	color: Maroon;
	font-style: italic;
	font-size: 80%;
}

.confirmationMessage
{
	font-style: italic;
	font-weight: bold;
	font-size: 90%
}
TR.colheader 
{ 
	background-color:#006666;
	font-family: Arial, Helvetica, Sans-Serif;

}
TD.colheader
{
	text-align: center;
	color: white;
	vertical-align: top;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	
}
TD.CopyRight
{
color:black;
vertical-align: top;
font-size: 10px;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-variant:normal;
line-height: 10px;

	
}	
Table.Partgrayblock 
{ 
	background-color: #CCCCCC;
	border-bottom: #6699CC 3px solid; 
	border-left: #6699CC 3px solid;
	border-right: #6699CC 3px solid; 
	border-top: #6699CC 3px solid; 
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	font-variant: normal;
	font-weight: bold;
}

TR.PartWhite 
{ 
	background-color: #FFFFFF; 
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	font-variant: normal;
	font-weight: bolder;
}
TD.PartWhite 
{ 
	text-align: left;
	color: black;
	vertical-align: top;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px; 
	font-weight:normal;
	font-variant: normal;
}	
TR.PartBlack 
{ 
	background-color: white;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	font-variant: normal;
	font-weight: bolder;
}
TD.PartBlack 
{ 
	text-align: left;
	color: navy;
	vertical-align: top;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt; 
	font-weight: normal; 
	font-variant: normal;
	font-weight: bolder;
}

div.RequiredFieldsMsg
{
	margin-top: 2px;
	font-weight: normal;
	font-size: 60%;
	margin-bottom: 2px;
	padding-bottom: 2px;
	color: navy;
	padding-top: 2px;
	font-style:italic;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
}

.rowdescription
{
	font-weight: normal;
	vertical-align: baseline;
	text-transform: capitalize;
	width: 70%;
	text-align: left;
}

.colheaders
{
	text-transform: capitalize;
	font-weight: bold;
	text-align: center;
	height: auto;
	width: auto;
}

td.rowheader
{
	font-weight: bold;
	font-size: 80%;
	vertical-align: baseline;
	color: navy;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	width: 100px;
}
td.Confirm
{
	font-weight: bold;
	color:Red;
	font-size: 85%;
	text-align: left;
	width: 15%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}
.right
{
	text-align: right;
}
.left
{
	text-align: left;
}
td.center
{
	text-align: center;
}

th.right
{
	font-weight: normal;
}
th.left
{
	font-weight: normal;
	text-align: left;
}
th.bold
{
	font-weight: bold;
}
th.top
{
	vertical-align: top;
}
.bold
{
	font-weight: bold;
}

tr.padTop td
{
	padding-top: 4px;
}
tr.padBottom td
{
	padding-bottom: 4px;
}

td
{
	text-align: left;
	color: navy;
}
th
{
	color: navy;
	font-weight: bold;
	text-align: left;
}
input
{
	color: navy;
}
.ReadOnly
{
	border: 1px solid;
}
textarea
{
	border-right: grey inset;
	border-top: grey inset;
	border-left: grey inset;
	color: navy;
	border-bottom: grey inset;
}
.buttons
{
	border-right: navy 1px solid;
	border-top: navy 1px solid;
	font-weight: bolder;
	font-size: 80%;
	margin: 2px 2px 2px;
	border-left: navy 1px solid;
	color: navy;
	border-bottom: navy 1px solid;
	background-color: #f4f1ff;
}
.buttonsLarger
{
	border-right: navy 1px solid;
	border-top: navy 1px solid;
	font-weight: bolder;
	font-size: 100%;
	margin: 2px 2px 2px;
	border-left: navy 1px solid;
	color: navy;
	border-bottom: navy 1px solid;
	background-color: #f4f1ff;
}

.noRecord
{
	color: Maroon;
	font-weight: bolder;
	clear: both;
/*	font-weight: bold;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87%;
	vertical-align: middle;
	width: 90%;
	text-align: center;
}
DIV.TitleSection
{
	clear: both;
	border-right: thin inset;
	border-top: thin inset;
	display: block;
	overflow: auto;
	border-left: thin inset;
	border-bottom: thin inset;
	margin-bottom: 1%;
}
.TextAlign
{
	vertical-align: baseline;
	text-align: right;
}
DIV.title
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* Search Specific (begin) */
 
Table.SearchTable
{
	width: 100%;
	font-size: 80%;
}

Table.TableContent
{
	background-color: #fbfdfb;
}
Table.ImportTable
{
	font-size: 80%;
}
th.SearchHeading
{
	width:20%;
	text-align: left;
}
DIV.searchCriteria
{
	padding-right: 0%;
	border-top: grey inset;
	padding-left: 0%;
	padding-bottom: 2%;
	margin: 2%;
	border-left: grey inset;
	padding-top: 1px;
	border-bottom: grey inset;
	font-size: 90%;
	border-right: grey inset; 
}

DIV.searchPageTitleRow
{
	clear: both;
	display: block;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 1%;
	vertical-align: middle;
	overflow: visible;
	width: 90%;
	line-height: 100%;
	border-bottom: gainsboro 1px inset;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
	text-align: center;
}

DIV.searchCriteriaRow
{
	clear: both;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	display: block;
	font-weight: normal;
	vertical-align: middle;
	overflow: visible;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
	text-align: left;
}
/*
DIV.searchProjectInfoRow
{
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	display: block;
	font-weight: normal;
	vertical-align: middle;
	overflow: visible;
	width: 90%;
	position: static;
	text-align: left;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
*/
DIV.searchCriteria
{
	padding-right: 0%;
	border-top: grey inset;
	padding-left: 0%;
	margin: 2%;
	border-left: grey inset;
	padding-top: 1px;
	border-bottom: grey inset;
	font-size: 90%;
	border-right: grey inset; 
}

DIV.searchPageTitleRow
{
	clear: both;
	display: block;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 1%;
	vertical-align: middle;
	overflow: visible;
	width: 90%;
	line-height: 100%;
	border-bottom: gainsboro 1px inset;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
	text-align: center;
}

DIV.searchCriteriaRow
{
	clear: both;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	display: block;
	font-weight: normal;
	vertical-align: middle;
	overflow: visible;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
	text-align: left;
}

DIV.PageTitleInfo
{
	clear: both;
	font-weight: bold;
	font-size: x-large;
	padding-bottom: 10px;
	padding-top: 15px;
	vertical-align: middle;
	overflow: visible;
	width: 90%;
	color: navy;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
	text-align: center;
}
.searchCriteriaBtnPosition
{
	padding-top: 2em;
	padding-bottom: 1em;
	width: auto;
	position: static;
	text-align: center;
}
.searchGridHeadings
{
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	font-weight: bolder;
	border-left-width: 1px;
	font-size: 90%;
	border-left-color: lightgrey;
	border-bottom-width: 1px;
	border-bottom-color: lightgrey;
	cursor: hand;
	color: navy;
	border-top-color: lightgrey;
	font-family: Arial, 'Book Antiqua' , 'Microsoft Sans Serif';
	position: static;
	background-color:  #f4f1ff;
	text-align: center;
	border-right-width: 1px;
	border-right-color: lightgrey;
}
.searchGrid
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	padding-left: 5px;
	font-size: smaller;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	position: static;
	background-color: transparent;
	text-align: left;
	width: 98%;
}

.searchGridItem
{
	background-color:White;
}
.searchGridAlternate
{
	background-color: whitesmoke;	
}

/*  Search Specific (end) */

.dataEntryRow
{
	background-color:White;
	height: 30px;	
	vertical-align: text-top;	
}
.dataEntryRowFormat
{
	background-color:White;
	height: 10px;	
	vertical-align: text-top;	
}
.dataEntryRowAlternate
{
	background-color: #f4f1ff;
	height: 30px;
	vertical-align: text-top;	
}
/* ====== Select ====== */
select
{
	border: grey inset; 
	color: Navy; 
	font-family:Arial; 
	font-weight:normal;
}
p
{
	height: 5px;
}
.required
{
    FONT-SIZE: 100%;
    
}
a.clear 
{
	color: white;
	height: 1px;
}
a:visited.clear
{
	color: white;
	height: 1px;
}
a:hover.clear
{
	color: white;
	height: 1px;
}

/*******
 Grid Style
******/
th.centered
{
    text-align: center
}
th.left
{
    text-align: left
}
th.right
{
    text-align: right
}
.simpleHeader{
	font-family:Arial; 
	font-weight:bold;
	font-family:Arial; 
	font-size:18px;
}

.divClip { 
		overflow:auto;
		width:965px;	
	}
.iconBtn { border-right: lightsteelblue 1px solid; border-top: lightsteelblue 1px solid; font-weight: bolder; font-size: xx-small; border-left: lightsteelblue 1px solid; color: navy; border-bottom: lightsteelblue 1px solid; font-family: Arial; background-color: lavender; }

TD.reportDate
{
	color: navy;
	width: 10%;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;
}
TD.reportPage
{
	text-align: right;
	width: 10%;
	color: navy;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;
}
TD.reportTitle
{
	text-align: center;
	width: 80%;
	padding-bottom: 5px;
	color: navy;
	font-weight: bolder;
	font-size: 105%;
}

@media print
{
	.forScreen
	{
		display: none;
	}
	.payload
	{
		width: 100%;
	}
	.button
	{
		display: none;
	}
	INPUT
	{
		border: none;
		margin-right: 4px;
		background-color: Transparent;
	}
	TEXTAREA
	{
		border: none;
		margin-right: 24px;
		overflow: visible;
		background-color: Transparent;
	}
	.helpLink
	{
		display: none;
	}
	.pageBreak
	{
		page-break-before: always;
	}
	.formTitle
	{
		text-align: center;
	}
}

@media screen
{
	.forPrint
	{
		display: none;
	}
	.outline
	{
		border: 1px solid #DDDDDD;
		padding: 10px;
	}
	.payload
	{
		width: 95%;
		height: 100%;
	    background-color: #fbfdfb;
		
	}
	
	.footer
	{
		width: 95%;
		height: 100%;
		background-color: #fbfdfb;
		
	}
	
}

.lineBottom
{
	border-bottom: 2px solid black;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

TR.alt
{
	background-color: #F4F1FF;
}

TR.padTop TD
{
	padding-top: 4px;
}