/*
	colors:

	#4169e1 = royalblue
	#add8e6 = lightblue
	#1e90ff = dodgerblue
	#87cefa = lightskyblue

*/

	/* GENERAL */
	
	*
	{
		margin: 0px;
		padding: 0px;
		border: 0px;
		font-family: sans-serif;
		font-size: 1em;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
	}
	h1
	{
		font-size: 2em;
		font-weight: bold;
		color: blue;
		background-color: transparent;
	}
	a
	{
		text-decoration: none;
		border-color: blue;
	}
	#CenterPage
	{
		width: 800px;
		min-width: 800px;
		max-width: 800px;
		margin: 0px auto;
		text-align:center;
	}
	/* HEADERS */
	.header_menu a
	{
		text-decoration: none;
		color: #4169e1;
	}
	.header_logo
        {
		background-color:#4169e1;
		width: 100px;
		height: 100px;
		vertical-align: middle;
		border-right: 1px white;
	}
	.header_title
        {
		/*background-color:teal;*/
		/*color: red;*/
		font-size: 24px;
		vertical-align: middle;
		background-color: #4169e1;
		color:white;
		text-align: center;
		border-right: 1px white;
	}
	.header_seperator
        {
		/*background-color:teal;*/
	}
	.header_seperator hr
        {
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		background-color:#4169e1;
		color: #4169e1;
	}
	.header_menu
        {
		background-color:#add8e6;
		vertical-align: top;
		text-align: right;
		color: white;
	}
	.header_navigation
        {
		/*background-color:teal;*/
		vertical-align: middle;
		text-align:left;
		color: blue;
	}
	.header_body
        {
		background-color:#add8e6;
	}
	.header_table
        {
		width:800px;
	}
	.header_user
        {
		/*background-color: teal;*/
		width: 100px;
		text-align: right;
		vertical-align: middle;
		background-color: #4169e1;
		color: white;
	}
	.header_user img
        {
		height: 100px;
		width:100px;
		border: 0px;
	}
	.header_table td
        {
		border: none;
		margin: 0px;
	}
	.header_title img
	{
		height : 100px;
		width: 600px; /* 650 */
	}
	.header_menu img
	{
		height: /*241px;*/ 90px;
		width: /*260px;*/ 100px;
	}

	/* CONTENT CLASSES */
	
	.header_content
        {
		/*background-color:teal;*/
		height: 500px;
		width:600px;
		vertical-align: top;
		text-align: left;
		border-width: 5px;
		border-color: black;
		border-style: solid;
		max-width:600px;
	}
	.header_content th
        {
		background-color: #4169e1;
		color: white;
		font-weight: bold;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-size: 0.75em;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 2px;
		padding-right: 2px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid blue;
	}
	.header_content td
	{
		font-family: 'Lucida Console', Monaco, monospace;
		font-size: 0.70em;
		/*margin: 0px;*/
		padding: 2px;
	}
	.header_content tr.odd
	{
		background-color: white;
		color: black;
	}
	.header_content tr.even
	{
		background-color: #1e90ff;
		color: black;
	}
	.header_content select
	{
		background-color: #87cefa;
		color: black;
	}
	
	/* DATA ENTRY CLASSES */
	.DataEntry
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-color: #d6e5f4;
	    padding: 10px;
	    width:310px;
		text-align: left;
	}
	.DataEntry input[type="text"], .DataEntry input[type="checkbox"], .DataEntry input[type="radio"], .DataEntry textarea, .DataEntry select
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 300px;
		border: solid 1px #85b1de;
	}
	.DataEntry input[type="text"]:focus, .DataEntry textarea:focus, .DataEntry input[type="checkbox"]:focus, .DataEntry input[type="radio"]:focus, .DataEntry select:focus
	{
		border: solid 1px black;
		background-color: yellow;		
	}
	.DataEntry label
	{
		font-weight: bold;
	}
	
	
	div.DataEntry2
	{
		width:100%;
	}
	div.DataEntry2 label
	{
		background-color: transparent;
		color: gray;
		float: left;
		/*display: inline;*/
		width: 200px;
		text-align: right;
		font-weight: bold;
		font-size: 12px;		
		margin-bottom:15px;
	}
	div.DataEntry2 label.required
	{
		background-color: transparent;
		color: red;
		float: left;
		/*display: inline;*/
		width: 200px;
		text-align: right;
		font-weight: bold;
		font-size: 12px;	
		margin-bottom:15px;		
	}
	div.DataEntry2 input, div.DataEntry2 select, div.DataEntry2 textarea
	{
		margin-left: 20px;
		float: left;
		margin-bottom:5px;
	}	
	div.DataEntry2 input:hover, div.DataEntry2 select:hover, div.DataEntry2 textarea:hover
	{
		background-color: #FFFF33;/* lightyellow; */
	}
	div.DataEntry2 input:focus, div.DataEntry2 select:focus, div.DataEntry2 textarea:focus
	{
		background-color: #FFCC00;/*yellow;*/
	}
	div.DataEntry2 br.clear
	{
		clear: both;
	}
	div.DataEntry2 span.data
	{
		margin-left: 20px;		
		background-color: white;		
		border: solid 1px black;
		padding-left: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 5px;
		float: left;
	}
	
	div.DataEntry2 img
	{
		height: 200px;
		width: 200px;
		margin-left: 20px;
		float:left;
		margin-bottom:5px;
	}

	.ie_hover
	{
		background-color: #FFFF33;/* lightyellow; */
	}
	.ie_focus
	{
		background-color: #FFCC00;/*yellow;*/
	}
	
	
	/* SEPARATE CLASSES */
		
	.command_button
	{
		background-color: blue;
		color: white;
		text-decoration: none;
		border: 1px solid black;
	}
	
	td.entry_field
	{
	    font-size: 16px;
	    font-family: 'Lucida Console', Monaco, monospace;
	}
	td.entry_label
	{
	    font-size: 12px;
	    font-weight: bold;
	    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}
	span.entry_field
	{
	    font-size: 16px;
	    font-family: 'Lucida Console', Monaco, monospace;
	}
	span.entry_label
	{
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		margin-left:-10px;
		font-weight:bold;
		font-size:0.75em;	
	}
	.header_user_name
	{
		font-weight: bold;
		font-size: small;
	}
	.header_first_row
	{
		height: 120px;
	}
	.header_second_row
	{
	}




		#CenterPage
		{
			width: 806px;
			min-width: 806px;
			max-width: 806px;
			text-align: center;
			background-color: lightblue;
			margin: 5px auto;			
			position: relative;
		}
		#HeaderLogo
		{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100px;
			min-width: 100px;
			max-width: 100px;
			height: 100px;
			min-height: 100px;
			max-height: 100px;
			background-color: inherit;
		}
		#HeaderTitle
		{
			position: absolute;
			top: 0px;
			left: 102px;
			width: 600px;
			min-width: 600px;
			max-width: 600px;
			height: 100px;
			min-height: 100px;
			max-height: 100px;
			background-color: inherit;
		}
		#HeaderUserInfo
		{
			position: absolute;
			top: 0px;
			left: 704px;
			height: 100px;
			min-height: 100px;
			max-height: 100px;			
			width: 100px;
			min-width: 100px;
			max-width: 100px;
			background-color: inherit;
		}
		#HeaderNavigation
		{
			position: absolute;
			top: 102px;
			left: 102px;
			height: 40px;
			min-height: 40px;
			max-height: 40px;
			width: 600px;
			min-width: 600px;
			max-width: 600px;
			background-color: inherit;
			text-align: left;
		}
		#HeaderUserName
		{
			position: absolute;
			top: 102px;
			left: 704px;
			height: 40px;
			min-height: 40px;
			max-height: 40px;
			width: 100px;
			min-width: 100px;
			max-width: 100px;
			background-color: inherit;
		}
		#HeaderSeperator
		{
			position: absolute;
			top: 144px;
			left: 0px;
			width: 806px;
			min-width: 806px;
			max-width: 806px;
			height: 2px;
			min-height: 2px;
			max-height: 2px;
			color: red;			
			background-color: blue;
		}
		#HeaderApplicationArea
		{
			position: absolute;
			top: 148px;
			left: 0px;
			width: 806px;	
			min-width: 806px;
			max-width: 806px;
			background-color: inherit;
		}
		#HeaderMenu
		{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100px;
			min-width: 100px;
			max-width: 100px;
			height: 100px;
			min-height: 100px;
			background-color: inherit;
		}
		#HeaderContent
		{
			position: absolute;
			top: 0px;
			left: 102px;
			width: 702px;
			min-width: 702px;
			max-width: 702px;
			height: 200px;
			min-height: 200px;
			background-color: inherit;
		}
		#HeaderLogo img
		{
			height: 100px;
			width: 100px;
			/*background: url('/images/logo.jpg');*/
		}
		#HeaderTitle img
		{
			height: 100px;
			width: 600px;
		}
		#HeaderUserInfo img
		{
			height: 100px;
			width: 100px;
		}
		#HeaderNavigation img
		{
			width: 40px;
			height: 40px;
		}
		#HeaderUserName
		{
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			vertical-align: middle;
		}
		div.entry
		{
			width: 100%;
			margin: 5px;
			font-size: 12px;
		}
		div.entry .entry_label
		{
			text-align: left;
			font-size: 16px;
			background-color: lightskyblue;
			padding: 10px;
		}
		div.entry .entry_field
		{
			text-align: left;
			background-color: lightskyblue;
			padding: 10px;
		}


		table.entry
		{
			width: 100%;
			margin: 5px;
			font-size: 12px;
		}
		table.entry tr
		{
		}
		table.entry td
		{
			background-color: lightskyblue;
			padding: 10px;
		}
		table.entry td.entry_label
		{
			text-align: left;
			font-size: 16px;
		}
		table.entry td.entry_field
		{
			text-align: left;
		}
		
		table.data caption
		{
			font-weight: bold;
			caption-side: top;
			font-size: 0.9em;
		}
		table.data
		{
			width: 100%;
			margin-top: 5px;
			margin-bottom: 5px;
			font-size: 12px;
			border-bottom: solid 1px black;
			border-top: solid 1px black;
		}
		table.data tr th
		{
			font-weight: bold;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 1px;
			padding-right: 1px;
			background-color: #4682B4; /* steelblue */
			color: white;
			border-left: solid 1px black;
			border-right: solid 1px black;
		}
		table.data td
		{
			border-left-style: solid;
			border-left-color: black;
			border-left-width: 1px;
			border-right-style: solid;
			border-right-color: black;
			border-right-width: 1px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		table.data2 tr.odd td
		{
			background-color: #F0FFFF; /* azure */			
		}
		table.data2 tr.even td
		{
			background-color: #87CEFA; /* lightskyblue */
		}
		table.data2 tr.odd
		{
			background-color: #F0FFFF; /* azure */			
		}
		table.data2 tr.even
		{
			background-color: #87CEFA; /* lightskyblue */
		}
		.left
		{
			text-align: left;
			padding-left: 5px;
		}
		.center
		{
			text-align: center;	
			padding-left: 5px;
			padding-right: 5px;			
		}
		.right
		{
			text-align: right;
			padding-right: 5px;
		}
		.top
		{
			vertical-align: top;
		}
		.middle
		{
			vertical-align: middle;			
		}
		.bottom
		{
			vertical-align: bottom;
		}

	div.html strong
	{
		font-weight: bold;
		font-size: 105%;
	}
	div.html em
	{
		font-style: italic;
		font-size: 105%;
	}