* { margin: 0; padding: 0; }
body, html { height: 100%; width: 100%; font-size: 12pt; }
ul, ol, ul li, ol li { margin: 0; padding: 0; }

/* body, div#outer_nav { height: 100%; }
div#outer_nav { overflow: auto; } */

/*********************************************/
/*******  NAVIGATION PAGE ELEMENTS ***********/
/*********************************************/
div#outer_nav  
{
  background-image: url('../img/nav_bg2.png');
  width: 250px;
  height: 100%;
  border-right: 6px solid #A6FCFA;
  float: left;
}

div#inner_nav  
{
  font-family: Calibri, Arial, Sans-Serif; /* KLAVIKA */
  font-weight: bold;
  font-size: 1.00em;
  color: White;
  padding-left: 15px;
  padding-right: 10px;
  line-height: 1.05em;
  letter-spacing: 1px;
}

div#inner_nav h1 
{ 
  font-size: 1.2em; 
  padding: 15px 0 20px 8px;
  font-style: italic; 
  color: #FFE97F;  /*#F9F6CA; #FFE97F; */
}

div#inner_nav #navlist ul
{ 
  margin: 0 0 3px -33px; 
  padding: 0;
  list-style-type: none; 
  text-align: center;
  font-size: 1em; 
}

div#inner_nav #navlist ul li { display: inline; }

div#inner_nav #navlist ul li+li
{
text-decoration: none;
padding: 0 .3em 0 .6em;
color: #fff;
border-left: 2px solid #4FACB6;
}

div#inner_nav #navlist ul li:first-child { padding: 0 .3em 0 0; }

div#inner_nav #navlist ul li a:hover
{
color: #32F9F7;
}

div#inner_nav div.category 
{
  padding: 15px 0 5px 18px;
  font-weight: normal;
  color: #4FACB6;
  border-bottom: 1px solid #3D4D4E;
  background-image: url(../img/nav_icon2.png);
  background-repeat: no-repeat;
  background-position: 0px 15px;
} 
div#inner_nav div.category img 
{ 
  position: relative;
  top: 2px;
  left: 1px;
  padding: 3px 3px 0 0; 
}
div#inner_nav ul  
{
  list-style: none;
  margin-top: 8px; 
  margin-left: 20px;
}

div#inner_nav a:link {color:#FFFFFF; text-decoration: none;}              /* unvisited link */
div#inner_nav a:visited {color:#FFFFFF; text-decoration: none;}           /* visited link */
div#inner_nav a:hover {color:#32F9F7; text-decoration: none;}             /* mouse over link */
div#inner_nav a:active {color:#FFFFFF; text-decoration: none;}            /* selected link */  

div#inner_nav li.hl a:link {color:#FFF3BD; text-decoration: none;}        /* unvisited link */
div#inner_nav li.hl a:visited {color:#FFF3BD; text-decoration: none;}     /* visited link */
div#inner_nav li.hl a:hover {color:#32F9F7; text-decoration: none;}       /* mouse over link */
div#inner_nav li.hl a:active {color:#FFF3BD; text-decoration: none;}      /* selected link */  

div#nav_footer { padding-left: 5px; position: absolute; }                 /* margin-top: 50px | bottom: 30px; */
div#nav_footer img { margin: 0; padding: 0; }
div#nav_footer span#datetime { font-family: Calibri; font-size: .7em; font-weight: normal; letter-spacing: 1px; }

div#bookmarks table { border: 1px solid gray; border-collapse: collapse; width: 800px; font-size: 8.5pt; }
div#bookmarks table th { text-align: left; padding: 3px; background-color: #E9E9E9; }
div#bookmarks table #th1 { width: 30px; text-align: center; }
div#bookmarks table #th2 { width: 300px; }
div#bookmarks table #th3 { width: 340px; }
div#bookmarks table #th4 { width: 100px; text-align: center; }
div#bookmarks table #th5 { width: 80px; text-align: center; }
div#bookmarks table td { padding: 3px; border: 1px solid gray; }
div#bookmarks table td:first-child { text-align: center; }
div#bookmarks table td:last-child { text-align: center; }
div#bookmarks table tr:hover { background-color: #C9E9E9; }  /* #9DD7D7 */

div#bookmark_info { margin-top: 20px; width: 750px; }

/* div#bm_menu { display: none; } */

div#bm_menu_temp { display: none; }

/*div#no_bookmarks {
  background-color: yellow;
  width: 700px;
  text-align: center;
  padding: 10px;
}*/

/**********************************************/
/************  MAIN PAGE ELEMENTS *************/
/**********************************************/

/**************** DIVISIONS *******************/

div#outer_main  
{
  background-color: #FDFDFD;
  background-image: url('../img/main_left_edge.png');
  background-repeat: repeat-y;  
  height: 100%;
  float: left;
}

div#header 
{ 
  background-image: url('../img/green_leather2.png');
  background-repeat: repeat;
  font-family: Calibri, Arial, Sans-Serif;
  border-bottom: 6px solid #A6FCFA;
  height: 100px; 
  position: relative;
}

div#header img#hdr_arrow { position: absolute; top: 23px; left: -3px; }
 
div#header h1 { font-weight: bold; font-size: 1.7em; color: White; padding: 22px 0 0 30px; letter-spacing: 1px; }
div#header p { font-weight: normal; font-size: 1.0em; color: White; padding: 0px 0 0 30px; letter-spacing: 1px; }
div#header p { margin: 0; } /* override default margins */

