body {
  margin: 0px;
  background-color: #CAF2FF;
  background-image: url(../images/background.gif);
  background-repeat: repeat-x;
  font-family : Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: auto;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.left {
  text-align: left !important;
}

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

th.center {
  text-align: center !important; 
}

th.right {
  text-align: left!important;
}

th span {
  float: left !important;
}

th.right span {
  float: right !important;
}

th.center span {
  text-align: center !important;
  width: 100%;
  clear: right;
}

th span.asc {
  float: right !important;
}

th span.desc {
  float: right !important;
}

.center{
  text-align: center !important;
}

form {
  height: 100%; 
  margin: 0; 
  padding: 0;
}

table {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  width: 100%;
}

table.page {
  height: 100%; 
  width: 1004px;
}

td.td_header {
  width: 100%;
  overflow: hidden;
}

td.td_sidepanel {
  background-color: #CAE2F3;
  vertical-align: top;
  height: 100%;
  width: 170px;
  overflow-x: hidden;
}

td.td_content {
  vertical-align: top;
  width: 823px;
  padding-left: 10px;
  padding-top: 2px;
  -moz-box-sizing: content-box;
}


/* HEADER */

table.header1{
  background: url(../images/top.gif) repeat-x;
  height: 26px;
  color: white;
  width: 1004px !important;
}

table.header1 td.welcome1{
  font-size : 11px;
  width : 80px;
}

table.header1 td.welcome2{
  font-size : 11px; 
  font-weight: bold;
  width: 679px;
}

table.header2{
  height: 30px;
  color: #00AADD;  
  font-weight: bold;
  font-size: 13px;
  width: 1004px !important;
}

table.header2 tr {
  background: url(../images/menu1.gif) repeat-x;
}

div.home{
  display: block;
  position: absolute;
  left: 0px;
  top: 26px;
  width: 362px;
  height: 68px;
  background: transparent url(../images/banner.gif) no-repeat;
}

/* MENU */

td.menuunhighlight{
  font-size: 12px;
  font-weight: bold;
  width: 100px;
  cursor: default;
  color: #006699;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  white-space: nowrap;
}

td.menuhighlight{
  font-size: 12px;
  font-weight: bold;
  width: 100px;
  cursor: default;
  color: #003366;
  background: #6B9DD2;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  white-space: nowrap;
}

td.menuselected {
  font-size: 12px;
  color: #003366 !important;
  background: #6B9DD2 !important;
}

ul.pulldown {
  background: transparent url("../images/pulldown_bg.png") repeat-y;  
  position: absolute;
  top: 94px;    
  left: 12px;
  margin: 0;
  padding: 3px 0 0 0;  
  width: 150px;
  font-weight: normal;
  z-index: 103;
}

ul.pulldown li {
  float: none !important;
  list-style: none;
  border-right: 1px solid Black;
}

ul.pulldown li.btm {
  background: transparent url("../images/pulldown_btm.png") left bottom no-repeat !important;  
  padding-bottom: 6px !important;
}

ul.pulldown li a {
  display: block;
  height: 21px;  
  padding: 2px 16px 0px 16px;  
  color: white;    
  font-size: 12px;    
  text-decoration: none;
}

ul.pulldown li a.hover {
  text-decoration: none;
  background: transparent url("../images/pulldown_sel.png") no-repeat;    
}

/* NAVBAR */

div.back {
  background: transparent url(../images/back.gif) no-repeat;
  position: absolute;
  left: 218px;
  top: 63px;
  width: 28px;
  height: 25px;
  cursor: pointer;
}

div.disabled {
  background: transparent url(../images/back_disabled.gif) no-repeat !important;
  cursor: default !important;
}

div.menumenu{
  position: absolute;
  left: 253px;
  top: 64px;
  width: 751px;
  height: 22px;
  background-color: white;
}

div.menumenu table {
  font: 12px Arial, Helvetica, sans-serif !important;
}

div.menumenu span.ActiveLink {
  color: black;
  text-decoration: none;
}

/* SIDEPANEL */

td.td_sidepanel td.hideLabel {
  font-size: 8px;
  color: #787878;
  vertical-align: middle;
}

td.td_sidepanel span.function_title {
  font-weight: bold;
  font-size: 15px;
  color: #003366;
}

td.td_sidepanel a.function_content {
  color: #003366;
  font-size: 12px;
}

#SIDEPANEL {
  display: block;
}

