/* HTML Tag redefinition ********************************************************************************************************************/
/* Definig our own styles *******************************************************************************************************************/
/********************************************************************************************************************************************/

body				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px; margin-top:0px; background-color:#EEE; }

#main				{
	position: absolute;
	left: 50%;
	width: 770px;
	margin-left: -385px;
	margin-top:0px;
	top: -8px;
}


.trans				{ z-index:1000; }
#wrapper			{  position: absolute; left: 50%;width: 760px; margin-left: -370px; margin-top:0px; background-image:url(../images/shadBack.png);}
h2					{ font-size: 14px; font-weight: bold; }
h1,h3				{ font-size: 14px; background-color:#FFF; }
h1					{ margin: 0px 0px 10px -5px;  }
th					{ text-align: left; }
input, select		{ width: 200px; }

/* ID'd styles (1 instance per page) ********************************************************************************************************/
/* Global styles ****************************************************************************************************************************/
/********************************************************************************************************************************************/
#branding			{ position: absolute; left: 0px; top: 0px; margin-bottom: -50px; margin-top: 1px; margin-left: 1px;  }
#main				{ border: 1px solid #000; width: 770px; background-color:#FFF;}
#header				{ border-bottom: 1px solid #000; margin-bottom: 5px; }
/*#content			{ width: 100% ; float: left; }*/
#content			{ width: 100% ; }
#smallContent		{ width: 580px; float: left; border-right:1px solid #000;  background-color:#FFF; }

#smallContent h1, #content h1
					{ margin: 0px; border-left: 6px solid #600; text-indent: 9px; border-bottom: 1px solid #000; line-height:26px; }
#content p,#content h2, #content h3, #smallContent p,#smallContent h2, #smallContent h3, #content table
					{ margin-left: 15px; }
					
#content h3, #smallContent h3
					{ margin-bottom: -10px;  }
					
#smallContent #splash		{ border-bottom: 1px solid #000; width: 580px; height:222px;  }

#sidebar			{ font-size: 11px; }

#footer				{ clear: both; width: 766px;  border-top: 1px solid #000; text-align: right; font-size:11px; padding: 3px 3px 3px 0px; margin-top: 0px; background-color:#FFF; }
#sidebar			{ float: right; width: 189px; margin-left: -1px; border-left: 1px solid #000; }
#sidebar h1, #sidebar h2, #sidebar h3 { margin: 0px; text-indent: 5px; border-bottom: 1px solid #000; line-height:26px; background:#EEE; }
#sidebar h2			{ border-top: 1px solid #000; }
#sidebar h3			{ background:#FFF; margin-bottom: 5px; }
#sidebar p, #sidebar form { margin-left: 5px; margin-right:5px; }
#sidebar form		{ text-align: left; }
#sidebar input, #sidebar select	{ width: 177px; border: 1px solid #000; padding: 0px; margin-bottom: 5px; }


#content h1, #smallContent h1			{ border-left: 6px solid #600; background-color:#FFF; background-color:#EEE; }
#sidebar h1, #sidebar h2, #sidebar h3 	{ backround-color:#333; background-image:url("http://www.vl-systems.com/include/images/subnavBack.jpg"); color:#FFF; }
#sidebar h3 				{border-top: 1px solid #000; }

#editForm2			{ width: 350px; text-align: right; }
#editForm2 select, #editForm2 input, #editForm2 textArea { width:200px; margin-left:10px; }
#editForm2 p			{ margin: 4px; }
#editForm2 form		{ margin: 10px 10px 10px 10px; }

#editForm			{ width: 550px; text-align: right; }

#editForm select, #editForm input, #editForm textArea { width:400px; margin-left:10px; }
#editForm p			{ margin: 4px; }
#editForm form		{ margin: 10px 10px 10px 10px; }
#editForm .smallButton	{ width: 194px; }

#nav				{ float:left; width:770px; background:#FFF url("../images/tabs/bg.gif") repeat-x bottom; line-height:normal; margin-top: -5px; padding-top: 5px; }
#nav ul				{ margin:0; padding:0px; list-style:none;  }
#nav li				{ float:left; margin:0; padding:0px; }
#nav a				{ float: left; display:block; background:url("../images/tabs/right.gif") no-repeat right top; padding:6px 16px 5px 10px; text-decoration:none; color:#000; font-weight:bold;}

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

#nav #current a		{ background-image:url("../images/tabs/right_on.gif") ; color:#FFF; padding-bottom:6px; }

#subNav				{ float:left; width:770px; background:#EEE; line-height:normal; margin: 0px; border-bottom: 1px solid #000; background-image:url("/include/images/subnavBack.jpg");}
#subNav ul			{ margin:0; padding:6px 10px 0; list-style:none;  }
#subNav li			{ float:left; margin:0; padding:0px; }
#subNav a			{ float: left; display:block; padding:0px 5px 5px 5px; color:#FFF;}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#subNav a {float: none;}
  /* End IE5-Mac hack */
/* Index page styles (many to be transfered to new css file?) *******************************************************************************/
/* Global styles ****************************************************************************************************************************/
/********************************************************************************************************************************************/
#flag				{float: right; margin-top: -5px; }
#flag img			{margin-left: 3px; }
.paging				{border: 1px solid #CCC; padding: 1px; text-align:center; background-color: #FFF; }
.tableRow:hover		{ background-color:#FFFCF3; }
.tableRow td		{ padding: 3px; }
.tinyInput			{ width: 20px; float: left; }
.warning			{ color: #900; }
.smallprint			{ font-size: 10px; color: #999; }
.longInput			{ width: 450px; }
.item0				{ border-left: 6px solid #333; }
.item1				{ border-left: 6px solid #600; }
.item2				{ border-left: 6px solid #006; }
.item3				{ border-left: 6px solid #060; }
.item4				{ border-left: 6px solid #603; }
.item5				{ border-left: 6px solid #33C; }