div#bm_menu { float: right; position:relative; left: -50px; 
  font-weight:normal; font-size: 10pt; color:#FFF; }

div.bm110 { top: -110px; } 

div#bm_menu a:link {color: #FFF; text-decoration: none;}                                     /* unvisited link */ /* #224C52; */
div#bm_menu a:visited {color:#FFF; text-decoration: none;}                                   /* visited link */
div#bm_menu a:hover {color: #FFDF70; font-weight: normal; text-decoration: underline;}       /* mouse over link #5EEEAF; */
div#bm_menu a:active {color:#FFF; text-decoration: none;}  

div#inner_main 
{ 
  font-family: Verdana, Arial, Calibri, Sans-Sarif; 
  font-size: .8em;
  margin: 10px 15px 20px 40px;
}

div#rpt_inner_main
{ 
  font-family: Verdana, Arial, Calibri, Sans-Sarif; 
  font-size: .8em;
  height: 100%;
  padding: 10px 15px 20px 30px;
}

div#inner_main a:link {color: #286060; text-decoration: underline;}                        /* unvisited link */ /* #224C52; */
div#inner_main a:visited {color:#44747B; text-decoration: underline;}                     /* visited link */
div#inner_main a:hover {color: #44DD7B; font-weight: normal; text-decoration: none;}       /* mouse over link #5EEEAF; */
div#inner_main a:active {color:#44747B; text-decoration: underline;}                      /* selected link */  

div#rpt_inner_main #rpt_frame a:link {color: #000; text-decoration: none;}                                /* unvisited link */ /* #224C52; */
div#rpt_inner_main #rpt_frame a:visited {color: #44747B; text-decoration: underline;}                      /* visited link */
div#rpt_inner_main #rpt_frame a:hover {color: #44DD7B; font-weight: normal; text-decoration: none;}       /* #44DD7B; mouse over link #5EEEAF; */
div#rpt_inner_main #rpt_frame a:active {color:#44747B; text-decoration: underline;}           

div.page_hdr  
{
  font-size: 1.0em; 
  font-weight: bold; 
  padding: 8px 8px 0; 
  color: White; 
  height: 32px; 
  margin: 10px 0;
  float: left; 
}

div.rpt_bg { background-image: url('../img/main_bg.png'); }

/*div.rpt_lbl
{
  font-family: Calibri;
  font-size: 1.2em; 
  font-weight: bold; 
  padding: 9px 0 0 20px; 
  color: Black; 
  width: 350px;
  height: 35px; 
  margin: 0px 0;
  float: left; 
  background-image: url('../img/rpt_lbl_bg2.png');
  background-repeat: no-repeat;
}*/

div.rpt_lbl
{
  font-family: Calibri;
  font-size: 1.2em; 
  font-weight: bold; 
  padding: 7px 0 0 20px; 
  color: Black; 
  width: 350px;
  height: 31px; 
  margin: 0px 0;
  float: left; 
  background-image: url('../img/rpt_lbl_bg3.png');
  background-repeat: no-repeat;
}

div.clear {
  margin-bottom: 2px;
}

div.rptd dl, div.rptd2 dl { margin-left: 11px; line-height: 150%; }
div.rptd dt, div.rptd2 dt { float: left; width: 90px; padding-bottom: 10px; }  /*padding-bottom: 20px;*/
div.rptd dd, div.rptd2 dd { float: left; } 
div.rptd dt.prop, div.rptd2 dt.prop { float: right; margin-right: 20px; width: 200px; }
div.rptd dt.clear + dd, div.rptd2 dt.clear + dd { width: 550px; }
div.rptd { margin-top: 10px; }  /* { margin-top: 20px; } */
div.rptd2 { margin-top: 10px; }

dl#multi_prop dt { float: left; width: 330px; height: 90px; }
dl#multi_prop dd { float: left; width: 440px; padding-top: 5px; line-height: 180%; }

dl#rpt_format dt { float: left; width: 330px; height: 120px; }
dl#rpt_format dd { float: left; width: 440px; padding-top: 20px; line-height: 250%; }

dl#sort_order { width: 620px; }
dl#sort_order dt { float: left; width: 220px; height: 170px; }
dl#sort_order dd { float: left; width: 400px; line-height: 180%; }
dl#sort_order dd+dd { float: left; width: 200px; line-height: 180%; padding-left: 15px; }
dl#sort_order dd+dd+dd { float: left; width: 185px; line-height: 180%; padding-left: 0;}

dl#sort_order2 { width: 800px; }
dl#sort_order2 dt { float: left; height: 39px; }
dl#sort_order2 dd { float: left; padding-left: 10px; padding-top: 12px; }
/*dl#sort_order2 dd+dd { float: left; width: 200px; line-height: 180%; padding-left: 15px; }
dl#sort_order2 dd+dd+dd { float: left; width: 185px; line-height: 180%; padding-left: 0;}*/

/* create box for report descriptions */
div.rptd, div.rptd2 { 
  margin-left: 50px; 
  width: 680px; 
  height: 68px; /* 75px */
  border: 2px groove #A8E5E7; /* #A8E5E7; #D3D3D3; #49A3AD;*/
  padding: 8px 10px 20px 12px; /*13px 10px 20px 12px;*/
  background-color: #FDFCEE; /* #FFFAE8; */
}

