body                            {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px; background: #bbbbbb /* url(images/pepper_bg.gif) */ ; }
p                               {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5 }
li                              {line-height: 1.5}
a                               { }

a:link                          { color: #0000cc; text-decoration: none }
a:visited                       { color: #0000cc; text-decoration: none }
a:active                        { color: red }
a:hover                         { color: red; text-decoration: underline }

/* pk TinyMCE classes */

.greyborder {
border: 1px solid #cccccc
}

h1 {
  /* font-family: 'arial narrow', 'helvetica narrow', arial, helvetica, sans-serif;
  font-size: 21px; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #333333;
}

/* pk new table class for summary invoices pending table. Defined in /modules/cc/cc_funcs.php */

.pk_table {
width: 97%;
background: #ffffff;
padding: 1px
}

.pk_table td {
background:  #eeeeff /* #eeeeff */ ;
padding: 3px
}

/* pk new table class for client details screen.  Defined in /modules/clients/client_funcs.php */

.pk_table2 {
width: 100%;
background:  #eeeeff /* #eeeeff */ ;
padding: 1px
}

.pk_table2 td {
background:  #eeeeff /* #eeeeff */ ;
padding: 2px
}

/* pk new table class for helpdesk primary info table.  Defined in /modules/helpdesk/helpdesk_funcs.php */

.pk_table3 {
width: 100%;
background:  #eeeeff /* #eeeeff */ ;
padding: 3px
}

.pk_table3 td {
background:  #eeeeff /* #eeeeff */ ;
padding: 2px
}

.button075 {color: black; font-weight: bold; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/nav/n_spacer.gif); background-color: #FFFFFF; padding: 2pt; border: solid 1pt black; width: 75px }
.button { color: black; font-weight: bold; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/nav/n_spacer.gif); background-color: #FFFFFF; padding: 2pt; border: solid 1pt black }

/* Non-Graphic Button CSS */
.button_form {
color: #000000;
font-weight: bold;
text-align: center;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF url(images/nav/n_spacer.gif);
padding: 2pt;
border: solid 1pt black
}

/* Drop-down menu CSS */
.select_form {
color: #0000cc;
font-weight: bold;
text-align: left;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
padding: 0pt;
/* border: solid 1pt black */
}


.button_form_h        { color: red; font-weight: bold; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; padding: 2pt; border: solid 1pt black }

.button_form_s        { color: blue; font-weight: bold; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/nav/n_spacer.gif); background-color: #FFFFFF; padding: 1pt; border: solid 1pt black }
.button_form_s_h      { color: blue; font-weight: bold; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; padding: 1pt; border: solid 1pt black }
.button_mblock        { color: blue; font-weight: bold; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EBEBEB; padding: 2pt; border: solid 0pt black }
.button_mblock_h      { color: blue; font-weight: bold; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; padding: 2pt; border: solid 0pt black }
.button_mblock_img    { color: blue; font-weight: bold; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/nav/n_spacer.gif); background-color: #FFFFFF; padding: 2pt; border: solid 0pt black }


.box                   { padding: 2pt; border: solid 1pt black }
.notes                 { color: black; font-style: normal; font-weight: normal; text-align: left; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2pt; width: 300px }
.outer                 { width: 100%;  border: 0 }
.inner                 { width: 100%;  border: 0 }

tr                     { font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px }
td                     { font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px }

/* pk FAQ entries are in a list with WYSIWYG paras, articles have no default formatting but paras can be set */

.BLK_IT_ENTRY li li, .BLK_IT_ENTRY li p, .BLK_IT_ENTRY p {
padding-right: 40px;
}

.black {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff
}

/* Regular content table heading TD BG */
.BLK_DEF_TITLE  { padding: 0; height: 28px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #aabbcc /* #aabbcc */ }

/* Regular Table content TDs */
.BLK_DEF_ENTRY           { padding: 0px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eeeeff /* #eeeeff */ }

.GRN_DEF_ENTRY           { color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF }
.BLK_DEF_FMENU           { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EAE8CF }

.BLK_HDR_TCLEAR          { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.BLK_HDR_TCLEAR_L        { color: #000000; font-style: normal; font-weight: normal; text-align: left; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }
.BLK_HDR_TCLEAR_C        { color: #000000; font-style: normal; font-weight: normal; text-align: center; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }
.BLK_HDR_TCLEAR_R        { color: #000000; font-style: normal; font-weight: normal; text-align: right; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }

/* Top banner BG (all 4 to be same colour) inc height for HDR_TITLE. Put BG image in TITLE_C block */
.BLK_HDR_TITLE          { height: 130px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0; background:#ffffff }
.BLK_HDR_TITLE_L        { color: #000000; font-style: normal; font-weight: bold; text-align: left; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff; padding: 0px; }
.BLK_HDR_TITLE_C        { color: #000000; font-style: normal; font-weight: bold; text-align: center; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff /* url(images/support_banner_bg.gif) repeat-x */; padding: 0px; }
.BLK_HDR_TITLE_R        { color: #000000; font-style: normal; font-weight: bold; text-align: right; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff; padding: 0px; }

.BLK_HDR_MCLEAR          { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.BLK_HDR_MCLEAR_L        { color: #000000; font-style: normal; font-weight: normal; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }
.BLK_HDR_MCLEAR_C        { color: #000000; font-style: normal; font-weight: normal; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }
.BLK_HDR_MCLEAR_R        { color: #000000; font-style: normal; font-weight: normal; text-align: right; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }

/* Top nav menus TD BG */
.BLK_HDR_MENU                { height: 28px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #dddddd }
.BLK_HDR_MENU_L              { color: #000000; font-style: normal; font-weight: normal; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #dddddd; padding: 0px }
.BLK_HDR_MENU_C              { color: #000000; font-style: normal; font-weight: normal; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #dddddd; padding: 0px }
.BLK_HDR_MENU_R              { color: #000000; font-style: normal; font-weight: normal; text-align: right; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #dddddd; padding: 0px }

/* Side menu title and entry TR BG  */
.BLK_MENU_TITLE                { color: #999999; font-style: normal; font-weight: bold; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eeeeee; /* #aabbcc; */ padding: 0 0 0 5px; height: 28px; margin: 0 }
.BLK_MENU_ENTRY                { color: #000000; font-style: normal; font-weight: normal; text-align: left; font-size: 11px; line-height: 1.8; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; padding: 5px; margin: 0 }

/* Menu images (really needs a code hack to remove span) */
.BLK_MENU_ENTRY img {padding: 0 0 8px 25px}

/* Content table header title TR BG and title txt */
.BLK_IT_TITLE            { color: #999999; font-style: normal; font-weight: bold; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eeeeee; /* #aabbcc; */ padding: 0 5px 0 5px; height: 26px }
.BLK_IT_TITLE_TXT        { color: #ffffff; font-style: normal; font-weight: bold; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0 }

/* Main content N.b. padding required */
.BLK_IT_ENTRY            { color: #000000; font-style: normal; font-weight: normal; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; padding: 15px; margin: 0px }
.BLK_IT_ENTRY a {font-weight: bold; line-height: 1.5}

/* Admin butts at foot of content TD BG */
.BLK_IT_FMENU            { color: #000000; font-style: normal; font-weight: bold; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; padding: 15px; border-top: 1px solid #cccccc }
.BLK_IT_FMENU_TXT        { color: #000000; font-style: normal; font-weight: bold; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px }

/* Footer - solid BG */
.BLK_FTR                 { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EAE8CF }
.BLK_FTR_L               { color: #000000; font-style: normal; font-weight: normal; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EAE8CF; padding: 5px; height: 30px }
.BLK_FTR_C               { color: #000000; font-style: normal; font-weight: normal; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EAE8CF; padding: 5px; height: 30px }
.BLK_FTR_R               { color: #000000; font-style: normal; font-weight: normal; text-align: right; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EAE8CF; padding: 5px; height: 30px }

/* Footer - clear (no solid BG) Text in CLEAR_C */
.BLK_FTR_CLEAR           { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.BLK_FTR_CLEAR_L         { color: #000000; font-style: normal; font-weight: normal; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }
.BLK_FTR_CLEAR_C         { color: #999999; font-style: normal; font-weight: normal; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }
.BLK_FTR_CLEAR_R         { color: #000000; font-style: normal; font-weight: normal; text-align: right; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; height: 30px }


.TP5MED_NC {text-align: center; padding: 0 5px 0 5px}

.TP3MED_BL {font-weight: bold; text-align: left; padding: 0 5px 0 5px}
.TP3MED_BC {font-weight: bold; text-align: center; padding: 0 5px 0 5px}
.TP3MED_BR {font-weight: bold; text-align: right; padding: 0 5px 0 5px}
.TP3MED_NL {text-align: left; padding: 0 5px 0 5px}
.TP3MED_NC {text-align: center; padding: 0 5px 0 5px}
.TP3MED_NR {text-align: right; padding: 0 5px 0 5px}

.TP3LRG_BL {font-weight: bold; text-align: left; padding: 0}

.TP0MED_NL {text-align: left; padding: 0}
.TP0MED_NC {text-align: center; padding: 0 5px 0 5px}
.TP0MED_NR {text-align: right; padding: 0 }

.TP0MED_BL {font-weight: bold; text-align: left; padding: 0 }
.TP0MED_BR {font-weight: bold; text-align: right; padding: 0 }

.TP0SML_NC {font-size: 10px; text-align: center; padding: 0 5px 0 5px}

.TP1SML_NL {text-align: left; font-size: 10px; padding-left: 4px}
.TP1SML_NC {text-align: center; font-size: 10px; padding: 3px}
.TP1SML_NR {text-align: right; font-size: 10px;}

.TP1SML_BL {font-weight: bold; text-align: left; font-size: 10px; padding-left: 4px}
.TP1SML_BC {font-weight: bold; text-align: center; font-size: 10px; padding: 3px}
.TP1SML_BR {font-weight: bold; text-align: right; font-size: 10px;}

.TP1MED_NC {text-align: justify}
.TP1MED_NL {text-align: left}
.TP1MED_NR {text-align: right}

.TP3SML_NL {font-size: 10px; text-align: left; padding: 3px }
.TP3SML_NC {font-size: 10px; text-align: center; padding: 3px }
.TP3SML_NR {font-size: 10px; text-align: right; padding: 3px }
.TP3SML_NJ {font-size: 10px; text-align: justify; padding: 3px }
.TP3SML_BL {font-size: 10px; font-weight: bold; text-align: left; padding: 3px }
.TP3SML_BR {font-size: 10px; font-weight: bold; text-align: right; padding: 3px }
.TP3SML_BC {font-size: 10px; font-weight: bold; text-align: center; padding: 3px }

.TP5SML_NL {font-size: 10px; text-align: left; padding: 3px }
.TP5SML_NC {font-size: 10px; text-align: center; padding: 3px }
.TP5SML_NR {font-size: 10px; text-align: right; padding: 3px}
.TP5SML_NJ {font-size: 10px; text-align: justify; padding: 3px }
.TP5SML_BL {font-size: 10px; font-weight: bold; text-align: left; padding: 3px }
.TP5SML_BR {font-size: 10px; font-weight: bold; text-align: right; padding: 3px }
.TP5SML_BC {font-size: 10px; font-weight: bold; text-align: center; padding: 3px }

/* used for forms */
.PSML_NL {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: left; margin: 2px 0 2px 0 }
.PSML_NC {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: center; margin: 2px 0 2px 0 }
.PSML_NR {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: right; margin: 2px 0 2px 0 }
.PMED_NL {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: left; margin: 2px 0 2px 0 }