/*
TABLE.temp {
	BACKGROUND: url(../images/logo/temp.gif) 150px 50%
}*/

BODY {
	MARGIN: 0px;
	FONT: 12px Arial, Helvetica, sans-serif
}

FORM {
	MARGIN: 0px
}

TABLE {
	FONT-SIZE: 12px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-COLLAPSE: collapse;
	BORDER-BOTTOM-STYLE: none
}

INPUT { text-align:middle !important };

TABLE TD {
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: left;
}

DIV.logo {
	BACKGROUND: url(../images/logo/header_background.jpg) no-repeat top left ;
	WIDTH: 100%;
}

DIV.bannerLine {
	BORDER-TOP: red 1px solid;
	WIDTH: 100%;
	HEIGHT: 10px;
	BACKGROUND-COLOR: #669933
}

DIV.footerLine {
	BORDER-TOP: #669933 1px solid;
	WIDTH: 100%;
	HEIGHT: 10px;
	BACKGROUND-COLOR: #669933
}


TABLE.mainPanel {
	WIDTH: 90%;
	/*BORDER-BOTTOM: #669933 10px solid;*/
	HEIGHT: 80%;
}

TABLE.mainPanel TD.menuPanel {
	WIDTH: 136px;
	BACKGROUND-COLOR: #ccff66
}

TD.link {
	BORDER-RIGHT: #9cb0ee 1px solid;
	PADDING-LEFT: 30px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(../images/logo/arrow.gif) no-repeat 2px center;
	VERTICAL-ALIGN: middle;
	WIDTH: 136px;
	CURSOR: pointer;
	COLOR: #336600;
	BORDER-BOTTOM: #9cb0ee 1px solid;
	HEIGHT: 30px
}

TD.highlight {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #006633
}

TD.epd {
	BACKGROUND: url(../images/logo/home.gif) no-repeat 4px 50%;
	center: 
}

TD.highlight {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #006633
}

SPAN.header {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #cc3301
}

TD.formlinks {
	FONT-SIZE: 12px;
	COLOR: #006601;
	PADDING-TOP: 10px
}

TABLE.menuLink {
	WIDTH: 98%
}

TABLE.menuLink TD {
	BORDER-RIGHT: #9cb0ee 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #9cb0ee 1px solid;
	PADDING-LEFT: 28px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	BACKGROUND: url(../images/logo/arrow.gif) no-repeat 4px 50%;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #9cb0ee 1px solid;
	CURSOR: pointer;
	COLOR: #336600;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #9cb0ee 1px solid;
	FONT-FAMILY: Arial;
	center: 
}

TABLE.menuLink TD.highlight {
	BACKGROUND-COLOR: #ccff66
}

TD.data {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline
}

TD.workarea {
	PADDING-LEFT: 10px;
	vertical-align: top;
}

DIV.pageHeader {
	MARGIN-TOP: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	WIDTH: 100%;
	COLOR: #006601;
	TEXT-ALIGN: center
}

DIV.subHeader {
	FONT-SIZE: 12px;
	WIDTH: 100%;
	TEXT-ALIGN: center
}

TABLE.sectionHeader {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	WIDTH: 100%
}

TABLE.sectionHeader .part {
	WIDTH: 50px
}

TABLE.sectionHeader .back {
	TEXT-ALIGN: right
}

TABLE.sectionHeader .back A {
	COLOR: #006601
}

DIV.formSection {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	WIDTH: 100%;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #eeede2
}

TABLE.formSection {
	WIDTH: 100%;
	background-collapse: collapse
}

TABLE.formSection TD {
	PADDING-BOTTOM: 3px
}

TD.part {
	FONT-WEIGHT: bold;
	WIDTH: 25px
}

TD.lbl {
	FONT-WEIGHT: bold
}

DIV.lbl {
	FONT-WEIGHT: bold
}

TD.label1 {
	WIDTH: 155px
}

TD.label2 {
	WIDTH: 275px
}

TD.label3 {
	WIDTH: 300px
}

TD.label4 {
	WIDTH: 180px
}

TD.child {
	WIDTH: 150px
}

.formControl {
	FONT-SIZE: 12px
}

TEXTAREA.formControl {
	FONT-SIZE: 12px;
	HEIGHT: 51px
}

TABLE.formSection TD.note {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px
}

SPAN.mandatory {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: red
}

DIV.mandatory {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	COLOR: #006601
}

TD.mandatory {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	COLOR: #006601
}

TABLE.childPanel {
	WIDTH: 100%
}

TD.childPanel {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 10px
}

TABLE.childPanel TD {
	
}

TABLE.buttons {
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 10px;
	WIDTH: 100%;
	TEXT-ALIGN: right
}

TABLE.buttons TD {
	PADDING-RIGHT: 10px;
	WIDTH: 100%
}