div#rptd2 { margin: 0px 0 15px 0; }   /* { margin: 20px 0 20px 0; } top margin 15 to 0 */

/* hide the cash report descriptions */
#rpt01d, #rpt02d, #rpt03d, #rpt04d, #rpt05d, #rpt06d, #rpt07d, #rpt08d, #rpt09d, #rpt10d,
#rpt11d, #rpt12d, #rpt13d, #rpt14d, #rpt15d, #rpt16d, #rpt17d, #rpt18d, #rpt19d, #rpt20d,
#rpt21d, #rpt22d, #rpt23d, #rpt24d, #rpt25d, #rpt26d, #rpt27d, #rpt28d, #rpt29d, #rpt30d,
#rpt31d, #rpt32d, #rpt33d, #rpt34d, #rpt35d, #rpt36d, #rpt37d
{ display: none; 
  /* background-image:url('../img/grey-stripe.jpg'); */
}

div#rpt_frame { margin: 15px 0 0 40px; }  /*{ margin: 15px 0 10px 40px; }*/
/* div.rpt_lbl { width: 350px; background-image: url('../img/rpt_lbl_bg2.png'); background-repeat: no-repeat; } */
div.page_hdr span { padding: 2px 5px; border: .5px dotted white; } 

div#inner_main div.page_hdr a:link {color: white; text-decoration: none; font-weight: bold; }
div#inner_main div.page_hdr a:visited {color: white; text-decoration: none; font-weight: bold; }
div#inner_main div.page_hdr a:hover {color: yellow; text-decoration: none; font-weight: bold; } /* #FFE97F; || yellow */
div#inner_main div.page_hdr a:active {color: white; text-decoration: none; font-weight: bold; }

div#patron_nav { clear: both; margin: 0px 2px 18px 310px; } /* -25px */
div#employee_nav { clear: both; margin: 0px 2px 18px 260px; } /* -25px */
div#report_nav { clear: both; margin: 0px 2px 18px 290px; } /* -25px */

div#patron_nav li, div#employee_nav li, div#report_nav li 
{ display: inline-block; 
  padding: 3px 12px; 
  margin-left: -5px;
  border: 1px solid gray; 
  background-color: #F9F6CA;
}
div#patron_nav li.header, div#employee_nav li.header, div#report_nav li.header { 
  border: 0px solid gray; 
  background-color: transparent; 
  padding-right: 10px;
  color: white;
}
div#patron_nav li.active, div#employee_nav li.active, div#report_nav li.active { background-color: #FFDF70; }

div#patron_nav a:link {color: #286060; text-decoration: none;}  
div#patron_nav a:visited {color:#44747B; text-decoration: none;}
div#patron_nav a:hover {color: #44DD7B; font-weight: normal; text-decoration: none;} 
div#patron_nav a:active {color:#44747B; text-decoration: none;} 

div#employee_nav a:link {color: #286060; text-decoration: none;}  
div#employee_nav a:visited {color:#44747B; text-decoration: none;}
div#employee_nav a:hover {color: #44DD7B; font-weight: normal; text-decoration: none;} 
div#employee_nav a:active {color:#44747B; text-decoration: none;} 

div#report_nav a:link {color: #286060; text-decoration: none;}  
div#report_nav a:visited {color:#44747B; text-decoration: none;}
div#report_nav a:hover {color: #44DD7B; font-weight: normal; text-decoration: none;} 
div#report_nav a:active {color:#44747B; text-decoration: none;} 

