/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin: 1pt;
}

td  {FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    padding-left: .5em;
    padding-right: .5em;
}
table.entry {border-width: 1px;
    border-spacing: 0;
    border-style: none;
    border-color: darkslategray;
    border-collapse: collapse;
    background-color: White;
}
table.entry tr td {border: solid, 1, black}

table.entry td.label 
{
    background-color: lightsteelblue; 
    border-style: solid;
    border-color: darkslategray;
    border-width: 1px;
    }
table.entry td.entry 
{
    background-color: white;
    border-style: solid;
    border-color: darkslategray;
    border-width: 1px;
    height: 25px;
    }
table.entry td.readonly 
{
    background-color: lavender;
    border-style: solid;
    border-color: darkslategray;
    border-width: 1px;
    height: 25px;
    }
table.entry td.filler
{
	border: none;
	background-color: lightsteelblue;
}

.cssControl {border: none; background-color: white; padding: 0; margin: 0;}
.cssMessage {}

textarea.multilinebox
    {
    height: 1in; width: 4in;
    border: none;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    }
 textarea.zmultilinebox
    {
    height: 1in; width: 4in;
    border-style: solid;
    border-color: darkslategray;
    border-width: 1px;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    }
       
.torso {padding: 1em;}
.moveover {margin-left: 1.5in; margin-top: .75in; }

.PageHeader {
    height: .70in;
    background-color: lightsteelblue;
    }
.SystemIcon {
	float: left;
	width: 32px;
	height: 32px;
	/* background-image: url(pcs.jpg);
	background-repeat: no-repeat; */
	vertical-align: bottom;
	border: 0;
}
.SystemAcronym 
    {
    color: Teal;
    font-size: 14pt;
    float: left;
    padding-left: 6pt;
    padding-top: 8pt;
    }
.PageName {
	color: white;
	font-size: 14pt;
	float: left;
	padding-left: .35in;
	padding-top: 8pt; /* force the text down to align with the bottom of the section */
}
.SubSection
	{
	/* The right side of the header box. Contains SystemName and UserName. */
	float: right;
	text-align: right;
	padding-top: 6pt;
	padding-right: 6pt;
	font-size: 80%;
	color: teal; 
	}
.SystemName 	{	}
.UserName 	{	}

.MenuBar 	{
	height: 15pt;
	line-height: 15pt;
	font-size: 10pt;
    position: absolute;
	width: 100%;
	left: 1pt;
	top: .48in;
	color: Black;
	border-top: solid 1px white;
	}
.MenuItem {
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 8pt;
	border-left: 1px solid white;
	float: left;
	}
.FirstMenuItem {
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 8pt;
	float: left;
	}
.LastMenuItem {
	display: inline;
    float: right;
	padding-right: 1em;
	font-size: 8pt;
	}
.MenuSeparator {
	/* Hide by making the color the same as .MenuBar background, or "display: none;"*/
	display: inline;
	color: white;
	font-size: 10pt;
	}
.DisabledLink 	{
	/* Keep same as .MenuItem except color or display */
	color: White;
	display: inline;
	padding: 20px;
	font-size: 8pt;
	}

/* 	End stuff for page header */


td.ButtonBox 	{padding-left: 0; padding-top: 3px;	}
.FormButton {
	color: black;
	background-color: lightsteelblue;
	font-size: 10pt;
	font-family: Tahoma, Helvetica, sans-serif;
	border: 1px solid darkslategray;
	width: 85;
	height: 22;
	}
.FormText  {
	border: 1px solid teal;
	width: 4in;
	}
.FormLargeText {
	border: 1px solid teal;
	width: 4in;
	height: 1in;
	}

.FormDisplay { 	font-weight: bold; }

.TableHeader { 	background-color: lightsteelblue; }


.roinput
    {
        text-align: center;
        border: none;
    }


A.TableLink             {text-decoration: none; 	color: black;}	
A.TableLink:hover       {text-decoration: none;		color: black;}
A.MenuItem              {text-decoration: none;		color: darkslategray;}	
A.MenuItem:hover        {text-decoration: underline;	color: blue;}
A.FirstMenuItem         {text-decoration: none; 	color: darkslategray; padding-right: 1em;}	
A.FirstMenuItem:hover   {text-decoration: underline; 	color: blue;}
A.headerlink            {text-decoration: none; 	color: Teal;}
A.headerlink:hover      {text-decoration: underline; 	color: blue;}
a                       {text-decoration: none; 	color: darkslategray;}	
a:hover                 {text-decoration: underline;	color: black;}

/* Popup Window */



/* This fixes a problem with Mozilla Fire-fox.  Without this if you hover over a text box
or dropdown, it behaves like a link.
*/
.cssControl:hover {text-decoration: none; color: black;}

.tablecell {padding-left: 1em; padding-right: 1em;}

/*
Here is how you do a table.  First, create your table to look something like this...
<table class="table1">
  <tr class="rowheader">
    <td> Title One </td>
    <td> Title Two </td>
  </tr>
  <tr class="rowcontent">
    <td> Data 1 </td>
    <td> Data 2 </td>
  </tr>
    ... more here ...
</table>
Then, you create styles for the table and the cells of the two types of rows.
You do not actually create styles for the rows, although you can if you need to.
The styles are named 
    for the table -- table.[tablename]
    for the 2 rows - table.[tablename] tr.[rowname] td
You don't always need to qualify the rows by the table, but it is better, 
because then you can be more granular.  
*/
table.table1
    {
	border-width: 1px;
	border-spacing: 0;
	border-style: solid;
	border-color: darkslategray;
	border-collapse: collapse;
	background-color: white;
    }
table.table1 tr.rowheader td
	{
	background-color: lightsteelblue;
	color: darkslategray;
	text-align: center;
	padding-left: .5em;
	padding-right: .5em;
    border-width: 1px;
    border-style: solid;
    border-spacing: 0;
    border-color: darkslategray;
	}
table.table1 tr.rowcontent td 
    {
    text-align: center;
    padding-left: .5em;
    padding-right: .5em;
    border-width: 1px;
    border-style: solid;
    border-spacing: 0;
    border-color: darkslategray;
    }
table.table1 tr.rowhighlight td 
    {
    text-align: center;
    padding-left: .5em;
    padding-right: .5em;
    border-width: 1px;
    border-style: solid;
    border-spacing: 0;
    border-color: Teal;
    background-color: gainsboro;
    }
      
div.help h1 {color: cadetblue; 
    font-size: 16pt;
    font-weight: normal; }

.hideme {display: none; }

.windowname 
{
    color: teal;
    padding-top: .5em;
    padding-left: 0;
}

.submenu
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: gainsboro;
	border-top: 1px solid darkslategray;
	border-left: 1px solid darkslategray;
	border-right: 1px solid darkslategray;
	}

.submenu a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: darkslategray;
		font: 11px arial;
		border-bottom: 1px solid darkslategray;
	}

.submenu a:hover
	{	background: gray;
		color: white;
		text-decoration: none;
		}

table.datagrid td 
{
	border: solid 1px darkslategray;
	color: black;
	background-color: White;
}
tr.datagridheader td
{
	border: solid 1px darkslategray;
	color: darkslategray;
	background-color: lightsteelblue;
}