#SIDEPANEL_HIDE {
  padding-top: 2px;
}

/* CONTENT */

div.canvas {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  height: 100%;
  overflow: auto;
  margin-left: 0px;
  position: relative;
  text-align: left;
  width: 100%;
}

@media print {
  div.canvas {
    width: auto !important;
    height: auto !important;
  }
  
  div.canvas div {
    width: auto !important;
    height: auto !important;
  }
}

div.canvas div {
  width: 100%;
  -moz-box-sizing: border-box;
}

/* SECTION HEADER */
div.sec {
  -moz-user-select: none;
  padding-bottom: 10px;
  text-align: left;
  padding-right: 0px;
  height: 33px;
  top: 0px;
  width: 100%;
}

td.SectionHeaderLeft {
  background: url("../images/header_left.gif") no-repeat;
  width: 9px !important;
  height: auto;
}

td.SectionHeaderCenter {
  background: url("../images/header_center.gif") repeat-x;
  height: 33px;
  color: white;
  font-size: 18px;
  font-weight : bold;
}

td.SectionHeaderRight {
  background: url("../images/header_right.gif") no-repeat;
  width: 9px !important;
  height: 33px;
}

div.section {
  padding: 1px;
  border-top: rgb(0,84,166) solid 1px;
  border-left: rgb(0,93,174) solid 1px;
  border-right: rgb(0,93,174) solid 1px;
  border-bottom: rgb(0,114,193) solid 1px;
  margin-bottom: 10px;
}

div.section div {
  background: rgb(34,57,116) url("../images/section_bg.gif") repeat-x;
  padding: 3px 8px 3px 8px;
  color: white;
  font-size: 18px;
  font-weight : bold;
}

/* COLLAPSE SECTION */

div.collapse {
  border: 1px Solid #cccccc;
  background-color: white; 
  padding-bottom: 8px;
  width: 100%;
}

div.collapse div.coll_hdr {
  padding: 3px 3px 3px 3px;
  color: #003366;
  font-weight: bold;
}

div.collapse div.coll_body {
  cursor: auto;
  font-size: 1px;
}

div.bx {  
  border: 1px Solid #607B91;
  background-color: white;
  -moz-user-select: none;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}

/* MESSAGE */

div.msg {
  font-size: 12px;
  background-color: #ffffcc;
  border: 1px Solid #cccccc;
  margin: 0 0 12px 0;
  padding: 6px 0 6px 0;
}

div.msg div.error {
  background: transparent url("../images/icon/bell.gif") 10px 2px no-repeat;
  padding: 2px 0 0 36px;
  height: 22px;
  font-weight: bold;
  color: red;
}

div.msg div.info {
  background: transparent url("../images/tick2.gif") 10px 2px no-repeat;
  padding: 2px 0 0 36px;
  height: 18px;
  font-weight: normal;
}

div.msg div.hint {
  background: transparent url("../images/icon/warning.gif") 10px 2px no-repeat;
  padding: 2px 0 0 36px;
  height: 18px;
  font-weight: normal;
}

div.msg ul {
  list-style-type: square;
  padding: 0;
  margin: 0px 0 0 50px;  
}

div.msg ul li {
  padding-top: 2px;
}

div.msg a {
  color: #0066ff; 
  text-decoration: none;
}

div.msg a:hover {
  text-decoration: underline;
}

div.msg div.tip {
  font-size: 11px;
  color: #666666;
  font-weight: normal;
  margin: 0 0 12px 0;
}


/* CONTROLS */

table.ctrl {
  font-size: 12px;
}