table.emp_grp tr td:first-child { vertical-align: middle; }
div.brdr { border: 1px solid black; height: 70px; 
           vertical-align: middle; padding: 5px 10px 8px; background: #FFFAE8; }

.hdr_150 { width: 150px; background-image: url('../img/page_hdr_150.png'); background-repeat: no-repeat; }
.hdr_160 { width: 160px; background-image: url('../img/page_hdr_160.png'); background-repeat: no-repeat; }
.hdr_170 { width: 170px; background-image: url('../img/page_hdr_170.png'); background-repeat: no-repeat; }
.hdr_180 { width: 180px; background-image: url('../img/page_hdr_180.png'); background-repeat: no-repeat; }
.hdr_190 { width: 190px; background-image: url('../img/page_hdr_190.png'); background-repeat: no-repeat; }
.hdr_200 { width: 200px; background-image: url('../img/page_hdr_200.png'); background-repeat: no-repeat; }
.hdr_225 { width: 225px; background-image: url('../img/page_hdr_225.png'); background-repeat: no-repeat; }

.indent-80 { margin-left: 80px; }
.indent-30 { margin-left: 30px; }
.indent-20 { margin-left: 20px; }
.indent-15 { margin-left: 15px; }
.indent-10 { margin-left: 10px; }

div.help 
{
  margin-left: 20px;
  margin-top: 5px;
  height: 26px;
  padding-top: 5px;
  text-align: center;
}

div.w200 { background-image: url(../img/banner_yellow_200B.jpg); background-repeat: no-repeat; width: 200px; }
div.w250 { background-image: url(../img/banner_yellow_250B.jpg); background-repeat: no-repeat; width: 250px; }

/********************************************************************************/
/**************************** INCLUDE FILE DIVISIONS ****************************/
/********************************************************************************/
div#dialog, div#dialog1, div#dialog2, div#dialog3 { display: none; }
div#voucher_status, div#trans_status, div#singapore_levy,
div#multi_float_groups, div#cash_recon { display: none; }
div#dialog p, div#dialog1 p, div#dialog2 p, div#dialog3 p { margin: 0 0 10px; padding: 0; }
div#dialog p#last, div#dialog1 p#last, div#dialog2 p#last { margin: 0; padding: 0; }
div#dialog table#checkType { margin: 0; padding: 0; }
div#dialog table#checkType td { vertical-align: top; }
div#dialog p#p1, div#dialog p#p2 { margin: 0 0 10px; padding: 0; }
div#dialog p#p3 { margin: 0; padding: 0; }
div#dialog1 ol, div#dialog2 ol { margin-bottom: 0; }
div#dialog1 ol.aformat, div#dialog2 ol.aformat { margin: 0 0 0 25px; padding: 0; }
div#dialog1 ol.aformat li, div#dialog2 ol.aformat li { margin: 10px 0; padding: 0; }
div#dialog1 ol.aformat li:last-child, div#dialog2 ol.aformat li:last-child { margin: 10px 0 0; padding: 0; }
div#dialog1 p#p1, div#dialog1 p#p2 { margin: 10px 0; padding: 0; }
div#dialog1 p#p3 { margin: 0; padding: 0; }
div#dialog1 table#ssplit { text-align: center; margin-left: auto; margin-right: auto; }
div#dialog1 table#ssplit td { width: 150px; }

div#multi_float_groups p:first-child {}
div#cash_recon table th { text-align: right; }
div#cash_recon table td:first-child { width: 140px; }
div#cash_recon table td.bb { border-bottom: 1px solid #000; }
div#cash_recon table td.db { border-bottom: 1px double #000; }
div#cash_recon table td+td { text-align: right; width: 100px; }

div#dialog3 p#p7, div#dialog3 p#p8 { margin: 0 0 10px; padding: 0; }
div#dialog3 p#p9 { margin: 0; padding: 0; }
div#dialog3 table#prop_filter td:first-child { text-align: center; }
div#dialog3 table#prop_filter td:first-child span { font-size: 8pt; font-weight: bold; }
div#dialog3 table#prop_filter img { margin-bottom: 10px; }
div#dialog3 table#prop_filter td + td { padding: 0 10px; vertical-align: top; }
div#dialog3 table#prop_filter li { margin-bottom: 8px; }

div#dialog table#dashboard_def { font-size: 1.1em; }
div#dialog table#dashboard_def tr { vertical-align: top; }
div#dialog table#dashboard_def td { padding: 8px; }
div#dialog table#dashboard_def tr td+td { border: 1px dashed gray; }
div#dialog1 table#common_trans { margin-left: 15px; }
div#dialog1 table#common_trans thead th { padding-left: 10px; }
div#dialog1 table#common_trans tbody td { padding-left: 10px; }
div#dialog1 table#common_trans thead th+th { text-align: left; }
div#dialog1 table#common_trans tbody td:first-child { text-align: center; }
div#dialog1 table#common_trans tr { height: 18px; }
div#dialog1 table#event_ack tbody td { padding-left: 10px; }
div#dialog1 table#event_ack tbody td { text-align: left; }
div#dialog1 table#sort_order td { vertical-align: top; line-height: 180%; }
div#dialog1 table#sort_order ul { list-style-type: none; }
div#dialog, div#dialog1, div#dialog2, div#dialog3 { font-size: 12px; }
div#dialog p.f13 { font-size: 13px; }

div#trans_status ul { list-style-type: none; margin-left: 0px; }
div#voucher_status ul { list-style-type: none; margin-left: 0px; }

div#remain_status { font-size: 12.5px; font-family: Arial;}

div.paper_bg { font-size: 12px; background-image: url(../img/main_bg2.png); background-repeat: repeat; border: 3px solid red;}

div#chs_receipt p.center { text-align: center; }
div#chs_receipt p.header { font-weight: bold; font-size: 14px; }
div#chs_receipt p.footer { font-weight: bold; font-size: 12px; }

div#cmd_queue { padding: 10px; background-color: #FFFAE8; border: 1px solid black; width: 700px; }
div.sign_editor  { margin: 8px 0 0 0px; width: 690px; padding: 0px 10px; background-color: #FFFAE8; border: 1px solid black;  }

/* BO Transaction Codes */
div#botc { margin-left: 5px; }
div#botc span.purple { font-weight: bold; }
div#botc th.header { text-align: left; } /* text-decoration: underline; background-color: #F9F6CA; border: .5px solid gray; */

div#sql_rpt_hdr table td+td { font-size: 13px; font-family: Arial, Verdana; }

div#recycler_trans { width: 620px; background-color: #FFFAE8; padding: 10px 15px 5px; }
div#recycler_trans h4 { margin: 0; }
div#recycler_trans p { margin-top: 10px; }

div#float_coin_outer { width: 680px; background-color: #FFFAE8; margin: 15px 0 18px;  padding: 1px 0;}
div#float_coin_inner { margin: 8px 15px 0px; }
div#float_coin_inner h4 { margin: 0; }
div#float_coin_inner p { margin-top: 5px; }

/**************************************************************************/
/************ CLASS for TITLE NOTE with YELLOW BACKGROUND *****************/
/********************** and ROUNDED CORNERS *******************************/
/**************************************************************************/
div.title_note { background-color: #FFFAE8; 
   padding: 1px 0; border: 2px groove gray; } /* padding to handle browser border collapse problem */
div.title_note div { margin: 8px 15px 0px; }
div.title_note div h4 { margin: 0; }
div.title_note div p { margin-top: 5px; }

/***************** DL LISTS ********************/
dl#barchart { margin: 10px 0; }
dl#barchart dt { display: inline; float: left; width: 160px; margin-bottom: 10px; }
dl#barchart dd { display: inline; float: left; width: 600px; }
dl#barchart table.field_def { border: 1px solid gray; }
dl#barchart table.field_def tr { height: 33px; }

div#block1 { width: 320px; }
div#block2 { width: 320px; }
div#block1, div#block2 { float: left; border: .5px solid gray; }
div#block1, div#block2 { margin: 3px 0 20px 20px; background: #FFFAE8; } /* FFEFB7 */
dl.profile { padding: 0; padding-left: 15px; }
dl.profile dt { display: inline-block; padding-top: 11px; width: 30px; text-decoration: underline; font-style: italic; vertical-align: top; }
dl.profile dd { display: inline-block; padding-left: 10px; vertical-align: top; }
dl.profile p { line-height: 1.7; }
div#block3 { width: 680px; float: left; border: .5px solid gray; margin: 3px 0 80px 20px; background: #FFFAE8; }
div#block3 dl.profile dl { margin-left: 50px; }
div#block3 dl.profile dt { width: 100px; }
div#block3 dl.profile p { line-height: 1.7; }
.float_left {float: left;}
.clear { clear: both; }

/*************** DEFAULT PAGE ******************/
div#default_msg { 
  width: 600px; 
  float: left; 
  border: 1px inset black;
  margin: 40px 0 20px 10px; 
  background: #FFFFFF;
  text-align: center;
}

div#default_msg p.p1 {
  margin: 20px 0px;
  font-size: 11pt;
  /* font-style: italic; */
  color: purple;
}

