.less6hrs {
  text-align:center;
  font-weight:bold;
  color:#5555ff;
}

.more6hrs {
  text-align:center;
  font-weight:bold;
  color:#ff5555;
}

body {
  font-family: arial;
  /*background: url(http://www.jsic.com.my/images/bg-main-one-repeat.jpg) repeat-y scroll top center;*/
}

a:link {
  color: #0172a8;
  text-decoration: none;

}

a:visited {
  color: #0172a8;   
  text-decoration: none;
}

a:hover {
  color: #dd5c33;
  text-decoration: none;
}

.td_links_main_text {
  width: 135px;
  font-size: 13px;
  //font-weight: bold;
  text-align: center;
}

a.a_main:link {
  color: #9e9e9e;
  //font-weight: bold;
  text-decoration: none;

}

a.a_main:visited {
  color: #9e9e9e;
  //font-weight: bold;    
  text-decoration: none;
}

a.a_main:hover {
  color: #ff842a;
  //font-weight: bold;
  text-decoration: none;
}

a.a_sub:link {
  color: #000000;
  text-decoration: none;
}

a.a_sub:visited {
  color: #000000;   
  text-decoration: none;
}

a.a_sub:hover {
  color: #ff842a;
  text-decoration: none;
}

h3.chartable_title {
  color: FireBrick;
  font-size: 16px;
}

p.desc {
  color: #ee0000;
  font-size: 11px;
  font-style: italic;
}

span.mobile_title_insert {
    color: DarkGreen;
    font-weight: bold;
}

span.mobile_title_update {
    color: Crimson;
    font-weight: bold;
}

span.mobile_title_locked {
    color: Silver;
    font-weight: bold;
}

#div_main {
  position: relative;
  width: 1000px;
  /*border: 1px solid;*/
}

#div_bar_header {
  background-color:#ebe9ea;
  height:3px;
  width:100%"
}

#div_image_banner {
  position: absolute;
  top: 10px;
  left: 230px;
}

#tbl_main {
  border-spacing:0;
  border-collapse:collapse;
}

#tr_header {
  font-size: 11px;
}

#tr_links_main {
  color: #8f8f8f;
  font-size: 15px;
  font-weight: bold;
  height: 35px;
  background-image:url(../img/bar_hor_links_main_bkg.gif); 
  background-repeat:repeat;
}

#tr_content_main {
  font-size: 13px;
}

#tr_footer {
  color: #5e5e5e;
  height: 40px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  /*background-color: #2f3f4b;*/
  background-image:url(../img/bar_hor_footer_line.gif); 
  background-repeat:repeat-x;  
}

table.list_item {
  border-spacing:0px;
  border-collapse:collapse;
}

table.insert_item {
  border-spacing:0px;
  border-collapse:collapse;
}

table.update_item {
  border-spacing:0px;
  border-collapse:collapse;
}

table.delete_item {
  border-spacing:0px;
  border-collapse:collapse;
}

tr.header {
  font-size: 13px;
  color: #656565;
  background-color:#fbfbfb;
}

tr.mobile_header {
  background-color:#fbfbfb;
}

tr.item {
  font-size: 13px;
  color: #656565;
}

tr.mobile_item {
  font-size: 14px;
  color: #656565;
}

tr.button {
  text-align: right;
}

tr.row_odd {
  background-color:#fbfbef;
}

tr.row_even {
  background-color:#effbfb;
}

th.header {
  font-size: 13px;
  color: #656565;
  background-color:#fbfbfb;
}

th.mobile_header {
  background-color:#fbfbfb;
}

th.col_data_entry {
  color: #757575;
  background-color:#deeed; 
}

th.col_hide {
  display: none; 
}

th.col_show {
  display: table-cell;
}

td.item {
  font-size: 13px;
  color: #656565;
}

td.mobile_item {
  text-align: center;
  color: #656565;
}

td.col_data_entry {
  background-color:#ffffff; 
}

td.col_hide {
  display: none; 
}

td.col_show {
  display: table-cell; 
}

tr.infopage {
  font-size: 13px;
  text-align:left; 
  vertical-align:top;
}

th.infopage {
  font-size: 15px;
  font-weight: bold;
  background-color:#fafafa;
  text-align:center;
  vertical-align:top;
}

td.infopage {
  font-size: 13px;
  text-align:left; 
  vertical-align:top;
}

input.number {
  text-align: right;
}

/* CSS */
/* removes the bullet from the unordered list */
ul.infopage {
  list-style: none;
  padding-left:0px;
}

/* create a custom bullet */
li.infopage {  
   background: url('../../../webman/iwtp/img/arrow_right_red_smallest.gif') no-repeat left top;
   /* this padding is dependent on the size of your image  */
   padding-left: 20px;
   margin: 5px;
   
   /* line-height: 25px; */
   font-size: 12px;
 }

div.note {position:absolute; top:120; left:15; width:250px; padding:5px; border:1px solid #AAAAFF; background:#EEEEFF; font-size:8pt; text-align:left;}
div.popup {position:absolute; padding:5px; border:2px solid #AAAAFF; background:#F0F0FF; visibility:hidden;}
div.popup_onclick {position:absolute; padding:17px 23px 10px 10px; border:2px solid #CCCCCC; background:#FAFAFA; visibility:hidden;}