table.ctrl tr {
  height: 20px;
  vertical-align: top;
}

table.ctrl th {
  color: #555555;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
}

table.lbl {
  width: auto !important;
}

table.lbl th {
  font-family: Arial, Helvetica, sans-serif;
  -moz-user-select: none;    
  color: #607B91;
  font-weight: bold;
  font-size: 12px;
  padding-top: 3px;
}

span.lbl {
  -moz-user-select: none;
  color: #607B91;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
}

span.chk {
  position: relative;
  top: 2px;
  vertical-align: top;
}

span.static {
  position: relative;
  top: 1px;
}

table.lbl tr {
  vertical-align: top;
}

table.errorLbl {
  width: auto !important;
}

table.errorLbl th {
  font-family: Arial, Helvetica, sans-serif;
  -moz-user-select: none;    
  color: red;
  font-weight: bold;
  font-size: 12px;
  padding-top: 3px;
}

table.errorLbl tr {
  vertical-align: top;
}

table.lbl_disabled {
  width: auto !important;
}

table.lbl_disabled th {
  font-family: Arial, Helvetica, sans-serif;
  -moz-user-select: none;    
  color: gray;
  font-weight: bold;
  font-size: 12px;
  padding-top: 3px;
}

table.lbl_disabled tr {
  vertical-align: top;
}

