body { 
       font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
       font-size: 12px;  
       color: #333333; 
     }

table {
       font-size: 12px; 
       color: #333333; 
     }

a { text-decoration: none; }
a:link {  text-decoration: none; color: #0081B3;}
a:active {  text-decoration: none; color: #0081B3;}
a:visited {  text-decoration: none; color: #0081B3;}
a:hover {  text-decoration: none; color: #333333;}

h2 {
    font-size: 11px; font-style: normal; color: #0081B3; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-color: black black #0081B3; text-align: left; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5pt; line-height: 20px; white-space: pre; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px
     }

h1 {
    font-size: 16px; 
    color: #0081B3; 
    font-weight: bold; 
    text-transform: uppercase; 
   }

.wborder {
     border : 1px solid #FFFFFF;
}

.bborder {
     border : 1px solid #000000;
}

a.menu1 {
      color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	text-decoration : none;
        vertical-align: center;
        text-align: center;
	padding: 3px;
     }

a.menu1:hover {
      color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	text-decoration : none;
        vertical-align: center;
        text-align: center;
      text-decoration: underline;
     }

a.menu1:visited {
      color: #ffffff;
      font-size: 11px;
     }

a.menu2 {
      color: #BC0F0F;
      font-size: 10px;
      text-decoration: none;

     }
 
a.menu2:hover {
      color: #BC0F0F;
      font-size: 10px;
      text-decoration: underline;
    }

a.menu2:visited {
      color: #BC0F0F;
      font-size: 10px;
    }

.menu3 {
      color: #0081B3;;
      font-size: 10px;
      text-decoration: none;

     }

a.menu3:hover {
      color: #0081B3;
      text-decoration: underline;
     }

.help {
      color: red;
      font-size: 11px;
      text-decoration: none;
     }

a.help:hover {
      text-decoration: underline;
     }

a.clink:hover {
     color: #0081B3;
     font-weight: bold;
      text-decoration: underline;
      font-size: 10px;
     }

a.clink {
      color: #BC0F0F;
      text-decoration: underline;
      font-weight: bold;
      font-size: 10px;
     }

a.clink:visited {
      color: #BC0F0F;
      text-decoration: underline;
      font-weight: bold;
      font-size: 10px;
     }

.clinkrev {
      font-weight: bold;
     }

.footer {
      color: #0081B3;
      font-size: 11px;
     }

.error {
      background: red;
      color: white;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;

     }

.message {
      background: #0081B3;
      color: white;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;

     }

.input {
    BACKGROUND-COLOR: #FFFFFF;
    BORDER: 1px solid #000000;
    COLOR: #000000;
    font-size: 12px;

    }

  .select {
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-size: 12px;

  } 

.small_input {
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #000000;
    BORDER: 1px solid #000000;
    font-size: 9px;

    }

.small_submit {
    font-size: 9px; 
    CURSOR: hand;
    font-family: verdana, Arial, sans-serif;
    color: #333333 ;   
    BORDER: 1px solid #696969;
    background-color: #dddddd;
  }


.submit {
    font-size: 12px;
    CURSOR: hand;
    color: #333333 ;   
    BORDER: 1px solid #696969;
    background-color: #dddddd;
  }


 input {
    font-family: Verdana, Arial, sans-serif;

 }

.small_text {  
    font-size: 10px; 
   }

.medium_text {
      font-size: 11px;
     }

.printable {
      color: #0081B3;
      font-size: 10px;
      text-decoration: none;
     }

a.printable:hover {
      text-decoration: underline;
     }

.uppercase {
      text-transform: uppercase; 
     }

.keitai {
      color: #000000;
      font-size: 11px;
      background-color: white;
     }

a.keitai {
      color: blue;
     }

a.keitai:hover {
      color: white;
      background-color: blue;
     }


/* --- static menu styles ---
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/

.m0l0i {
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	text-decoration : none;
        vertical-align: center;
        text-align: center;
	padding: 3px;
background: #ef0809
   /*     background-image:url(http://www.tccc.or.th/site_images/navbar.jpg); */
}
.m0l0o {
	text-decoration : none;
	border : 1px solid #ffffff;
}
.m0l1i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : none;
	padding: 3px;
        background-image:url(http://www.tccc.or.th/site_images/navbar.jpg); 
}
.m0l1o {
	text-decoration : none;
	border : 1px solid #FFFFFF;
}
.m0l2i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : none;
	padding: 3px;
        background-image:url(http://www.tccc.or.th/site_images/navbar.jpg); 
}
.m0l2o {
	text-decoration : none;
	border : 1px solid #FFFFFF;
}

.plugin_title{
  font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
  font-size: 11px;
  color: white;
  font-weight: bold;
  text-transform: uppercase; 
  background-image:url(http://www.tccc.or.th/site_images/webtab_bg.gif); 
  background-repeat: no-repeat;
  background-color: transparent;
  padding-left: 10px; 
  padding-top: 3px; 
  padding-bottom: 3px; 

}

.plugin_box{
  border-top: 1px solid #cccccc;
  border-bottom: 0px;
  border-right: 1px solid #cccccc;
  border-left: 0px;
  background-color: transparent;
}

a.plugin_link {  text-decoration: underline;  font-size: 12px;}
a.plugin_link:link {  text-decoration: underline; }
a.plugin_link:active {  text-decoration: underline; }
a.plugin_link:visited {  text-decoration: underline; }
a.plugin_link:hover {  text-decoration: underline; }

.plugin_linkb {
  font-size: 12px;
}

.greylines {
  border-top: 1px solid #cccccc;
  border-bottom: 0px;
  border-right: 1px solid #cccccc;
  border-left: 0px;
}

.greybox {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

/* TCCC Styles */

.texttitle { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; color: #0081B3; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-color: black black #0081B3; text-align: left; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5pt; line-height: 20px; white-space: pre; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.textsmall {  font-size: 10px; font-style: normal; background-color: #FFFFFF; color: #000000; line-height: 12px}

.textsmallitalic { font-size: 10px; font-style: italic; background-color: #FFFFFF; color: #000000; line-height: 14pt }

.textitalic { font-size: 12px; font-style: italic; background-color: #FFFFFF; color: #000000; line-height: 14px}

.textboldblue { font-size: 12px; font-style: normal; color: #0081B3; line-height: 21px; font-weight: bolder; list-style-image: url(images/bullet.jpg) }

.textupcomingevents {font-size: 11px; font-style: normal; line-height: 15px; color: #333333; font-weight: normal}

.text {
       font-size: 12px;  
       line-height: 17px;
       color: #333333; 
       list-style-image: url(tccc/site_images/bullet.jpg) 
     }

.textbold { 
       font-family: "Arial", "Helvetica", "sans-serif"; 
       font-size: 12px; 
       font-style: normal; 
       color: #333333; 
       line-height: 14px; 
       font-weight: bold; 
       list-style-image: url(tccc/site_images/bullet.jpg)}

.textbulletlist { 
       font-family: "Arial", "Helvetica", "sans-serif"; 
       font-size: 11px; 
       font-style: normal; 
       background-color: #FFFFFF; 
       color: #000000; 
       line-height: 14px; 
       list-style-position: outside; 
       list-style-type: disc; 
       list-style-image: url(tccc/site_images/bullet.jpg); 
       vertical-align: text-bottom; 
       text-align: left
}

.tabletext { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10.5px; font-style: normal; background-color: #FFFFCC; color: #333333; line-height: 14px; text-align: center}
.tabletextleftalign { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; background-color: #CCCCCC; color: #000000; line-height: 14px; text-align: left}
.tabletitleleftalign { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; background-color: #006699; color: #FFFFFF; line-height: 16pt ; font-weight: bold; text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; text-indent: 5px}
.tabletextleftalignindent { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; background-color: #CCCCCC; color: #000000; line-height: 16pt ; text-align: left ; text-indent: 5pt}

.linkstabletext { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; color: #000000; line-height: 13px; text-align: left ; background-color: #FFFFCC; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border-color: black black #0081B3}

.linkstabletitle { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; background-color: #0081B3; color: #FFFFFF; line-height: 14pt; font-weight: bold; text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 5px; border-color: #FFFFFF #006699; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px }

.linkstablename { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; background-color: #FFFFCC; color: #000000; line-height: 14px; text-align: left ; font-weight: bold ; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; border-color: black black #0081B3}

.linkstableurladdress { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; background-color: #FFFFCC; color: #000000; line-height: 14px; text-align: left ; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; border-color: black black #0081B3}

.linkstabletitlesub { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; background-color: #999999; color: #FFFFFF; line-height: 14pt; font-weight: bold; text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 5px; border-color: #FFFFFF #006699; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px }

.japanesewhp {  font-family: "‚l‚r ƒSƒVƒbƒN"; font-size: 12px; font-style: normal; line-height: 19px; font-weight: 100; color: #333333}

.j-textbold {
	font-family: "‚l‚r ƒSƒVƒbƒN";
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	background-position: left;



}
.j-tableeventsdate {
	font-family: "‚l‚r ƒSƒVƒbƒN";
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #0081B3;
}
.j-tableeventstext {
	font-family: "‚l‚r ƒSƒVƒbƒN";
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #333333;
	text-align: left;
	background-position: left;


}
.j-italicstableeventstext {
	font-family: "‚l‚r ƒSƒVƒbƒN";
	font-size: 10px;
	font-style: italic;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
}
.j-textboldblue {
	font-family: "‚l‚r ƒSƒVƒbƒN";
	font-size: 12px;
	font-style: normal;
	line-height: 21px;
	font-weight: bolder;
	color: #0081B3;
}


a.menuadmin {
      font-family: Verdana, Arial, sans-serif;
      color: #000000;
      font-size: 11px;
      text-decoration: none;
     }

.menuadmin {
      font-family: Verdana, Arial, sans-serif;
      color: #000000;
      font-size: 11px;
      text-decoration: none;
     }

a.menuadmininverse {
      color: #dddddd;
      font-size: 11px;
      text-decoration: none;
     }

a.menuadmin:hover {
      font-family: Verdana, Arial, sans-serif;
      color: #000000;
      font-size: 11px;
      text-decoration: underline;
    }

a.menuadmin:visited {
      font-family: Verdana, Arial, sans-serif;
      color: #000000;
      font-size: 11px;
    }

a.menuadmininverse:hover {
      text-decoration: underline;
    }

  .slideshow {
    color: #696969;
    border: 0px solid #696969;
    background-color: #ffffff;
    text-decoration: underline;
    cursor: auto;
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif;
  } 

  .slideshow_caption {
    color: #000000;
    border: 0px solid;
    background-color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif;
  } 

  .current_ad {
      color: #cc0000;
    }