a:link {
			color: #000000;
		}
		
		a:visited {
			color: #000000;
		}
		
		a:hover {
			color: #ca2c2c;
		}
		
		
		body{
			background: #FFFFFF;
			font-family: verdana,arial,helvetica,sans-serif;
			font-size: 12px;
			margin : 3px;
			margin-left: 3px;
		}
		
		#header{
			position: relative;
			background-image: url(image/banner.jpg);
			background-repeat: no-repeat;
			width: 99%;
			height: 113px;
		}
		
		#footer{
			position: relative;
			padding-right: 20px;
			color: #777777;
		}
		
		#login {
			position: relative;
			top: 20px;
			left: 100px;
			height: 50%;
			width: 50%;
		}
		
		#logout {
			top:5px; 
			left:95%; 
			text-align:right;
			z-index:10000; 
			position:absolute;
		}
		
		#logout a {
			color: #e4f87f;
		}
		
		#version {
			position: relative;
			font-family: verdana,arial,helvetica,sans-serif;
			font-size: 8px;
			color: #999999;
		}
		
		#mainleft {
			background: #E0F1A1;
			position: relative;
			border: 1px solid #777777;
			border-top: none;
			width: 160px;
			float: left;
			padding-top: 5px;
		}
		
		#mainbody {
			position: absolute;
			height: 80%;
			width: 85%;
			top: 113px;
			left: 170px;
			padding-top: 20px;
			padding-left: 10px;
		}
		
		#printbody {
			position: relative;
			padding-top: 10px;
			height: 85%;
			width: 99%;
			float:left;
		}
		
		
		table {
			position: relative;
			border-style: solid;
			border-width: 1px;
			border-collapse: collapse;
			border-color: #aaaaaa;
			font-size:10px;
			background-color: #E0F1A1;
		}
		
		#support {
			border: none;
			background: #FFFFFF;
		}
		
		table.navigation {
			border: none;
			background: #FFFFFF;
		}
		
		table.noborder {
			border: none;
		}
		
		table.actionpanel {
			background: #94D231;
			border-top: none;
		}
		
		table.entrypanel{
			width: 550px;
		}
		
		td{
			border:0px solid #aaaaaa;
			padding: 1px;
			padding-left: 10px;
			padding-right: 10px;
			font-size: 10px;
		}
		
		th{
			background-color: #94D231;
			border:1px solid #aaaaaa;
			padding: 5px;
			font-size: 10px;
			text-align: left;
		}
		
		input[type="text"],
        input[type="password"],
        input[type="file"],
        textarea, select
        {
        	background: #FFFFFF;
        	border: 1px solid #CCCCCC;
        	color: #000000;
        	margin: 0;
        }
        input[type="text"]:hover,
        input[type="password"]:hover,
        input[type="file"]:hover,
        textarea:hover, select:hover,
        input[type="text"]:focus,
        input[type="password"]:focus,
        input[type="file"]:focus,
        textarea:focus, select:focus,
        input[type="text"]:active,
        input[type="password"]:active,
        input[type="file"]:active,
        textarea:active, select:active
        {
        	border: 1px solid #808080;
        }
		
        input[type="checkbox"]:hover,
        input[type="checkbox"]:focus,
        input[type="checkbox"]:active 
        {
        	background: #E0F1A1;
        }
        
		/* 
		* Sortable table header
		*/ 
		
		table.datapanel th {
			cursor: pointer;
		}
		
		table.datapanel th:hover {
			background: #E0F1A1;	
		}
		
		table.datapanel th.selected {
			background: #E0F1A1;	
		}
		
		table.datapanel th img {
			width: 7px;
			height: 9px;
			float: right;
		}
		
		/* ENDOF Sortable table header */
		
		#linkbox {
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 10px;
			width: 140px;
		}
			
		#menu_title {
			font-family: verdana,arial,helvetica,sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #FFFFFF;
			letter-spacing: 1px;
			padding-top: 2px;
			padding-left:5px;
			padding-bottom: 2px;	
			background-color: #1B0780;
			border-bottom: 1px solid #333333;
		}
		
		#menu_item a {
			font-family: verdana,arial,helvetica,sans-serif;
			font-size:11px;
			display: block;
			color: #000000;
			padding: 2px;
			padding-left: 15px;
			text-decoration: none;
		}
		
		#linkbox a:link {
		
		}
		
		#linkbox a:visited {
		
		}
		
		#linkbox a:hover {
			border: 1px solid #888888;
			background-color: #C4C6C9;
		}
		
		#linkbox a:active {
			border: 1px solid #888888;
			background-color: #C4C6C9;
		}
		
		a.activemenu{
			border: none;
			background-color: #C4C6C9;
		}
		
		/* interface */	
		
		.redbold {
			font-weight: bold;
			color: red;
		}
		
		.red {
			color:red;
		}
		
		.date_panel {
			font-family: verdana,arial,helvetica,sans-serif;
			font-size: 11px;
			padding-bottom: 5px;
			color: #000000;
		}

		.redrow {
			background: red;
			color: #FFFFFF;
		}
		
		.lightredrow {
			background: #FFB3B3;
		}
		
		.lightredrow:hover {
        	background: #94D231;
        }
		
		.darkrow {
			background: #E0F1A1;
		}
		
		.lightrow {
			background: #ffffff;
		}
		
		.darkrow:hover {
        	background: #94D231;
        }
        
        .lightrow:hover {
        	background: #94D231;
        }
		
		.totalrow {
			background: #94D231;
		}
			
		.darktable {
			background-color: #E0F1A1;
		}
		.selected {
			background-color: #94D231;
		}
		
		textarea {
			font-family: verdana,arial,helvetica,sans-serif;
			font-size: 12px;
		}
		
		select {
			width: 146px;
		}
		
		input.login_field{
			width: 150px;
		}
		
		input.text_id{
			width: 200px;
		}
		
		input.text_field{
			width: 400px;
		}
		
		textarea.text_area{
			width: 400px;
		}
		
		select.type_field {
			width: 350px;
		}
		
		select.select_field {
			width: 400px;
		}
		
		img.cal {
		 	vertical-align: top;
		 	width : 20px;
		 	height: 20px;
		}
		   
		#checkboxlist {
		  overflow: auto;
			width: 200px;
			height: 220px;
			border: 1px solid #336699;
			background-color: #FFFFFF;
		}
		
		/*
		* Tabs related style
		*/
		
		/*--------------------------------------------------
		  REQUIRED to hide the non-active tab content.
		  But do not hide them in the print stylesheet!
		  --------------------------------------------------*/
		.tabberlive .tabbertabhide {
			display:none;
		}
		
		/*--------------------------------------------------
		  .tabber = before the tabber interface is set up
		  .tabberlive = after the tabber interface is set up
		  --------------------------------------------------*/
		.tabber {
		}
		.tabberlive {
			width: 562px;
		}
		
		/*--------------------------------------------------
		  ul.tabbernav = the tab navigation list
		  li.tabberactive = the active tab
		  --------------------------------------------------*/
		ul.tabbernav {
			margin:0;
			padding: 3px 0;
			*padding-bottom: 2px;
			border-bottom: 1px solid #AAAAAA;
		}
		
		ul.tabbernav li {
			list-style: none;
			margin: 0;
			display: inline;
		}
		
		ul.tabbernav li a {
			padding: 3px 0.5em;
			*padding: 2px 0.5em;
			margin-left: 3px;
			border: 1px solid #AAAAAA;
			border-bottom: none;
			background: #E0F1A1;
			text-decoration: none;
		}
		
		ul.tabbernav li a:link { 
			color: #000000; 
		}
		
		ul.tabbernav li a:visited { 
			color: #000000; 
		}
		
		ul.tabbernav li a:hover {
			color: #FFFFFF;
			background: #1B0780;
			border-color: #AAAAAA;
		}
		
		ul.tabbernav li.tabberactive a {
			background-color: #E0F1A1;
			border-bottom: 1px solid #E0F1A1;
			color: #000000;
		}
		
		ul.tabbernav li.tabberactive a:hover {
			color: #000000;
			background: #E0F1A1;
			border-bottom: 1px solid #E0F1A1;
		}
		
		.tabberlive .tabbertab {
			padding:5px;
			border:1px solid #AAAAAA;
			border-top:0;
			background: #E0F1A1;
		}
		
		/* If desired, hide the heading since a heading is provided by the tab */
		.tabberlive .tabbertab h2 {
			display:none;
		}
		
		.tabberlive .tabbertab h3 {
			display:none;
		}
		
		/* ENDOF Tabs */
		
		#WzBoDyI {
			background:#1B0780;
			position:relative;
			margin:0px;
			padding:0px;
			border-width:0px;
			left:0px;
			top:0px;
			line-height:normal;
			width:auto;
		}
		
		/* Calendar */
		/* The main calendar widget.  DIV containing a table. */
		
		.calendar {
		  position: relative;
		  display: none;
		  border-top: 1px solid #fff;
		  border-right: 1px solid #000;
		  border-bottom: 1px solid #000;
		  border-left: 1px solid #fff;
		  font-size: 11px;
		  color: #FFFFFF;
		  cursor: default;
		  background: #1B0780;
		  font-family: tahoma,verdana,sans-serif;
		}
		
		.calendar table {
		  border-top: 1px solid #000;
		  border-right: 1px solid #fff;
		  border-bottom: 1px solid #fff;
		  border-left: 1px solid #000;
		  font-size: 11px;
		  color: #000;
		  cursor: default;
		  background: #F6F6F6;
		  font-family: tahoma,verdana,sans-serif;
		}
		
		/* Header part -- contains navigation buttons and day names. */
		
		.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
		  text-align: center;
		  padding: 1px;
		  border-top: 1px solid #fff;
		  border-right: 1px solid #000;
		  border-bottom: 1px solid #000;
		  border-left: 1px solid #fff;
		}
		
		.calendar .nav {
		  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
		}
		
		.calendar thead .title { /* This holds the current "month, year" */
		  font-weight: bold;
		  padding: 1px;
		  border: 1px solid #000;
		  background: #1B0780;
		  color: #FFFFFF;
		  text-align: center;
		}
		
		.calendar thead .headrow { /* Row <TR> containing navigation buttons */
		}
		
		.calendar thead .daynames { /* Row <TR> containing the day names */
		}
		
		.calendar thead .name { /* Cells <TD> containing the day names */
		  border-bottom: 1px solid #000;
		  padding: 2px;
		  text-align: center;
		  background: #94D231;
		}
		
		.calendar thead .weekend { /* How a weekend day name shows in header */
		  color: #f00;
		}
		
		.calendar thead .hilite { /* How do the buttons in header appear when hover */
		  border-top: 2px solid #fff;
		  border-right: 2px solid #000;
		  border-bottom: 2px solid #000;
		  border-left: 2px solid #fff;
		  padding: 0px;
		  background-color: #94D231;
		}
		
		.calendar thead .active { /* Active (pressed) buttons in header */
		  padding: 2px 0px 0px 2px;
		  border-top: 1px solid #000;
		  border-right: 1px solid #fff;
		  border-bottom: 1px solid #fff;
		  border-left: 1px solid #000;
		  background-color: #b8c4c0;
		}
		
		/* The body part -- contains all the days in month. */
		
		.calendar tbody .day { /* Cells <TD> containing month days dates */
		  width: 2em;
		  text-align: right;
		  padding: 2px 4px 2px 2px;
		}
		.calendar tbody .day.othermonth {
		  font-size: 80%;
		  color: #aaa;
		}
		.calendar tbody .day.othermonth.oweekend {
		  color: #faa;
		}
		
		.calendar table .wn {
		  padding: 2px 3px 2px 2px;
		  border-right: 1px solid #000;
		  background: #94D231;
		}
		
		.calendar tbody .rowhilite td {
		  background: #94D231;
		}
		
		.calendar tbody .rowhilite td.wn {
		  background: #F6F6F6;
		}
		
		.calendar tbody td.hilite { /* Hovered cells <TD> */
		  padding: 1px 3px 1px 1px;
		  border-top: 1px solid #fff;
		  border-right: 1px solid #000;
		  border-bottom: 1px solid #000;
		  border-left: 1px solid #fff;
		}
		
		.calendar tbody td.active { /* Active (pressed) cells <TD> */
		  padding: 2px 2px 0px 2px;
		  border-top: 1px solid #000;
		  border-right: 1px solid #fff;
		  border-bottom: 1px solid #fff;
		  border-left: 1px solid #000;
		}
		
		.calendar tbody td.selected { /* Cell showing selected date */
		  font-weight: bold;
		  border-top: 1px solid #000;
		  border-right: 1px solid #fff;
		  border-bottom: 1px solid #fff;
		  border-left: 1px solid #000;
		  padding: 2px 2px 0px 2px;
		  background: #94D231;
		}
		
		.calendar tbody td.weekend { /* Cells showing weekend days */
		  color: #f00;
		}
		
		.calendar tbody td.today { /* Cell showing today date */
		  font-weight: bold;
		  color: #00f;
		}
		
		.calendar tbody .disabled { color: #999; }
		
		.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
		  visibility: hidden;
		}
		
		.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
		  display: none;
		}
		
		/* The footer part -- status bar and "Close" button */
		
		.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
		}
		
		.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
		  background: #1B0780;
		  padding: 1px;
		  border: 1px solid #000;
		  color: #FFFFFF;
		  text-align: center;
		}
		
		.calendar tfoot .hilite { /* Hover style for buttons in footer */
		  border-top: 1px solid #fff;
		  border-right: 1px solid #000;
		  border-bottom: 1px solid #000;
		  border-left: 1px solid #fff;
		  padding: 1px;
		  background: #94D231;
		}
		
		.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
		  padding: 2px 0px 0px 2px;
		  border-top: 1px solid #000;
		  border-right: 1px solid #fff;
		  border-bottom: 1px solid #fff;
		  border-left: 1px solid #000;
		}
		
		/* Combo boxes (menus that display months/years for direct selection) */
		
		.calendar .combo {
		  position: absolute;
		  display: none;
		  width: 4em;
		  top: 0px;
		  left: 0px;
		  cursor: default;
		  border-top: 1px solid #fff;
		  border-right: 1px solid #000;
		  border-bottom: 1px solid #000;
		  border-left: 1px solid #fff;
		  background: #94D231;
		  font-size: 90%;
		  padding: 1px;
		  z-index: 100;
		}
		
		.calendar .combo .label,
		.calendar .combo .label-IEfix {
		  text-align: center;
		  padding: 1px;
		}
		
		.calendar .combo .label-IEfix {
		  width: 4em;
		}
		
		.calendar .combo .active {
		  background: #F6F6F6;
		  padding: 0px;
		  border-top: 1px solid #000;
		  border-right: 1px solid #fff;
		  border-bottom: 1px solid #fff;
		  border-left: 1px solid #000;
		}
		
		.calendar .combo .hilite {
		  background: #048;
		  color: #aef;
		}
		
		.calendar td.time {
		  border-top: 1px solid #000;
		  padding: 1px 0px;
		  text-align: center;
		  background-color: #eeeeee;
		}
		
		.calendar td.time .hour,
		.calendar td.time .minute,
		.calendar td.time .ampm {
		  padding: 0px 3px 0px 4px;
		  border: 1px solid #889;
		  font-weight: bold;
		  background-color: #fff;
		}
		
		.calendar td.time .ampm {
		  text-align: center;
		}
		
		.calendar td.time .colon {
		  padding: 0px 2px 0px 3px;
		  font-weight: bold;
		}
		
		.calendar td.time span.hilite {
		  border-color: #000;
		  background-color: #667;
		  color: #fff;
		}
		
		.calendar td.time span.active {
		  border-color: #f00;
		  background-color: #000;
		  color: #0f0;
		}
		/* ENDOF Calendar */

	  /* Autocomplete */
	  
	  /* Big box with list of options */
		#ajax_listOfOptions{
			position: absolute;	/* Never change this one */
			width: 400px;	/* Width of box */
			height: 200px;	/* Height of box */
			overflow-y: auto;
			overflow: -moz-auto-vertical;
			border: 1px solid #777777;	/* Dark green border */
			background-color: #FFFFFF;	/* White background color */
			text-align: left;
			font-size: 0.9em;
			z-index: 100;
		}
		#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
			margin: 1px;		
			padding: 1px;
			cursor: pointer;
			font-size: 0.9em;
		}
		#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
			
		}
		#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
			background-color: #1B0780;
			color: #FFFFFF;
		}
		#ajax_listOfOptions_iframe{
			background-color: #F00;
			position: absolute;
			z-index: 5;
		}
	  
	  /* ENDOF Autocomplete */
  	
	  /* Support page */
  
    	#supportDiv {
    		width:800px;
    		height:300px;
    		overflow:auto;
    		border:#94D231 8px solid;
    	}
    	
     /* ENDOF Support page */
		
        /* BOX FOR GOOGLE MAPS */
        		
        div#mainform_top_glow{
        	background: url("../../images/main_top.png") no-repeat center 4px;
        	height: 9px;
        	z-index: 10;
        }		
        
        .mainform_body_tlc {
        	background-image: url("../../images/upleft.png");
        	height: 9px;
        	width: 9px;
        	font-size: 2px;
        	margin-top: -9px;
        }
        
        .mainform_body_trc {
        	float: right;
        	margin-top: -9px;
        	background-image: url("../../images/upright.png"); 
        	height: 9px; 
        	width: 9px;
        	font-size: 2px;
        }
        
        .mainform_body_blc {
        	background-image: url("../../images/downleft.png");
        	background-repeat: no-repeat;
        	height: 9px;
        	font-size: 2px;
        	margin-right: 9px;
        }
        
        .mainform_body_brc {
        	background-image: url("../../images/downright.png");
        	background-position: 100% 0;
        	background-repeat: no-repeat;
        	margin-bottom: -9px;
        	height: 9px;
        	font-size: 2px;
        	margin-top: -9px;
        }
        
        .mainform_body_top{
        	background: url("../../images/up.png") repeat-x;
        	height: 9px;
        	margin-left: 9px;
        	margin-right: 9px;
        }
        
        .mainform_body_bottom{
        	background: url("../../images/down.png") repeat-x;
        	height: 9px;
        	margin-left: 9px;
        	margin-right: 9px;
        }
        
        .mainform_body_left{
        	background: url("../../images/left.png") repeat-y;
        }
        
        .mainform_body_right{
        	background: url("../../images/right.png") repeat-y top right;
        }
        
        .inside {
        	margin-left: 9px;
        	margin-right: 9px;
        	background: #393837;
        	color: #000000;
        }
        
        .notopgap {
        	margin-top: -1px;
        	padding: 0;
        }
        
        .nobottomgap {
        	padding: 0;
        	margin-bottom: 0;
        	clear: both;
        	
        }
        /* ENDOF BOX FOR GOOGLE MAPS */