td { font-family:Verdana; font-size: 11px; vertical-align: top; }
body { padding:0px; margin:0px; }
table { padding: 0px; border: 0px solid white; }
img {  border-style: none}
p { margin:8px; margin-left:0px; margin-right:0px; margin-bottom: 2px; }
input { font-family: "Verdana"; font-size: 11px; }
select { font-family: "Verdana"; font-size: 11px; }
h1 { font-family:Verdana; font-size: 16px; margin-bottom:0px; padding-bottom:0px; }
ol { margin-top:6px; margin-bottom:4px; }
ul { margin-top:4px; margin-left:16px; margin-bottom:2px; }

/* for terms of use, privacy etc */
.copyrights { padding-top: 8px; margin-top: 0px; font-size: 9px; color: #666666; }
.footertd { padding-top:0px; margin-top:0px; font-weight: bold; font-size: 10px; color: #666666; }
.footer { padding-top:0px; margin-top:0px; font-weight: bold; font-size: 10px; color: #666666; }
.footer:link { text-decoration: none; font-weight: bold; color: #666666; }
.footer:visited { text-decoration: none; font-weight: bold; color: #666666; }
.footer:hover { text-decoration: underline; font-weight: bold; color: #0066ff; }

/* colors */
.fg_admin { color:#009999; } /* Neo Vision Admin Module */
.bg_admin { background-color:#009999; } /* Neo Vision Admin Module */
.fg_cms { color:#0066ff; } /* Content Management System */
.bg_cms { background-color:#0066ff; } /* Content Management System */
.fg_isp { color:#6E1452; } /* Internet Shopping Platform */
.bg_isp { background-color:#6E1452; } /* Internet Shopping Platform */
.fg_edm { color:#7E0000; } /* EDirect Mailing */
.bg_edm { background-color:#7E0000; } /* EDirect Mailing */
.fg_efp { color:#004466; } /* EForm Publishing */
.fg_ase { color:#5E6200; } /* Ad Serving Engine */
.bg_ase { background-color:#5E6200; } /* Ad Serving Engine */
.fg_alert { font-weight:bold; color:#ff0000; }
.bg_alert { background-color:#ff0000; }
.fg_info { font-weight:bold; color:#c09900; }
.bg_info { background-color:#c09900; }
.fg_expired { font-weight:bold; color: #999999; }
.bg_expired { background-color:#999999; }
.fg_disabled { font-weight:bold; color:#806040; }
.bg_disabled { background-color:#806040; }
.fg_white { color:#ffffff; text-decoration:none; }
.bg_white { background-color:#ffffff; }
.fg_dark { color:#333333; text-decoration:none; }
.bg_dark { background-color:#333333; }

/* submenu styles */
.sbmn { background-color:#cccccc;padding-left:12px;padding-right:38px;padding-top:4px;padding-bottom:8px;border-right:1px solid #999999;border-top:4px solid #999999;white-space:nowrap; }
.sbmn_alert { background-color:#ff0000;padding-left:12px;padding-right:38px;padding-top:4px;padding-bottom:8px;border-right:1px solid #999999;border-top:4px solid #ff9900;white-space:nowrap; }
.sbmn_x { background-color:#eeeeee;padding-top:4px;padding-bottom:8px; border-top:4px solid #eeeeee;white-space:nowrap; }

/* for message in dark bg like the login box warning message. */
.lmsgtd { color: #cccccc; }
.lmsg { color: #cccccc; }
A.lmsg:link { text-decoration:none; font-weight:bold; color:#CCCCCC;  }
A.lmsg:visited { text-decoration:none; font-weight:bold; color:#CCCCCC;  }
A.lmsg:hover { text-decoration:none; font-weight:bold; color:#FFFFFF;  }

/* for loginbox table head. */
.lhdr { font-family: "Arial", "sans-serif"; font-size: 18px; margin-top: 14pt; margin-bottom: 0pt; padding-top: 6pt; color: #ffffff; }
/* for loginbox table subhead. */
.lsubhdr { font-family: "Arial", "sans-serif"; font-size: 14px; font-weight: bold; margin-top: 6pt; margin-bottom: 0pt; padding-top: 4pt; color: #ffffff; }
/* for field name. e.g. login id in login box */
.fname { font-weight: bold; text-decoration: none; text-align: right; vertical-align: top; color: #000000; }
/* for field name in column of form. eg. Name, Address in shipping info */
.fieldhdr { font-weight: bold; text-decoration: none; padding-top: 8px; padding-bottom: 2px; }
.fieldhdr_disabled { font-weight: bold; text-decoration: none; padding-top: 8px; padding-bottom: 2px; color: #999999; }

/* for field comment. */
.fieldcmt { width: 180px; padding-left: 2px; padding-bottom: 2px; color:#666666; }
.fieldcmt_disabled { width: 180px; padding-left: 2px; padding-bottom: 2px; color: #999999; }
/* for comment under a cmd button */
.cmdcmt { width: 130px; padding-left: 2px; padding-bottom: 2px; color:#666666; }
.cmt { padding:2px; padding-top:0px; color: #666666; }
.cmt_alert { padding:2px; padding-top:0px; color: #ff0000; }

/* to hold string that won't go to next line and not expand the column size. used in index pages */
/* when in use, should use style to override background color and width */
.display_active { border-style:none;font-family:Verdana;background-color:#eeeeee;cursor:pointer;font-size:11px;color:#0066ff;font-weight:bold; }
.display_active:hover { border-style:none;font-family:Verdana;background-color:#eeeeee;cursor:pointer;font-size:11px;color:#000000;font-weight:bold; }
.display_disabled { border-style:none;font-family:Verdana;background-color:#eeeeee;cursor:pointer;font-size:11px;color:#806040;font-weight:bold; }
.display_disabled:hover { border-style:none;font-family:Verdana;background-color:#eeeeee;cursor:pointer;font-size:11px;color:#000000;font-weight:bold; }
.display_alert { border-style:none;font-family:Verdana;background-color:#eeeeee;cursor:pointer;font-size:11px;color:#ff0000;font-weight:bold; }
.display_alert:hover { border-style:none;font-family:Verdana;background-color:#eeeeee;cursor:pointer;font-size:11px;color:#000000;font-weight:bold; }
.display_expired { border-style:none;font-family:Verdana;background-color:#eeeeee;cursor:pointer;font-size:11px;color:#999999;font-weight:bold; }
.display_expired:hover { border-style:none;font-family:Verdana;background-color:#eeeeee;cursor:pointer;font-size:11px;color:#999999;font-weight:bold; }


/* bold link. */
.boldln { font-weight: bold; text-decoration: none; color: #0066ff; }
.boldln:link { text-decoration: none; font-weight: bold; color: #0066ff; }
.boldln:visited { text-decoration: none; font-weight: bold; color: #0066ff; }
.boldln:hover { text-decoration: none; font-weight: bold; color: #ff0000; }

/* table header highlight, content and shadow. */
.tblhdrhl { background-color:#FFFFFF; }
.tblhdr { background-color:#CCCCCC; font-weight: bold; text-align:left; padding:2px; vertical-align:top; }
.tblhdrsd { background-color:#666666; }

/* a selection of item in column of table. eg. question type in efp */
.itemtbl { background: #dddddd; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #666666; padding-bottom:4px; margin-bottom:8px; }

/* for page id. */
.pageidtd { font-size: 11px; text-decoration:none; color:#333333; background-color:#EEEEEE; }
.pageid { font-size: 11px; text-decoration:bold; color:#333333; background-color:#EEEEEE; }
.pageid:link { text-decoration:none; font-weight:bold; color:#0066ff; }
.pageid:visited { text-decoration:none; font-weight:bold; color:#0066ff; }
.pageid:hover { text-decoration:none; font-weight:bold; color:#ff0000; }

/* for header search fields */
.txt { font-family:"Verdana"; font-weight:normal; font-size:10px; color:#000000; width:128px; }
/* for shorter header search fields */
.stxt { font-family:Verdana; font-weight:normal; font-size:10px; color:#000000; width:64px; }
.xstxt { font-family:Verdana; font-weight:normal; font-size:10px; color:#000000; width:36px; }

/* for normal text input in column of form. eg shipping info, contact us etc. */
.field { font-family:"Verdana"; font-weight:normal; font-size:11px; color:#000000; width:200px; }
.lfield { font-family:"Verdana"; font-weight:normal; font-size:11px; color:#000000; width:300px; }
.xlfield { font-family:"Verdana"; font-weight:normal; font-size:11px; color:#000000; width:550px; } /*use it together with sfield*/
.xxlfield { font-family:"Verdana"; font-weight:normal; font-size:11px; color:#000000; width:700px; } /*use this to across the content table*/
.sfield { font-family:"Verdana"; font-weight:normal; font-size:11px; color:#000000; width:150px; }
.xsfield { font-family:"Verdana"; font-weight:normal; font-size:11px; color:#000000; width:80px; }

/* for text area in a column. */
.box { font-family:"Verdana"; font-size:11px; color:#000000; width:200px; height:100px;}

/* for command button. */
.cmd { font-weight:bold; font-size:11px; color:#000000; width:120px; }
.scmd { font-weight:bold; font-size:11px; color:#000000; width:80px; }

/* for different font sizes and settings */
.v10 { font-family:"Verdana"; font-size:10px; } /* for small text like txt */
.n14 { font-family:"Arial Narrow","Helvetica-Narrow","Verdana"; font-size:14pt; padding-left:8px; font-weight:bold; color:#0066cc; } /* for highlighted text like loginid in user update page */
.ml6 { margin-left:6px; } /* for separate items, used in efp report, max-val, min-val, total-val etc */
.ml12 { margin-left:12px; } /* for separate items, used in efp report, max-val, min-val, total-val etc */
.pl12 { padding-left:12px; } /* for ase padding-left on zone update call-in url area */

/* status colors */
td.sts_active { padding:2px; padding-left:5px; color:#0066ff; }
span.sts_active { color:#0066ff; }
A.sts_active:link { text-decoration:none; font-weight:bold; color:#0066ff;  }
A.sts_active:visited { text-decoration:none; font-weight:bold; color:#0066ff;  }
A.sts_active:hover { text-decoration:none; font-weight:bold; color:#000000;  }

td.sts_disabled { padding:2px; padding-left:5px; color:#806040; }
span.sts_disabled { color:#806040; }
A.sts_disabled:link { text-decoration:none; font-weight:bold; color:#806040;  }
A.sts_disabled:visited { text-decoration:none; font-weight:bold; color:#806040;  }
A.sts_disabled:hover { text-decoration:none; font-weight:bold; color:#000000;  }

td.sts_selected { padding:2px; padding-left:5px; color:#d0d0d0; }
span.sts_selected { color:#d0d0d0; }
a.sts_selected:link { text-decoration:none; font-weight:bold; color:#d0d0d0;  }
a.sts_selected:visited { text-decoration:none; font-weight:bold; color:#d0d0d0;  }
a.sts_selected:hover { text-decoration:none; font-weight:bold; color:#ffffff;  }

/* for user login count exceeded */
td.sts_alert { padding:2px; padding-left:5px; color:#ff0000; }
span.sts_alert { color:#ff0000; }
a.sts_alert:link { text-decoration:none; font-weight:bold; color:#ff0000;  }
a.sts_alert:visited { text-decoration:none; font-weight:bold; color:#ff0000;  }
a.sts_alert:hover { text-decoration:none; font-weight:bold; color:#000000;  }

/* for user login password expired (requested to change pw) */
td.sts_expired { padding:2px; padding-left:5px; color:#999999; }
span.sts_expired { color:#999999; }
a.sts_expired:link { text-decoration:none; font-weight:bold; color:#999999;  }
a.sts_expired:visited { text-decoration:none; font-weight:bold; color:#999999;  }
a.sts_expired:hover { text-decoration:none; font-weight:bold; color:#000000;  }