BODY {
  margin           : 0px 0px 0px 0px;
  background-color : #FFFFFF;
  color            : #000000;
}

td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #333333;
}

ul {
  margin           : 0px 0px 0px 0px;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

hr {
  background       : #CCCCCC;
  height           : 1px;
  width            : 100%;
}

/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
.pathway {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #CCCCCC;
}

a.pathway:link, a.pathway:visited {
  color            : #0066FF;
  font-weight      : normal;

}

a.pathway:hover {
  color            : #F0F0F0;
  font-weight      : normal;
}


/* ################### MAIN AND SUB MENU SYSTEM ################### */
a.mainlevel:link, a.mainlevel:visited {
  color            : #0033FF;
  font-weight      : normal;
}

a.mainlevel:hover {
  color            : #ac355d;

}

/* ---default -------------------------*/
table.moduletable {
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 3px;
  margin-left    : 15px
}

table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  text-transform:uppercase;
  text-align       : left;
  color            : #ffffff;
  padding-left	   : 30px;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/subhead_bg.png) ;
    background-repeat: no-repeat;
  width            : 100%;
  height	   : 21px;
}

table.moduletable td {
  font-size        : 11px;
  font-weight      : normal;

}

/* ---topmenu -------------------------*/
table.moduletable-topmenu {
  width            : 100%;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-topmenu th {
  font-size        : 11px;
  font-weight      : bold;
  text-transform:uppercase;
  text-align       : left;
  color            : #ffffff;
  padding-left	   : 30px;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/subhead_bg.png) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-topmenu td {
  font-size        : 11px;
  font-weight      : normal;

}
/* --- rss -------------------------*/
table.moduletable-rss {
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-rss th {
  font-size        : 1px;
  height : 30px;
  font-weight      : bold;
  text-transform:uppercase;
  color            : #ffffff;
  text-align       : center;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/headtbg_rss.jpg) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-rss td {
  font-size        : 10px;
  font-weight      : normal;
}
/* --- holistik -------------------------*/
table.moduletable-holistik {
  width            : 100%;
  border           : 0px solid #e0e0e0;
  margin-bottom    : 10px;
}

table.moduletable-holistik th {
  font-size        : 11px;
  font-weight      : bold;
  text-transform:uppercase;
  text-align       : left;
  color            : #ffffff;
  padding-left	   : 30px;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/subhead_bg.png) ;
    background-repeat: no-repeat;
  width            : 100%;
  height	   : 21px;
}

table.moduletable-holistik td {
  font-size        : 11px;
  font-weight      : normal;
  padding-left	   : 15px;
  border-bottom: 1px solid #cccccc;
}

/* --- teks -------------------------*/
table.moduletable-teks {
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-teks th {
  font-size        : 1px;
  height : 30px;
  font-weight      : bold;
  text-transform:uppercase;
  color            : #ffffff;
  text-align       : center;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/headtbg_teks.jpg) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-teks td {
  font-size        : 10px;
  font-weight      : normal;
}

/* --- jonline-------------------------*/
table.moduletable-jonline{
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-jonline th {
  font-size        : 1px;
  height : 30px;
  font-weight      : bold;
  text-transform:uppercase;
  color            : #ffffff;
  text-align       : center;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/headtbg_jonline.jpg) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-jonline td {
  font-size        : 10px;
  font-weight      : normal;
}

/* --- video-------------------------*/
table.moduletable-video{
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-video th {
  font-size        : 1px;
  height : 30px;
  font-weight      : bold;
  text-transform:uppercase;
  color            : #ffffff;
  text-align       : center;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/headtbg_video.jpg) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-video td {
  font-size        : 10px;
  font-weight      : normal;
}

/* --- kalendar-------------------------*/
table.moduletable-kalendar{
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-kalendar th {
  font-size        : 1px;
  height : 30px;
  font-weight      : bold;
  text-transform:uppercase;
  color            : #ffffff;
  text-align       : center;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/headtbg_kalendar.jpg) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-kalendar td {
  font-size        : 10px;
  font-weight      : normal;
}

/* --- artikel-------------------------*/
table.moduletable-artikel{
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-artikel th {
  font-size        : 1px;
  height : 30px;
  font-weight      : bold;
  text-transform:uppercase;
  color            : #ffffff;
  text-align       : center;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/headtbg_artikel.jpg) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-artikel td {
  font-size        : 10px;
  font-weight      : normal;
}

/* --- popular -------------------------*/
table.moduletable-popular  {
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-popular th {
  font-size        : 1px;
  height : 30px;
  font-weight      : bold;
  text-transform:uppercase;
  color            : #ffffff;
  text-align       : center;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/headtbg_popular.jpg) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-popular td {
  font-size        : 10px;
  font-weight      : normal;
}


/* --- pemberitahuan-------------------------*/
table.moduletable-pemberitahuan {
  width            : 100%;
  border           : 0px solid #e0e0e0;
  padding          : 4px;
  margin-bottom    : 10px;
}

table.moduletable-pemberitahuan th {
  font-size        : 1px;
  height : 30px;
  font-weight      : bold;
  text-transform:uppercase;
  color            : #ffffff;
  text-align       : center;
  background-image : url(http://www.johordt.gov.my/pmbj/v2/templates/holistik/images/headtbg_pemberitahuan.jpg) ;
    background-repeat: no-repeat;
  width            : 100%;
}

table.moduletable-pemberitahuan td {
  font-size        : 10px;
  font-weight      : normal;
}

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 14px;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
  background-color : #0080C0;
  color            : #DFEFFF;
  font-weight      : bold;
  height : 25px;
}

.sectiontableentry1 {
  background-color : #DFEFFF;
  height : 22px;

  line-height: 15px;
  padding-left: 15px;
  padding-top: 0px;
  background-image: url(http://www.johordt.gov.my/pmbj/v2/images/M_images/arrow.png) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

.sectiontableentry2 {
  background-color : #f5f5f5;
  height : 22px;
  
  line-height: 15px;
  padding-left: 15px;
  padding-top: 0px;
  background-image: url(http://www.johordt.gov.my/pmbj/v2/images/M_images/arrow.png) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : medium;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  background       : #FFFFFF;
}

.contentpaneopen {
  background       : #FFFFFF;
}

.contentheading, .componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  color            : #000000;
  text-align       : left;
  border-bottom:1px solid #cccccc;
  text-transform:uppercase;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #0033FF;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 11px;
  color            : #0066FF;
  text-decoration  : none;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
  color            : #FF3300;
  text-decoration  : none;
text-decoration:  underline;
}

a.category:link, a.category:visited {
  color            : #FF6666;
  font-weight      : bold;
}

a.category:hover {
  color            : #ac355d;
}