div#default_msg p.p2 {
  margin: 20px 0px;
  font-size: 9.5pt;
  font-style: italic;
  line-height: 150%;
}

/*************** SPAN CLASSES ******************/
span.morepages  { color: purple; }
span.purple     { color: purple; }
span.bpurple    { color: purple; font-weight: bold; }
span.ipurple    { color: purple; font-style: italic; }
span.lightgrey  { color: #606060; font-weight: bold; }
span.grey       { color: #404040; font-weight: bold; }
span.igrey      { color: #404040; font-weight: bold; font-style: italic; }
span.blue       { color: blue; font-weight: bold; } /* #004A8C; */
span.ihdrgreen  { color: #275D63; font-weight: bold; font-style: italic; }
span.iblue      { color: blue; font-weight: bold; font-style: italic; }
span.red        { color: #D63021; font-weight: normal; }
span.critical   { color: #fea454; font-weight: bold; }
span.u          { font-weight: bold; }
span.b          { font-weight: bold; }
span.ui         { text-decoration: underline; font-style: italic; }
span.bi         { font-weight: bold; font-style: italic; }
span.uib { text-decoration: underline; font-style: italic; font-weight: bold; }
span.mach_red { font-weight: bold; color: #FF0000; }
span.mach_green { font-weight: bold; color: #00B062; }
span.mach_yellow { font-weight: bold; color: #F93; }
span.sm_caps { font-variant: small-caps; }
blink { font-weight: bold; color: red; font-style: italic; }
cite { font-weight: bold; color: red; font-style: italic; }

/* span.u       { text-decoration: underline; }
span.red        { color: red; font-weight: bold; }
span.ired       { color: red; font-weight: bold; font-style: italic; }

span.lightgrey  { color: #808080; font-weight: normal; }
span.navy       { color: navy; font-weight: bold; }
span.h3_note    { color: gray; font-weight: bold; font-style: italic; font-size: 110%; font-variant: normal; }
*/

/******************* LISTS *********************/
ol, ul { margin-left: 20px; }
ol.ml30 { margin-left: 30px; }
ol.ml50 { margin-left: 50px; }

ol#autoack, ol#cashrecon { margin-left: 50px; padding: 0; }
ol#autoack li { padding-bottom: .7em; }
ol#autoack li+li { padding-bottom: 1.2em; }
ol#cashrecon li { padding-bottom: .8em; }

ul#bo_user_auth { margin: 0 0 20px 30px; }
ul#bo_user_auth li { margin-bottom: 10px; }

ul#pwd_list { margin: 10px 0 0 40px; list-style: square; }
ul#pwd_list li { padding-bottom: 10px; }

ol#sections ul#panels { font-size: .9em; line-height: .9em; margin-left: 10px; }
ol#sections ul#panels li { margin-top: 12px; }
ol#sections ul#panels li:first-child { margin-top: 8px; }
ol#sections ul#panels li:last-child { margin-bottom: 15px; }
ol#sections ol.a-list { list-style-type: lower-alpha; font-size: .9em; font-style: italic; }
ol#sections2 { list-style: none; }

ol#sections ul#menu_trans { font-size: .9em; line-height: .9em; margin-left: 18px; }
ol#sections ul#menu_trans li { margin-top: 12px; }
ol#sections ul#menu_trans li:first-child { margin-top: 8px; }
ol#sections ul#menu_trans li:last-child { margin-bottom: 15px; }
ol#sections ul#menu_trans { list-style-type: lower-alpha; }

ol#bb_rule { margin-left: 30px; width: 700px; }
ol#bb_rule li { margin-bottom: 8px; font-style: italic; line-height: 150%; }
ol#door_alerts { margin-left: 40px; margin-bottom: 20px;}
ol#door_alerts li { margin-bottom: 5px; font-style: normal; line-height: 170%; }

ol#device_status { line-height: 250%; }

ol#alert_list li { margin: 0 10px 10px; line-height: 150%; }

ul.square { list-style-type: disc; }
ul.chs_receipt { line-height: 210%; margin-left: 20px; list-style: none; }
ul.incident { list-style:none; margin: -3px 0 0 30px; line-height: 190%; }

ul.rpt_format { margin-left: 10px; list-style-type: none; line-height: 190%; }
ul.rpt_format li { 
  padding-left: 15px;
  padding-bottom: 4px;
  background-image: url(../img/bullet_3.gif);
  background-repeat: no-repeat;
  background-position: 0 8px;
}
ul.rpt_format li:first-child { margin-top: -5px; }

/******************* H1-H4 *********************/
H1 {
  font-size: 1.3em;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-decoration: none;
}

H2 {
  font-size: 1.3em;
  font-style: normal;
  font-weight: bold;
  color: #49A3AD;  /* #2E6B71; */
  margin: 0 0 1em 0;
  padding-top: 10px;
}

H3.pg_hdr { font-style: normal;  font-size: 13pt; } /* font-variant: small-caps;  */

H3 {
  font-size: 1.3em;
  font-family: calibri, verdana, arial;
  font-style: normal;
  font-weight: bold;
  color: #404040;
  margin: 1.5em 0em .5em 0em;  /* margin: .8em 0em .5em 0em; */
}

div.indent-30 H3.subitem { margin-top: 1.2em; margin-left: -15px; }

div.indent-30 H3.subitem2 { margin: 15px 0 10px -15px; text-decoration: none; }

H4 {
  font-size: 1.2em;
  font-family: calibri, verdana, arial;
  font-style: italic;
  font-weight: bold;
  text-decoration: underline;
  color: #4D4D4D; /*#404040;*/
  margin: 1.2em 0em .5em 0em;  /* margin: .8em 0em .5em 0em; */
}

/******************* TABLES ******************/

table#page_menu { margin-top: .6em; }
table#page_menu td { vertical-align: top; }
table#page_menu ul#num_list1, table#page_menu ul#num_list2, 
table#page_menu ul#num_list3, table#page_menu ul#num_list4 { list-style-type: none; text-decoration: none; }
table#page_menu li { margin-top: .8em; }
table#page_menu ol li:first-child, table#page_menu ul li:first-child { margin-top: .8em; }

table.field_def { border-collapse: collapse; border: 1px; font-size: 1.0em; }
table.field_def tr td { border-bottom: 1px solid #036; }
table.field_def tr:first-child td { border-top: 1px solid #036; }
table.field_def td.header { padding-left: 5px; }
table.field_def td+td { padding-left: 8px; }
table.field_def td + td + td { width: 130px; text-align: left; }

table.border { border: 1px solid gray; }

td.header {
  /* font-size: .9em; 10pt */
  font-family: verdana, arial;
  font-style: italic;
  font-weight: bold;
  font-variant: normal;
  color: white;  /* #0071B0; #004A8C; */
  line-height: 2;
  text-decoration: none;
  background-color: #54B4B9; /* #E6E6E6; /* #E0E0E0; #C9E7E7; */
}

table.note tr td { vertical-align: top;	height: 23px; } /* 26px */
table.lh15 td { line-height: 150%; }
table.lh17 td { line-height: 170%; }
table.lh19 td { line-height: 190%; }

table#device_status { border-collapse: collapse; border: 1px solid black; }
table#device_status tr td img { vertical-align: middle; }
table#device_status tr td { border-bottom: 1px solid #036; }
table#device_status tr:first-child { border-bottom: 1px solid #036; }
table#device_status th { text-align: left; }

table#widget_ctrls { margin-top: 15px; }
table#widget_ctrls td+td { vertical-align: top; padding: 15px 0 0 15px; }

table#date_range td+td { padding-left: 10px; }

table#wildcard { margin: 12px 0 20px -5px; width: 700px; border-collapse: collapse; }
table#wildcard tr { height: 25px; border-bottom: 1px solid gray; }
table#wildcard th { font-weight: bold; border-bottom: 0px solid gray; background-color: Gray; color: White; height: 20px; } /* color: #404040; */
table#wildcard th:first-child { text-align: center;  }
table#wildcard th+th { text-align: left;  padding-left: 15px; border-left: 1px solid gray; }
table#wildcard td:first-child { text-align: center; width: 150px;  }
table#wildcard td+td { text-align: left;  width: 330px; padding-left: 15px; border-left: 1px solid gray;}
table#wildcard td+td+td { width: 140px; }
table#wildcard td+td+td+td { width: 170px; }

table#cat { background-color: #FFFAE8; border-color: blue; border-style: outset; } /*FFFFD3 | FFFFF0 | FFF4CE */
table#cat td { padding: 5px 0 5px 15px; vertical-align: top; width: 310px; }
table#cat ul li { padding: 3px 0; }

table#prop_defs { width: 620px; font-size: 12px; }
table#prop_defs h3 { font-size: 14px; color: #000; margin: 0; padding: 10px 0 5px; font-style: italic; }
table#prop_defs tr:first-child h3 { padding: 0 0 5px; margin-top: 0; }
table#prop_defs td { vertical-align: top; }
table#prop_defs div.bo_prop { border: 1px solid gray; margin-left: 15px; padding: 5px; background: #F8F8F8;}  /* background: #FFFAE8; */
table#prop_defs p { margin: 0; padding: 5px 0 3px; }

table#sign_editor th { text-align: left; }

table#cmd_filenames { border-collapse: collapse; margin-bottom: 8px;}
table#cmd_filenames th { color: white; background-color: gray; padding: 8px 0; border-bottom: 1px solid black; }
table#cmd_filenames td { padding: 8px 0; font-size: 1.1em; text-align: center; }
table#cmd_filenames td+td, table#cmd_filenames th+th { border-left: 1px solid black; }

table#alert_dgm td + td { background-color: #FFFAE8; text-align: center; line-height: 180%; padding: 0 10px 0 8px; border: .5px dashed gray; }

table.code_table { color: darkslategray;  }

table#trantypecolhdrs { border: 1px groove gray; }
table#trantypecolhdrs th { font-size: 8pt; background-color: #008080; color: #FFF; padding: 2px; margin: 1px; height: 20px; border: 1px groove gray; text-align: center; }
table#trantypecolhdrs td { padding: 2px; margin: 1px; height: 20px; border: 1px groove gray; text-align: center; }
table#trantypecolhdrs th:first-child { text-align: left; }
table#trantypecolhdrs td:first-child { text-align: left; }

table#rpt_float { width: 780px; margin: 10px 0 20px;  border-collapse: collapse; }
table#rpt_float td { 
  width: 290px; 
  padding-bottom: 15px; 
  border: 1px groove gray; 
  padding: 5px 0px 5px 10px;
}
table#rpt_float td:first-child {
  font-family: verdana, arial;
  font-style: italic;
  color: black;  /* #0071B0; #004A8C; */
  line-height: 1.5;
  width: 200px;
  background-color: #E6E6E6; /* #54B4B9; */
}

/************** ROUNDED CORNERS **************/
.rnd {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; /* future proofing */
  -khtml-border-radius: 15px; /* for old Konqueror browsers */
}

.rnd_5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.rnd_10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.rnd_20 {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; /* future proofing */
  -khtml-border-radius: 20px; /* for old Konqueror browsers */
}

.rnd_top_5 {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radious: 5px;
  border-top-left-radius: 5px; 
  border-top-right-radius: 5px;
}

.rnd_top_10 {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radious: 10px;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
}


/*************** PARAGRAPHS ******************/

p#item1 {
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  margin: .8em 0em .8em 0em;
}

p { margin: .8em 0; border: none; }  /* default paragraph margins */

/*p.sort_order { width: 750px; }
p.sort_order img { float: left; margin-right: 15px; }
p.sort_order span.text { margin-top: 0px; }*/


/****************** IMAGES *********************/

img.textmiddle { vertical-align: middle; }

/*************************************************/
/*************  MACHINES COLOR CODES *************/
/*************************************************/
table#mach_status_codes { margin-top: 10px; }
table#mach_status_codes tr { height: 30px; margin: 5px 0; }
/* table#status_codes tr:first-child { border-top: 1px solid grey; } */
table#mach_status_codes th { text-align: left; }
table#mach_status_codes th+th { border-bottom: 1px solid grey; }
table#mach_status_codes tr th+th { padding-left: 15px; }
table#mach_status_codes tr td:first-child { width: 30px; }
table#mach_status_codes tr td+td { width: 100px; padding-left: 15px; border-bottom: 1px solid grey; }
table#mach_status_codes tr td+td+td { width: 120px; }

/*************************************************/
/**************  EVENT COLOR CODES ***************/
/*************************************************/

table#event_status_codes { margin-top: 10px; }
table#event_status_codes tr { height: 30px; margin: 5px 0; }
/* table#status_codes tr:first-child { border-top: 1px solid grey; } */
table#event_status_codes th { text-align: left; }
table#event_status_codes th+th { border-bottom: 1px solid grey; }
table#event_status_codes tr th+th { padding-left: 15px; }
table#event_status_codes tr td:first-child { width: 30px; }
table#event_status_codes tr td+td { width: 150px; padding-left: 15px; border-bottom: 1px solid grey; }


.inservice
{
	background-color: #5eeeaf;
	border-top: 1px solid #46b283;
	border-bottom: 1px solid #54d69e;
	border-left: 1px solid #4fc893;
	border-right: 1px solid #4fc893;
}
.sop
{
	background: #5ec7f7;
	border-top: 1px solid #4696ba;
	border-bottom: 1px solid #54d69e;
	border-left: 1px solid #4fa7cf;
	border-right: 1px solid #55b5e1;
}
.offline
{
	background: #cdcdcd;
	border-top: 1px solid #9a9a9a;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #adadad;
	border-right: 1px solid #adadad;
}
.critical
{
	background: #fea454;
	border-top: 1px solid #bf7b3f;
	border-bottom: 1px solid #e8954d;
	border-left: 1px solid #d78a47;
	border-right: 1px solid #d78a47;
}
.warning
{
	background: #ffdf70;
	border-top: 1px solid #c0a854;
	border-bottom: 1px solid #e8cb66;
	border-left: 1px solid #d8bd5e;
	border-right: 1px solid #d8bd5e;
}
.disabled, .oos
{
	background: #ff7081;
	border-top: 1px solid #c05461;
	border-bottom: 1px solid #e86675;
	border-left: 1px solid #d85e6d;
	border-right: 1px solid #d85e6d;
}
.good
{
	background-color: #99f9e3;
	border-top: 1px solid #c0a854;
	border-bottom: 1px solid #e8cb66;
	border-left: 1px solid #d8bd5e;
	border-right: 1px solid #d8bd5e;
	-webkit-border-radius: 3px;
}
.low
{
	background-color: #ffdf70;
	border-top: 1px solid #c0a854;
	border-bottom: 1px solid #e8cb66;
	border-left: 1px solid #d8bd5e;
	border-right: 1px solid #d8bd5e;
	-webkit-border-radius: 3px;
}
.empty
{
	background-color: #ff7081;
	border-top: 1px solid #c05461;
	border-bottom: 1px solid #e86675;
	border-left: 1px solid #d85e6d;
	border-right: 1px solid #d85e6d;
	-webkit-border-radius: 3px;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #c09853;
  text-align: center;
  width: 700px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
}

.alert-danger, .alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/**********************************************/
/**********  WIDTH, HEIGHT & PADDING **********/
/**********************************************/

.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w84 { width: 84px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w115 { width: 115px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w135 { width: 135px; }
.w140 { width: 140px; }
.w145 { width: 145px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w175 { width: 175px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w215 { width: 215px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w235 { width: 235px; } 
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w325 { width: 325px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w380 { width: 380px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w420 { width: 420px; }
.w430 { width: 430px; }
.w440 { width: 440px; }
.w450 { width: 450px; }
.w465 { width: 465px; }
.w475 { width: 475px; }
.w480 { width: 480px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w520 { width: 520px; }
.w525 { width: 525px; }
.w530 { width: 530px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w560 { width: 560px; }
.w570 { width: 570px; }
.w580 { width: 580px; }
.w590 { width: 590px; }
.w595 { width: 595px; }
.w600 { width: 600px; }
.w610 { width: 610px; }
.w620 { width: 620px; }
.w630 { width: 630px; }
.w640 { width: 640px; }
.w650 { width: 650px; }
.w660 { width: 660px; }
.w670 { width: 670px; }
.w680 { width: 680px; }
.w685 { width: 685px; }
.w690 { width: 690px; }
.w700 { width: 700px; }
.w710 { width: 710px; }
.w720 { width: 720px; }
.w730 { width: 730px; }
.w740 { width: 740px; }
.w745 { width: 745px; }
.w750 { width: 750px; }
.w770 { width: 770px; }
.w780 { width: 780px; }
.w800 { width: 800px; }
.w810 { width: 810px; }
.w830 { width: 830px; }
.w850 { width: 850px; }
.w860 { width: 860px; }
.w880 { width: 880px; }
.w890 { width: 880px; }
.w900 { width: 900px; }

.h6 { height: 6px; }
.h12 { height: 12px; }
.h20 { height: 20px; }
.h24 { height: 24px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h36 { height: 36px; }
.h50 { height: 50px; }

.mb0  { margin-bottom: 0; padding-bottom: 0;}
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

.mt0  { margin-top: 0px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }

.ml0  { margin-left: 0px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }

.mr0  { margin-right: 0px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }

.pl05 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl50 { padding-left: 50px; }

.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }

.lh12 { line-height: 120%; }
.lh15 { line-height: 150%; }
.lh17 { line-height: 170%; }
.lh19 { line-height: 190%; }

.ilb { display: inline-block; vertical-align: top; }

.inline-block { display: inline-block; vertical-align: top; }

.show { display: normal; }
.hide { display: none; }

/* opacity will only work with ID 8 and 9 */
img.opacity { filter: alpha(opacity=100); }

.boxshadow {
  -moz-box-shadow: 3px 3px 10px #333;
  -webkit-box-shadow: 3px 3px 10px #333;
  box-shadow: 3px 3px 10px #333;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,Color='#333333')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,Color='#333333');
} 

#facebox {

  /* overlay is hidden before loading */
  display:none;

  /* standard decorations */
  width:400px;
  border:10px solid #666;

  /* for modern browsers use semi-transparent color on the border. nice! */
  border:10px solid rgba(82, 82, 82, 0.698);

  /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

#facebox div {
  padding:10px;
  border:1px solid #3B5998;
  background-color:#fff;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

#facebox h2 {
  margin:-11px;
  margin-bottom:0px;
  color:#fff;
  background-color:#6D84B4;
  padding:5px 10px;
  border:1px solid #3B5998;
  font-size:20px;
}
#screenshot img {
	border: 1px solid rgba(0,0,0,1.00);
	margin: 10px;
	width: 90%;
	height: auto;
}