TABLE.grid {
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	WIDTH: 98%;
	BORDER-COLLAPSE: collapse
}

TABLE.grid TH {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	FONT-WEIGHT: bold;
	VERTICAL-ALIGN: bottom;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: #006601 5px solid;
	BACKGROUND-COLOR: #e7ffb7;
	TEXT-ALIGN: left
}

TABLE.grid TD {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	PADDING-LEFT: 1px;
	FONT-SIZE: 12px;
	VERTICAL-ALIGN: top;
	BORDER-LEFT: black 1px solid;
	CURSOR: pointer;
	BORDER-BOTTOM: black 1px solid
}

TABLE.grid TR.even {
	BACKGROUND-COLOR: #e7ffb7
}

TABLE.grid TR.odd {
	BACKGROUND-COLOR: white
}

TABLE.grid TR.highlight {
	BACKGROUND-COLOR: #ccff66
}

TABLE.grid TH.tickbox {
	WIDTH: 25px
}

.loginTime {
	FONT-SIZE: 11px
}

.applicationStatus {
	FONT-WEIGHT: bold;
	VERTICAL-ALIGN: top;
	WIDTH: 100%;
	TEXT-ALIGN: left
}

.applicationStatus .title {
	WIDTH: 180px
}

TD.screenid {
	PADDING-LEFT: 30px;
	FONT-SIZE: 10px;
	WIDTH: 136px;
	COLOR: #336600
}

.reportTable {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	WIDTH: 100%;
	BORDER-BOTTOM: medium none
}

.reportTable TH {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid
}

.reportTable TD {
	BORDER-RIGHT: black 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: black 1px solid;
	PADDING-LEFT: 2px;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid
}

.reportTable TR.total {
	BORDER-RIGHT: medium none;
	PADDING-RIGHT: 2px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 2px;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none
}

TABLE.reportPanel {
	MARGIN-LEFT: 5px;
	WIDTH: 760px;
	MARGIN-RIGHT: 5px;
	FONT-FAMILY: Times New Roman
}

TD.reportarea {
	FONT-FAMILY: Times New Roman
}

DIV.reportHeader {
	MARGIN-TOP: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	WIDTH: 100%;
	TEXT-ALIGN: center
}

TD.reportid {
	PADDING-LEFT: 10px;
	FONT-SIZE: 10px;
	VERTICAL-ALIGN: middle
}

TABLE.reportHeading {
	FONT-SIZE: 10px;
	WIDTH: 100%
}

DIV.reportFooter {
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center
}


.pageHeader1{
	white-space: normal;
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: top;
}

.pageHeader2{
	white-space: normal;
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #006601;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: top;
}

.partHeader{
	white-space: normal;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
}

.backToTop{
	white-space: nowrap;
	FONT-SIZE: 12px;
	TEXT-ALIGN: right !important;
	COLOR: #006601;		
}

.colHeader{
	white-space: normal;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
}

.colNormal{
	white-space: normal;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
}

.errtxt {
	color: #FF0000;
	font-weight: bold;
}

.pageNote{	
	FONT-SIZE: 12px;
	COLOR: #006601;
	font-weight: bold;	
}

.red {
	color:#FF0000;
}

.fright {
	text-align:right !important;
}


/* Progress Bar */
.cover {
  filter: alpha(opacity=75);
  z-index: 9998;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  background-color:transparent;
}

.backcover {
  filter: alpha(opacity=0);
  margin: 0px;
  border: 0px;
  padding: 0px;
  display: none;
  position: absolute;
  z-index:9997; 
  left: 0px;
  top: 0px;
  background-color:transparent;
}

.progress {
  z-index: 9999;
  width: 430px;
  height: 100px;
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  border: 1px solid gray;
}

.progress_small {
  z-index: 9999;
  width: 330px;
  height: 100px;
  position: absolute;
/*  display: none;*/
  background-color: #FFFFFF;
  border: 1px solid gray;
}

.progress_child {
  width: 425px;
}

.progress_child_small {
  width: 325px;
}

.route {
  left: 265px;
  top: 24px;
  width: 150px;
  height: 15px;
  position: relative;
}

.route_small {
  left: 165px;
  top: 24px;
  width: 150px;
  height: 15px;
  position: relative;
}

span.section_hdr {
  color : #006699;
  font-size: 22px;
  font-weight: Bold;
}
/* end of customized progress bar */

.redborder {
	border:1px solid red;
}

.pageHeaderIndex1{
	white-space: normal;
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
}

.pageHeaderIndex2{
	white-space: normal;
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #006601;
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
}

@media print {
	.noprint {
		display: none;
	}	
}

.mi {
	color: #0000ff;
	font-weight:bold;
}

.font10px {
	font-size: 10px !important;
	FONT-WEIGHT: normal;
}

SPAN.footer
{
	color:#336600;
	font-size:11px;
}