  p { font-family: Arial; font-size: 12px }
  p.scope { font-size: 16px; font-weight: bold; color: #aa0000; font-family: Arial; text-align: center }
  p.menuitem { font-weight: bold; font-family: Arial;}
  p.title { font-size: 22px; font-weight: bold; color: #aa0000; }
  p.medium { font-size: 16px; font-weight: bold; color: #aa0000; }
  p.mediumb { font-size: 14px; font-weight: bold; color: #0000aa; }
  p.small { font-size: 12px; color: #000000; }
  p.smallb { font-size: 12px; color: #aa0000; }
  td { font-family: Arial; font-size: 11px; border-color: #AAAAAA;}
  td.pagetd { background-color: #FFFFFF; border-style: solid; border-color: #aa0000; border-width: 1px; font-family: Arial; color: #000000; font-size: 11px }
  td.pagetdmenu { background-color: #c3c3c3; border-style: solid; border-color: #aa0000; border-width: 1px; font-weight: bold; font-family: Arial; color: #000000; font-size: 11px; padding-left: 4px }
  
  body { 
  	background-color: #FFFFFF;
	font-family: Arial; 
	color: #000000; 
	font-size: 12px;
  }
  
	#left_side {
		float:left;
		width:20em;
		margin:0; 
		padding:0;
		}
	#right_side {
		float:right;
		width:20em;
		margin:0; 
		padding:0;
		}
	#middle {
		margin:0 20em;
		} 
		
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}		
  
  
  
  

  font { font-family: Arial; color: #000000; font-size: 12px }
  font.p.menuitem { font-weight: bold; font-family: Arial;}
  font.menuitem { font-weight: bold; font-family: Arial;}
  font.ansright { color: #00d000 }
  font.answrong { color: #ff0000 }
  font.small { font-size: 11px; color: #000000 }
  font.real_small { font-family: Arial; font-size: 9px; color: #00257D }
  font.tablewords { font-weight: bold; font-family: Arial;font-size: 10px; color: #000000 }
  font.alertwords { font-weight: bold; font-family: Arial;font-size: 10px; color: #FF0000 }
  font.warningwords { font-weight: bold; font-family: Arial;font-size: 10px; color: #0000FF }
  table.page { width: 700px; background-color: #E5E5E5; border-style: none; border-collapse: separate; empty-cells: hide }
/*  table.timeline { background-color: #FFFFFF; border-style: solid; border-width: 1px; font-size: 14px }*/

  td.tltext { background-color: #FFFFFF; font-size: 12px; text-align: left}
  td.tlworkorder { background-color: #E0E8EF; font-size: 12px; text-align: left}
  td.tlitem { background-color: #EECBAD; font-size: 12px; text-align: center}
  td.tlalert { background-color: #FFA07A; font-size: 12px; text-align: center}
  td.tlemail { background-color: #BBBBFF;font-size: 12px; text-align: center}
  td.tlsmall { background-color: #EEEEEE;font-size: 11px; border-color:#FFFFFF;}

  td.tlevent { background-color: #E0EEE0; font-size: 12px; text-align: center; padding-bottom: .25em}
  table.tlevent { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#E0EEE0;}

  td.tlstep { background-color: #EED2EE; font-size: 12px; text-align: center; padding-bottom:.25em}
  table.tlstep { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#EED2EE;}
 
  td.tlupload { background-color: #FFAA00;font-size: 12px; text-align: center; padding-bottom:.25em}
  table.tlupload { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#FFAA00;}

  td.tlfile { background-color: #AAAAFF;font-size: 12px; text-align: center; padding-bottom:.25em}
  table.tlfile { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#AAAAFF;}

  td.tladd { background-color: #009ECC; border-color: #009ECC; font-size: 12px; text-align: center; padding-bottom:.25em}
  table.tladd { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#2FAACE;}

  td.tlsnapshot { background-color: #99CCFF;font-size: 12px; text-align: center; padding-bottom:.25em}
  table.tlsnapshot { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#99CCFF;}

  td.tlmessage { background-color: #66CC33;font-size: 12px; text-align: center; padding-bottom:.25em}
  table.tlmessage { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#66CC33;}

  td.tlinspect { background-color: #CCCC99;font-size: 12px; text-align: center; padding-bottom:.25em}
  table.tlinspect { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#CCCC99;}

  td.tlaccountant { background-color: #CCCC00;font-size: 12px; text-align: center;  padding-bottom:.25em}
  table.tlaccountant { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#CCCC00;}

  td.tldeliver { background-color: #FF99FF;font-size: 12px; text-align: center;  padding-bottom:.25em}
  table.tldeliver { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#FF99FF;}

  tr.t1white { background-color: #FFFFFF;font-size: 12px; text-align: center; border-color:#FFFFFF; border-style: none }
  td.t1white { background-color: #FFFFFF;font-size: 12px; text-align: center; border-color:#FFFFFF; border-style: none }

  td.tlcol {vertical-align: top}
  th.tlcol { background-color: #AAAAAA;font-size: 14px; text-align: center; border-style: solid; border-width: 1px}
  table.tlcol {vertical-align: top; border-style: solid; border-width: 1px}

  table.trasparent { background-color: #FFFFFF; border-style: none; border-collapse: collapse; font-size: 14px }
  table.task { background-color: #E0E0E0; border-style: solid; border-width: 1px; border-collapse: separate; font-size: 10px }
  tr.tasktitle { background-color: #aa0000; font-weight: bold; color: #ffffff }
  tr.taskspecs { background-color: #E0E0E0; font-weight: bold; color: #000000 }
  tr.taskdesc { background-color: #FFFFFF; font-weight: bold; color: #000000 }
  tr.taskoptions { background-color: #E0E0E0; font-weight: bold; color: #000000 }
  
  table.cat_no_font{ background-color: #000000; border-style: solid; border-width: 1px; border-collapse: separate; }
/*  tr.cattop { background-color: #ffe2b1; font-weight: bold; color: #aa0000 ;font-size: 20px} */
  tr.cattop { background-color: #c3c3c3; font-weight: bold; color: #aa0000 ;font-size: 20px}
  font.catlarge { font-size: 18px; color: #000000 }
/*  tr.cattitle { background-color: #ffe2b1; font-weight: bold; color: #aa0000; text-align: center } */
  tr.cattitle td { background-color: #c3c3c3; font-weight: bold; color: #130172; text-align: center}
  tr.cat { background-color: #E0E0E0; color: #000000; border-color: #AAAAAA; border-width: 1px}
/*  td.cattitle { background-color: #ffe2b1; font-weight: bold; color: #aa0000; text-align: center } */
  td.cattitle { background-color: #c3c3c3; font-weight: bold; color: #130172; text-align: center}
/*  tr.catorama { background-color: #ffe2b1; font-weight: bold; color: #aa0000; text-align: left } */
  tr.catorama { background-color: #c3c3c3; font-weight: bold; color: #130172; text-align: left; border-color: #AAAAAA}
  td.cateven_attn { background-color: #E0E0E0; color: #aa0000; ; border-color: #AAAAAA; border-width: 1px}

  tr.catattn { background-color: #CDAD00; color: #000000; border-color: #AAAAAA; border-width: 1px}
  tr.catattn2 { background-color: #55FFD4; color: #000000; border-color: #AAAAAA; border-width: 1px}
  tr.catattn3 { background-color: #FF7FD4; color: #000000; border-color: #AAAAAA; border-width: 1px}
  td.catodd_attn { background-color: #EaEaEa; color: #aa0000; border-color: #AAAAAA; border-width: 1px}
  tr.catshaded { background-color: #EaEaEa; color: #aa0000; border: #AAAAAA; border-color: #AAAAAA; border-width: 1px}
  tr.catempty { background-color: #FaFaFa; color: #000000; border: #AAAAAA}
  
/* The ones being used everywhere MDK */  
  table.cat { background-color: #AAAAAA; font-size: 11px; border-color: #444444; border-style: solid; border-width: 1px}
  
  tr.cateven { background-color: #cccccc; color: #000000; border-color: #130172; border-width: 1px}
  tr.catodd { background-color: #E0E0E0; color: #000000; border-color: #130172; border-width: 1px}
  
  td.cateven { background-color: #cccccc; color: #000000; border-color: #130172; border-width: 1px}
  td.catodd { background-color: #E0E0E0; color: #000000; border-color: #130172; border-width: 1px}
  td.clearcell { background-color: #ffffff; color: #ffffff; border-color: #ffffff; border-width: 1px}
  
  tr.catsuccess { background-color: #AAFF7F; color: #000000; border-color: #130172; border-width: 1px}
  td.catsuccess { background-color: #AAFF7F; color: #000000; border-color: #130172; border-width: 1px}

  tr.caterror { background-color: #FF7F7F; color: #000000; border-color: #130172; border-width: 1px}
  td.caterror { background-color: #FF7F7F; color: #000000; border-color: #130172; border-width: 1px}

.email_password { font-size:36px; } 

input.date { width:80px; } 
  
 
 /* The ones being used everywhere MDK */  
  table.silver { background-color: #e0e0e0; font-size: 11px; border-color: #AAAAAA; border-style: ridge; border-width: 1px}
  tr.silvereven { background-color: #cccccc; color: #000000; border-color: #cccccc; border-width: 0px}
  tr.silverodd { background-color: #E0E0E0; color: #000000; border-color: #E0E0E0; border-width: 0px}
  td.silvereven { background-color: #cccccc; color: #000000; border-color: #cccccc; border-width: 0px}
  td.silverodd { background-color: #E0E0E0; color: #000000; border-color: #E0E0E0; border-width: 0px}
  
/*
#toolbar { font-size: 11px; border-color: #AAAAAA; border-style: ridge; border-width: 1px; }
#toolbar tr { color: #000000; border-color: #E0E0E0; border-width: 0px} 
*/

#toolbar { 
	font-size: 11px; border:1px solid black; border-top:none; 
	background-color:#E0E0E0; padding-top:8px; width:100% - 1px; height:16px;
}  

/*  A:link, A:visited {color:#000000; text-decoration: none } #130172

  A:hover { text-decoration: underline; color: #ff2b00 }

*/
/* Styles related to the PHP Layers Menu System begin here */

.phplmnormal	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
a.phplm:link	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #004242;
}

a.phplm:visited	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #726461;
}

a.phplm:hover	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #841212;
	background-color: #fff0c0;
}

a.phplm:active	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #ff0000;
}

.phplmbodytable	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #fffae4;
}

.ivorybodytable	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #fffff8;
}

.clearbodytable	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFF00;
	text-decoration: none;	
}

.submenu	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #fffff8;
	border-width: 1px;
	border-color: black;
	border-style: solid;
}

.submenu1	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #fffff8;
}

/* SEARCH */
.search_input {
	font-family:tahoma;
	font-size:10px;
	width:70px;
	height:16px; 
	border:1px solid #CCCCCC;
}

.go_button {
	font-family:tahoma; 
	font-size:10px; 
	width:22px; 
	height:19px; 
	border-width:2px; 
	border-color:#CCCCCC;
}

a.linkclass:link { color:black }
a.linkclass:visited { color:black }
a.linkclass:hover { color:red }

.darkbordertable	{
	background-color: #726461;
}

.blackbordertable	{
	background-color: #000000;
}

.greenbordertable	{
	background-color: #839983;
}

.darkgreenbordertable	{
	background-color: #839983;
}

.redbordertable	{
	background-color: #aa5859;
}

.orangebordertable	{
	background-color: #df9502;
}

/* Styles related to the PHP Layers Menu System end here */

/* Styles related to the demo page begin here */

a:link {color: #003333;}
/*a:visited {color: #726461;}*/
a:visited {color: #003333;}
/*a:hover {border: solid 1px #aa0000; color: #841212;background-color: #fff0c0;}*/
a.image {color: #ff0000;}
/*a:active {color: #ff0000;}*/
a:active {color: #ff0000;}
a.sub1 {color: #000000; font-weight: bold; font-family: Arial}
a.sub1:hover	{
	font-family: Arial;
	color: #C6091C;
}

a.sub2 {color: #000000; font-family: Arial}
a.sub2:hover	{
	font-family: Arial;
	color: #C6091C;
}
.h1bar	{
	font-family: Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #00257D;
}
.h2bar	{
	font-family: Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold; 
	color: #130172;
}
.h3bar	{
	font-family: Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}
.h5bar	{
	font-family: Helvetica, sans-serif;
	font-size: 4pt;
	font-weight: bold;
	color: #000000;
}

.topbar	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #3C63FF;
}

.login_background	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url(images/login_background.gif);
}

.bar	{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #f6f2e6;
}


.preformatted	{
	font-family: courier;
	font-size: 11pt;
	font-weight: bold;
}

/* PAGE INTROS */
.pageintro { font-size:12px; font-weight:bold; color:#130172; padding:10px 0px 20px 0px; }
.pageintrolabel	{ font-size:8pt; vertical-align:top; color:#130172; }
.pageintroalert	{ font-size:14px; font-weight:bold; color:#C6091C; }
.pageintrosuccess { font-size:14px; font-weight:bold; color:#00CC00; padding:10px 0px 20px 0px; }
.pageintroerror	{ font-size:14px; font-weight:bold; color:#C6091C; padding:10px 0px 20px 0px; }
.pageintrowarning { font-size:14px;	font-weight:bold; color:#FF9900; padding:10px 0px 20px 0px; }


.success { font-weight:bold; color:#00CC00; }
.error { font-weight:bold; color:#C6091C; }
.warning { font-weight:bold; color:#FF9900; }

.note { color:red; font-style:italic; float:left;}



#button {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px !important;
	line-height:normal;
}
#button ul {
	margin:0;
	padding:0;
	list-style:none;
}
#button li {
	float:left;
	background:url("images/button_left4.gif") no-repeat left top;
	padding:0px 0px 0px 6px;
}
#button a {
	float:left;
	display:block;
	width:.1em;
	/* min-width:57px; */
	background:url("images/button_right4.gif") no-repeat right top;
	padding:0px 10px 1px 2px;
	text-decoration:none;
	color:#000;
}
#button > ul a { width:auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#button a { float:none; white-space:nowrap; }
/* End IE5-Mac hack */

#button a:hover { color:#333; }

#button li:hover, #button li.iehover, 
#button li:hover a, #button li.iehover a {
	background-position:0% -20px;
	color:#333;
}

#button li:hover a, #button li.iehover a {
	background-position:100% -20px;
}

#button img { padding-right: 6px; }




/* TABLE FORM */
table.form {
	border-top:3px ridge #FFFFFF;
    border-left:3px ridge #FFFFFF;
    border-bottom:3px ridge #CCCCCC;
    border-right:3px ridge #CCCCCC;
	
	padding:1px;
	margin-left:auto;
	margin-right:auto;
	
	clear:both;
	
	background-color:#D8D8D8;
}

table.form td {
	border:none;
}

/* DOES NOT BELONG IN FORM CLASS */
table.form tr th {
	border-left:1px solid #CCCCCC;
	border-bottom:2px ridge #FFFFFF;
	background-color:#C3C3C3;
	font-weight: bold; 
	color: #130172;
	text-align:center;
}

table.form textarea {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;	
}

table.form label {
	font-size: 13px;
	font-weight: bold;
	color: #000000;	
}




div.caption { /* table caption*/
	float:left;
	font-size:14px; 
	font-weight:bold;
}


table.data {
	border:2px solid #757575;
	
	font-family:arial;
	font-size:12px;
	
	padding:1px;
}


table.data tbody td {
	border-left:1px solid #CCCCCC;
	
}

table.data tbody tr {
	background-color:#D8D8D8;
}

table.data tbody tr.odd {
	background-color:#BCBCBC;
}

table.data thead th {
	background-color:#9F9F9F;
	font-weight:bold; 
	font-size:12px;
	text-align:center;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

table.data thead th a {
	text-decoration:none;
	display: block;
	color: #130172;
}


table.sortable a.sortheader {
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

table.report { 
	background-color:#FFFFFF;
	border-style:ridge;
	border-width:3px;
	margin-top:10px;
	padding-bottom:5px;
}

table.report tr th { 
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
}	




.reportarial	{
	font-family: arial, sans-serif;
	font-size: 10pt;	
	color: #C6091C;
}

.reporttitle	{
	font-family: Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: #130172;
}
.pageinfolabel	{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000A0;
}
.pageinfo	{
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
.tabletitle	{
	font-family: Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #000000;
}
.tabletitlealert	{
	font-family: Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #C6091C;
}
.sub1 {color: #000000; font-weight: bold; font-family: Arial}

td.balsmall	{
	font-family: Helvetica, sans-serif;
	font-size: 4pt;
	color: #000000;
}

.checkbox_button {
	text-decoration:none;
	color:#000000;
}