span.MandatoryAsterisk {
  color: #F90000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}

span.note {
  -moz-user-select: none;
  color: #999999;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding-bottom: 0px;
  white-space: nowrap;
}

/* BUTTONS */

div.btn {
  background: white none repeat scroll 0% 0%;
  padding: 8px;
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  text-align: right;
}

div.btn_sep {
  background: white none repeat scroll 0% 0%;
  margin-top: 15px;
  padding: 8px;
  width: 100%;
  height: auto !important;
  -moz-box-sizing: border-box;
  text-align: right;
}

div.btn div.fleft, div.btn_sep div.fleft {
  width: 50%;
  float: left;
  text-align: left;
}

div.btn div.fright, div.btn_sep div.fright {
  width: auto;
  float: right;
  text-align: right;
}

div.fleft input.bt {
  margin-right: 8px;
}

div.fright input.bt {
  margin-left: 8px;
}

textarea {
  font-family: Arial,Helvetica,sans-serif;
}

div.clear {
  clear: both !important;
  font-size: 1px !important;
  height: 1px !important;
  width: 1px !important;
}

input.disabled {
  color: gray;
}

input.bt {  
  cursor: pointer;
  -moz-user-select: none;
  border: 0;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: top;
  color: black;
  padding: 0 0 1px 0;
  text-decoration: none;
}

input.xBtnSmall {
  width: 100px;
  height: 22px;
  background: transparent url(../images/xbtnsmall.gif) no-repeat;
}

input.BtnSmall {
  width: 100px;
  height: 22px;
  background: transparent url(../images/btnsmall.gif) no-repeat;
}

input.BtnMedium {
  width: 144px;
  height: 22px;
  background: transparent url(../images/btnmedium.gif) no-repeat;
}

input.BtnLarge {
  width: 220px;
  height: 22px;
  background: transparent url(../images/btnlarge.gif) no-repeat;
}

input.BtnSmallGr {
  width: 100px;
  height: 22px;
  background: transparent url(../images/btnsmallgr.gif) no-repeat;
}

input.BtnSmallRd  {
  width: 100px;
  height: 27px;
  color: White;
  background: transparent url(../images/btnsmallrd.gif) no-repeat;
}

input.BtnSmallCl  {
  width: 100px;
  height: 22px;
  background: transparent url(../images/btnsmallcl.gif) no-repeat;
}

input.xBtnSmallCl  {
  width: 100px;
  height: 22px;
  background: transparent url(../images/xbtnsmallcl.gif) no-repeat;
}

input.BtnMediumGr  {
  width: 144px;
  height: 22px;
  background: transparent url(../images/btnmediumgr.gif) no-repeat;
}

input.BtnMediumGrSpan {
  width: 144px;
  height: 22px;
  background: transparent url(../images/btnmediumgr.gif) no-repeat;
}

input.BtnMediumGrInput {
  width: 144;
  height: 22px;
  background: transparent url(../images/btnmediumgrS.gif) no-repeat;
}

input.BtnMediumCl {
  width: 144px;
  height: 22px;
  background: transparent url(../images/btnmediumcl.gif) no-repeat;
}

input.BtnLargeCl  {
  width: 220px;
  height: 22px;
  background: transparent url(../images/btnlargecl.gif) no-repeat;
}

/* MODAL */

body.shade {
  background-image: none;
  background-color: transparent;
}

iframe.cover {
  z-index: 9000;    
  opacity: 0;
  filter: alpha(opacity = 0); 
/*   background-color: #333333;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border: none;  
}

iframe.child {
  z-index: 9001;
  background: White;
  position: absolute;
  border: 1px Solid #666666;
  width: 0;
  height: 0;
}

body.child {
  border: none;
  background: white !important;
  overflow-y: hidden;
}

tr.modalheader {
  height: 31px;    
}

tr.modalheader td {
  background: transparent url("../images/header_center.gif") repeat-x;    
  border-bottom: 1px Solid #666666;
}

div.modalheader {
  margin-left: 12px;  
  font-size: 18px;
  font-weight: bold;
  color: white;
}

div.close {
  background: transparent url("../images/modal_close.gif") no-repeat;    
  width: 26px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 12px;
}

/* GRIDS */

div.grid_container {
  overflow-x: auto; 
  width: 100%; 
  height: expression(this.scrollHeight + (this.offsetWidth < this.scrollWidth ? 16 : 0) + 'px');
}

div.collapse div.grid_container {
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
}

table.grid {
  font-size: 12px;
  margin: 0;
  clear: both;
  width: 100%;
  background-color: #f1f5fa;
  border: 1px Solid #dddddd;
}

table.grid tr {
  background-color: White;
  height: 20px;
  vertical-align: top;
}

table.grid tr.odd {
  background-color: #E4EBEC;
}

table.grid td.norows {
  background-color: white;
  text-align: center;
  color: #607B91;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

table.grid td.norows a {
  color: red;
}

table.grid th {
  background:  url("../images/grid_header.gif")  repeat-x;
  border-left-style : solid;
  border-left-width : 1px;
  border-left-color : #DDDDDD;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-bottom-color : #DDDDDD;
  text-align : left;
  padding-left : 3px;
  background-color: #D0E6EE;
}

table.grid th.last {
  border-right: none;
}

table.grid th.sel {
  background:  url("../images/grid_header_selected.gif")  repeat-x;
  border-left-style : solid;
  border-left-width : 1px;
  border-left-color : #DDDDDD;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-bottom-color : #DDDDDD;
  padding-left : 3px;
  background-color: #FFDE41;
}  

table.grid th.sort {
  cursor: pointer;
}

table.grid th span.desc {
  background: transparent url(../images/sort_desc.gif) top left no-repeat;
  display: block;
  height: 11px;
  width: 16px;
  font-size: 8px;
  float: right !important;
}

table.grid th span.asc {
  background: transparent url(../images/sort_asc.gif) top left no-repeat;
  display: block;
  height: 11px;
  width: 16px;
  font-size: 8px;
  float: right !important;
}

table.grid th a {
  text-decoration: none;
  color: Black;
}

table.grid th a:hover {
  text-decoration: underline;
}

table.grid td {
  padding-left : 3px;
  padding-top: 1px;
}

table.grid td.last {
  border-right: #666666;
}

table.grid a {
  text-decoration: none !important;
  color: #0066ff; 
}

table.grid a:hover {
  text-decoration: underline !important;
}

table.grid th.nbr, table.grid td.nbr {
  border-right: none;
}

span.loading {
  font-family : Arial, Helvetica, sans-serif;  
  font-size: 12px;
  color: #666666;
}

td.GridTitle {
  color: White;
  height: 26px;
  font-weight: bold;
  font-size: 18px;
  padding-left: 3px;
  padding-right: 20px;
}

div.saveHistory {
  display: none;
}

xml {
  display: none;
  visibility: hidden;
}

.notitle {
  text-align: right;
  padding-right: 5px;
  padding-bottom: 5px;
  font-size: 11px;
}

.notitle span,a {
  padding-left: 2px;
  padding-right: 2px;
  color : black;
}

.notitle a.CurPage {
  text-decoration : none;  
  font-weight : bold;
}

.notitle a.OtherPage {
  text-decoration : underline;
  cursor: pointer;
}

.notitle a.BtnNext  {
  background: none;
  font-weight : normal;
  text-decoration : underline;
  font-size : 12px;
  width: auto;
  padding : 5px 0 0 0px;
  cursor: pointer;
}

.notitle a.BtnPrev  {
  background: none;
  font-weight : normal;
  text-decoration : underline;
  font-size : 12px;
  width: auto;
  padding : 5px 0 0 0px;
  cursor: pointer;
}

.SectionHeaderCenter span.CurPage {
  text-decoration : none;  
  font-weight : bold;
  color: red;
}

.SectionHeaderCenter a.OtherPage {
  text-decoration : underline;
  cursor: pointer;
  color: white;
}

.SectionHeaderCenter a.BtnNext  {
  background-image: url(../images/btnnext1.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  font-weight : bold;
  color: white;
  width: auto;
  padding-top: 5px;
  padding-right: 24px;
  padding-left: 10px;
  padding-bottom: 6px;
  cursor: pointer;
}

.SectionHeaderCenter a.BtnPrev  {
  background-image: url(../images/btnprev1.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  font-weight : bold;
  color: white;
  width: auto;
  padding-top: 5px;
  padding-right: 15px;
  padding-left: 22px;
  padding-bottom: 6px;
  cursor: pointer;
}

/* CALENDAR */

input.calendar {
  background: transparent url(../images/icon/calendar.gif) no-repeat;
  width: 20px;
  height: 20px;
  border: 0px;
  cursor: pointer;
}

div.calendar {
  width: auto !important;
}

div.calendar table {
  width: auto !important;
}

/* TABS */

div.calmenu {  
  width: 100%;  
  height: 24px;
  margin: 0px 0 0 0;
  background: transparent url("../images/btm_border.gif") left bottom  repeat-x;  
}

div.calmenu ul {  
  font-size: 12px;
  list-style: none;
  padding: 0;
  margin: 0;  
}
  
div.calmenu ul li {
  background: transparent url("../images/calmenu.gif") right -50px no-repeat;
  float: left;
  margin: 0 0 0 0;
  padding: 0 4px 0 0;
  border-bottom: 1px solid #999999;  
  white-space: nowrap;  
}
  
div.calmenu ul li a {
  background: transparent url("../images/calmenu.gif") left -50px no-repeat;
  display: block;  
  float: left;
  color: black;
  padding: 5px 8px 3px 10px;  
  text-decoration: none;
}

div.calmenu ul li a:hover {
  text-decoration: underline;  
}

div.calmenu ul li.start {
  background-image: none;
  border-bottom: 1px solid #999999;    
  height: 23px;
  width: 10px;
}

div.calmenu ul li.sel {
  font-weight: Bold;
  background: transparent url("../images/calmenu.gif") right -300px no-repeat; 
  border-bottom: 1px solid #f1f5fa;  
}
  
div.calmenu ul li.sel a {
  background: transparent url("../images/calmenu.gif") left -300px no-repeat; 
}

div.calmenu ul li.sel a:hover {
  text-decoration: none !important;
}

hr.dvr {
  height: 1px !important; 
  color: #cccccc; 
  margin-left: 10px; 
  margin-right: 10px;
}

#route div {
  float: left;
  width: 2px;
  height: 17px;
  overflow: hidden;
}