/*Content with Section Category and search in list show with thrumnail*/
  /*Whole Content*/
  table.contentpane {width:650px;}
  
  /*Categories : Current*/
  table.contentpane td#component-tabs a:focus , 
  table.contentpane td#component-tabs a:current , 
  table.contentpane td#component-tabs a:active{background:#000000;}
  
  /*Categories*/  
  div#component table.contentpane #component-tabs a:link ,
  div#component table.contentpane #component-tabs a:visited ,
  table.contentpane td#component-tabs a ,
  /*table.contentpane td#component-tabs li ,*/
  table.contentpane td#component-tabs{color:#FFFFFF; font-weight:bold;  margin: 0px 10px 0px 0px; padding:0px 3px 0px 3px; height:22px; /*display:block;*/ width:auto;}
  table.contentpane td#component-tabs {background:#8CC63F;}
  
  
  /*Categories : Mouse Hover*/
  table.contentpane td#component-tabs a:hover ,
  table.contentpane td#component-tabs a:hover{background:#CCCCCC; padding:3px 3px 3px 3px;}   
  
  td#component-tabs ul li{display: inline;}
  
  
  /*Filter*/
 table.contentpane div#filterblock {background:#E6E6E6; margin-top:20px; padding: 8px 0px 8px 10px;} 
  
  /*List Item*/
  table.contentpane tr.sectiontableentry1 img ,
  table.contentpane tr.sectiontableentry2 img{display:block; float:left; width:100px; height:80px; overflow:hidden; padding:0px 10px 0px 0px;}
  
  /*Description of list item*/
  table.contentpane tr.sectiontableentry1 div#component-tr a ,
  table.contentpane tr.sectiontableentry1 div#component-tr label#itemDetail ,
  table.contentpane tr.sectiontableentry2 div#component-tr a ,
  table.contentpane tr.sectiontableentry2 div#component-tr label#itemDetail{ display:block; float:left; width:350px; overflow:hidden;}
  /*Item view*/
  table.blog ,
  table.contentpaneopen ,  
  table.contentpaneopen td{width:660px; /*overflow:hidden;*/}  
  table.contentpaneopen {display:block; float:left;}
 
/*Baanmankong : Calendar : Right*/

 /*Day Name (Mon/Tue/...)*/
 div.eventcalq th.mod_eventlistcalq_daynames{background:#8CC63F; color:#FFFFFF; border-right: 1px solid #FFFFFF;}

 /*Date and Month*/
 div.eventcalq td.mod_eventlistcalq ,
 div.eventcalq caption.mod_eventlistcalq_calendar-month ,
 div.eventcalq td.mod_eventlistcalq_calday{background:none; color:#000000;}
 
 /*Next-Previous Month*/
 div.eventcalq caption.mod_eventlistcalq_calendar-month a:hover ,
 div.eventcalq caption.mod_eventlistcalq_calendar-month a:link ,
 div.eventcalq caption.mod_eventlistcalq_calendar-month a:visited ,
 div.eventcalq caption.mod_eventlistcalq_calendar-month a:active ,
 div.eventcalq caption.mod_eventlistcalq_calendar-month a:focus ,
 div.eventcalq caption.mod_eventlistcalq_calendar-month a {color:#8CC63F; font-weight:bold;}
 
 /*Date that has event*/ 
 div.eventcalq td.mod_eventlistcalq_caldaylink span.editlinktip hasTip
 div.eventcalq td.mod_eventlistcalq_caldaylink a:hover ,
 div.eventcalq td.mod_eventlistcalq_caldaylink a:link ,
 div.eventcalq td.mod_eventlistcalq_caldaylink a:visited ,
 div.eventcalq td.mod_eventlistcalq_caldaylink a:active ,
 div.eventcalq td.mod_eventlistcalq_caldaylink a:focus ,
 div.eventcalq td.mod_eventlistcalq_caldaylink a ,
 div.eventcalq td.mod_eventlistcalq_caldaylink {background:#CCCCCC;color:#000000;}
 
 /*Today Date*/
 div.eventcalq td.mod_eventlistcalq_caltoday{background:#8CC63F; color:#000000;}
 
 /*Event list*/
 div#eventlist {
 	width:660px;
 }
 div#eventlist table.eventtable th {
 	background:#8CC63F;
 }
 table.eventtable tr.sectiontableentry{
 	background:#8CC63F;border:1px solid #CCCCCC;
 }
 .eventTime{
 	color:#666666;
 }
.event-square{ 
margin-top:3px; background:#8CC63F;width:10px;height:10px;float:left;display:block;
}
.eventTitle a, .eventTitle a:hover, .eventTitle a:visited, .eventTitle a:link ,div#eventlist a, div#eventlist a:hover, div#eventlist a:visited{
	color:#666666;
	font-weight:bold;
}

 .itemsTitle { font-weight:bolder; font-size:12px;}
 
.component img{
	padding:8px;
}