body, ul, ol, li, dd, dt, td, h1, h2, h3, 
.title, .stitle, .ptitle,
.small, .error, .text, 
.notice, .item
  { font-family : Arial, Verdana, Helvetica, sans-serif ; font-size : 14px;color: #424242;}

A:link    { color: #B6341F; text-decoration: none;      }
A:visited { color: #B6341F; text-decoration: none;      }
A:active  { color: #B6341F; text-decoration: none;      }
A:hover   { color: #B6341F; text-decoration: underline; }

.inline{ border:1px solid #F5F3EF}
#img{ border:1px solid #A7A7A7}
/* comment */
h1{}
h2{ color:#43429B;
    font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0}
ul{
	margin-bottom:5px;
	margin-top:5px;
	margin-left:5px;
	list-style: square;
}

.note{ color:#333333;font-size:14px;font-family:Arial, Verdana, Helvetica, sans-serif;}	

/* TOPMENU */
.TopMenu {
		padding:0px; 		
		float:right;	
		margin:0px;
		list-style: none;
	    }
.TopMenu li {
	    display:block;
        float:left;  
        margin:0px;
        padding:0 0 0 0 ; 
	    }
		
		
/* POSITION */
.float{
		margin:0px;
		padding:0px; 
		list-style: none;
	    }
.float li {
	    display:block;
        float:left;  
	    margin:0px;
        padding:0px; 
	    }		

/* MAINMENU */		
ul#Menu {
		margin:0px;
		padding:0px; 
		list-style: none;
	    }
ul#Menu li,ul#Menu li.long{    
	 margin:0px;
	 display:block;
	 float:left; 
	 height:26px;
	 line-height:26px;
	 font-family:Verdana, Arial, Helvetica, sans-serif, "·s²Ó©úÅé"       
	    }	
		
ul#Menu li a:link,ul#Menu li a:visited{
		background:url(../images/menu01.gif) top left;
        color:#FFFFFF;
		margin:0px;
		width:171px;  
	   display:block;
	   float:left; 
	   height:26px;
	   line-height:26px;
	   text-align:center;
		text-decoration:none; 
	    }			
ul#Menu li a:hover{
		background:url(../images/menu01_on.gif) top left;
	    }			

ul#Menu li.long a:link,ul#Menu li.long a:visited{
		background:url(../images/menu02.gif) top left;
        color:#FFFFFF;
		margin:0px;
	   display:block;
	   float:left; 
	   height:26px;
	   width:174px;
	   line-height:26px;
		text-decoration:none 
	    }			
ul#Menu li.long a:hover{
		background:url(../images/menu02_on.gif) top left;
	    }
		
/*left*/

#open {margin:0px;
	   padding:0px;}

#open h1.inhouse{margin:0px;
	     padding:0px;
         background:url(../images/top_inhouse.gif) no-repeat left top;
         width:196px;
         height:22px;	     
         }

#open h1.hrshare{margin:0px;
	     padding:0px;
         background:url(../images/top_hrshare.gif) no-repeat left top;
         width:196px;
         height:22px;	     
         }

#open h1.classinfo{margin:0px;
	     padding:0px;
         background:url(../images/top_classinfo.gif) no-repeat left top;
         width:196px;
         height:22px;	     
         }

#open h1.caselist{margin:0px;
	     padding:0px;
         background:url(../images/top_caselist.gif) no-repeat left top;
         width:196px;
         height:22px;	     
         }

#open h2.course{ color:#000000;
          font-size:14px;
          font-weight:normal;
	      font-family:Arial, Helvetica, sans-serif;
	      margin:8px 10px 5px 10px;
		  padding:0}
		  		 
#open h2.course a:link,#open h2 a:visited{ color:#000000;
          font-size:14px;
          font-weight:normal;
	      font-family:Arial, Helvetica, sans-serif;
	      text-decoration:none}
	      
#open h2.course a:hover{ text-decoration:underline; color: #B6341F; }		  		 

#open span{ display:none}
#open dl{ margin:2px 10px 6px 10px; border-bottom:1px dotted #9E9E9E; padding-bottom:5px; padding-bottom:10px}
#open dl.noline{ margin:2px 10px 6px 10px;border-bottom:none }
#open dl.br{ margin:2px 10px 6px 10px;border-bottom:1px dotted #9E9E9E; padding-bottom:5px; padding-bottom:8px}
#open dl.brnoline{ margin:2px 10px 6px 10px;border-bottom:none }
#open dl.ln{ margin:5px 10px 10px 10px;border-bottom:1px dotted #9E9E9E; padding-bottom:2px; padding-bottom:0px}
#open em{ font-weight:normal;color:#CC3300; font-style:normal}	
#open ul{ margin:2px 0px 0px 2px; padding-left:8px;color:#000000; }
#open ul li{ padding:8px 0px 2px 10px;color:#000000; background:url(../images/arw_orange.gif) no-repeat left 10px}			  
#open ul li a:link{ color:#000000; text-decoration:none}
#open ul li a:visited{ color:#000000; text-decoration:none}	
#open ul li a:hover{text-decoration:underline;color:#B6341F}		

#date{ color:#B6341F; font-family:Verdana, Arial, Helvetica, sans-serif, "????";font-size:14px }					
		
#krisvideo {margin:0px;
	   padding:0px;}

#krisvideo h1{margin:0px;
	     padding:0px;
         background:url(../images/top_krisvideo.gif) no-repeat left top;
         width:196px;
         height:22px;	     
         }
#krisvideo span{ display:none}

#krisvideo ul{margin:13px 0 0 0;
	        padding:0px;
	       list-style:none;
		   text-align:center; 
	    }
#krisvideo li{ padding-bottom:5px}


#kriscoursepic {margin:0px;
	   padding:0px;}

#kriscoursepic h1{margin:0px;
	     padding:0px;
         background:url(../images/top_kriscoursepic.gif) no-repeat left top;
         width:196px;
         height:22px;	     
         }
#kriscoursepic span{ display:none}

#kriscoursepic ul{margin:13px 0 0 0;
	        padding:0px;
	       list-style:none;
		   text-align:center; 
	    }
#kriscoursepic li{ padding-bottom:5px}


#casepicture {margin:0px;
	   padding:0px;}

#casepicture h1{margin:0px;
	     padding:0px;
         background:url(../images/top_casepicture.gif) no-repeat left top;
         width:196px;
         height:22px;	     
         }
#casepicture span{ display:none}

#casepicture ul{margin:15px 0 0 0;
	        padding:0px;
	       list-style:none;
		   text-align:center; 
	    }
#casepicture li{ padding-bottom:10px}



/*class-middle*/

#class {margin:0px;
	    padding:0px;}

#class h1.activity{margin:0px;
	     padding:0px;
         background:url(../images/top_activity.gif) no-repeat left top;
         width:561px;
         height:22px;	     
         }	

#class h1.hot{margin:0px;
	     padding:0px;
         background:url(../images/top_hot.gif) no-repeat left top;
         width:561px;
         height:22px;	     
         }	

#class h1.courseseries{margin:0px;
	     padding:0px;
         background:url(../images/top_main_middle4.gif) no-repeat left top;
         width:561px;
         height:22px;	     
         }

/*class-right*/

#class h1.consulting{margin:0px;
	     padding:0px;
         background:url(../images/top_consulting.gif) no-repeat left top;
         width:190px;
         height:22px;	     
         }
         
#class h1.news{margin:0px;
	     padding:0px;
         background:url(../images/top_news.gif) no-repeat left top;
         width:190px;
         height:22px;	     
         }        
         
#class h1.share{margin:0px;
	     padding:0px;
         background:url(../images/top_share.gif) no-repeat left top;
         width:190px;
         height:22px;	     
         }         

#class h1.pmplan{margin:0px;
	     padding:0px;
         background:url(../images/top_pmplan.gif) no-repeat left top;
         width:190px;
         height:22px;	     
         }

#class h1.articles{margin:0px;
	     padding:0px;
         background:url(../images/top_articles.gif) no-repeat left top;
         width:190px;
         height:22px;	     
         }

#class h1.pmknowledge{margin:0px;
	     padding:0px;
         background:url(../images/top_pmknowledge.gif) no-repeat left top;
         width:190px;
         height:22px;	     
         }		 	

ul#record {
	margin:0px 0 0px 0;
	padding:0;
	list-style:none;
	
}
ul#record li{ 
       padding:0px 0 10px 10px;
	   margin-left:5px;
	   background:url(../images/arw_orange.gif) no-repeat  left 4px;
	   float:left;
	   display:block;
	   width:163px}
	   
ul#record li a:link,ul#record li a:visited{ 
       color: #424242;
	   text-decoration:none
	 }	 
	 
ul#record li a:hover{ 
       color: #B6341F;
	   text-decoration: underline
	 }		  
	  
	  
#pic{margin:0px;
		    padding:0px; 
		    list-style: none;}
			
#pic li{ display:block;
         float:left;		 
		 padding:0px 16px 10px 16px;
         }	 				  

#other ul{margin:10px 0 0 0;
	      padding:0px;
	      list-style:none;
		  text-align:center; }
#other li{ padding-bottom:10px}


#class h2.consulting{ color:#000000;
          font-size:14px;
          font-weight:normal;
	      font-family:Arial, Helvetica, sans-serif;
	      margin:8px 10px 5px 10px;
		  padding:0}
		  		 
#class h2.consulting a:link,#open h2 a:visited{ color:#000000;
          font-size:14px;
          font-weight:normal;
	      font-family:Arial, Helvetica, sans-serif;
	      text-decoration:none}
	      
#class h2.consulting a:hover{text-decoration:underline;color: #B6341F}		  	


#class h2.course{ color:#000000;
          font-size:14px;
          font-weight:normal;
	      font-family:Arial, Helvetica, sans-serif;
	      margin:8px 10px 5px 10px;
		  padding:0}
		  		 
#class h2.course a:link,#open h2 a:visited{ color:#000000;
          font-size:14px;
          font-weight:normal;
	      font-family:Arial, Helvetica, sans-serif;
	      text-decoration:none}
	      
#class h2.course a:hover{ text-decoration:underline; color: #B6341F; }		
	  
		  
#class h2 em{
          color:#43429B;
          font-size:14px;
          font-weight:normal;
          font-style:normal;
	      font-family:Arial, Helvetica, sans-serif;
	      margin:0px 0px 2px 0px;
		  padding:0}

#class h2.open{
          color:#2F7046;
          font-size:14px;
	      font-family:Arial, Helvetica, sans-serif;
	      margin:-5px 0px 5px 0px;
		  padding:0}
#class h2.open em{ font-style:normal;font-weight:normal;color:#2F7046;font-size:14px;}			  
#class h2.open a:link,#class h2.open a:visited{
          color:#2F7046;
          font-size:14px;
		  text-decoration:none; 
	      font-family:Arial, Helvetica, sans-serif;
		  padding:0}
#class h2.open em a:link,#class h2.open em a:visited{font-size:14px; color:#2F7046;font-style:normal;font-weight:normal;  text-decoration:none;}		 		  
#class h2.open a:hover,#class h2.open em a:hover{text-decoration:underline;}				  		  
		  		  
#class ul.news{  margin:2px 0px 0px 2px; padding-left:10px;color:#000000; }
#class ul.news li{ padding:2px 0px 2px 10px;color:#000000; background:url(../images/arw_orange.gif) no-repeat left 10px}
#class ul.news li a:link{ color:#000000; text-decoration:none}
#class ul.news li a:visited{ color:#000000; text-decoration:none}	
#class ul.news li a:hover{text-decoration:underline;color:#B6341F}	
#class ul.news em{ font-weight:normal;color:#CC3300; font-style:normal}	

#class dl{ margin:2px 10px 6px 10px; border-bottom:1px dotted #9E9E9E; padding-bottom:5px; padding-bottom:2px}
#class dl.noline{ margin:2px 10px 6px 10px;border-bottom:none }
#class dl.banner{ padding-bottom:5px; margin:15px 7px 0 10px; border-bottom:1px dotted #9E9E9E}
#class dl.link{background:url(../images/mailicon.gif) no-repeat 70px top; padding-left:20px; text-align:right;}
#class dl.link a:link,#class dl.link a:visited{background:url(../images/mailicon.gif) no-repeat 70px top; text-decoration:none;text-align:right;color: #0A0A0A;}
#class dl.link a:hover{text-decoration:underline;color:#B6341F}

#class h3{background:url(../images/link_bg.gif) repeat-x; height:23px; margin:0px; text-align:right;padding:6px 10px 0px 0; font-weight:normal}
#class h3 a:link,#class h3 a:visited{margin:0px; text-align:right;text-decoration:none;color: #43429B;}
#class h3 a:hover{text-decoration:underline; color:#B6341F}
#class span{ display:none}
#class ul{margin:0;padding:0px; list-style:none;}
#class li em{ font-weight:bold;font-style:normal}
#class li.top{ padding-top:10px}

#class h4{background:url(../images/link_bg.gif) repeat-x; height:28px; margin:0px; text-align:left; color:#CC0000; padding:6px 10px 0px 12px; font-weight:bold; font-size: 16px}
#class h4 a:link,#class h4 a:visited{margin:0px; text-align:right;text-decoration:none;color: #43429B;}
#class h4 a:hover{text-decoration:underline; color:#B6341F}

#class h5{background:url(../images/link_bg.gif) repeat-x; height:23px; margin:0px; text-align:right; color:#CC0000; padding:6px 10px 0px 12px; font-weight:normal; font-size: 14px}
#class h5 a:link,#class h5 a:visited{margin:0px; text-align:right;text-decoration:none;color: #43429B;}
#class h5 a:hover{text-decoration:underline; color:#B6341F}

address{ color:#4b4b4b; font-size:14px;font-family:Arial,Verdana,  Helvetica, sans-serif, "????";font-style:normal;padding:10px;line-height:16px}
address em{ font-weight:bold;font-style:normal;}					


/*submenu*/
#nav{margin:0px;
	 padding:0px;
	 width:230px;
	 }
	 
#nav h1{margin:0px;
        color:#FFFFFF;
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif, "????";
		text-align:center;
		line-height:28px;
		letter-spacing:1px;
        background:url(../images/main_sub_title.gif) no-repeat left top;
        width:220px;
        height:28px;}
		
#nav ul{margin:0px;padding:0px; list-style:none;width:220px;}		
		
#nav li{  background-color:#EDEDED ;line-height:18px;display:block;font-size:14px; border-bottom:2px solid #ffffff;border-right:1px solid #ffffff}				
#nav li a:link,#nav li a:visited{ padding:5px 0 5px 22px;color:#303030;text-decoration:none;line-height:18px;display:block;background:url(../images/sub_bg.gif) no-repeat left top}			
#nav li a:hover,#nav li span{ color:#ffffff;background:url(../images/sub_bg_on.gif)  left top;line-height:18px;display:block;padding:5px 0px 5px 22px;font-weight:bold;}

/*content*/
#banner{ text-align:center;margin:0;padding:0 }
#content{ margin:10px 30px 10px 40px;letter-spacing:1px;line-height:18px}
#section{height:25px;border-bottom:2px solid #E1AFA7;margin:20px 0 0 0;padding:0;display:block}
#content h1{ float:left;color:#BB0E2E;margin:0; padding:0; font-size:26px;}
#sub{ margin:0;font-size:11px;color:#445B6F;padding:0; line-height:25px; text-align:right; letter-spacing:0px}
#sub a:link,#sub a:visited{ margin:0;font-size:11px;color:#445B6F;padding:0; line-height:25px; text-align:right;text-decoration:none}
#sub a:hover{color:#B6341F;text-decoration:underline}
#content h2{ color:#212121;
             background:url(../images/file_icon.gif) no-repeat 5px 5px; 
			 padding-left:25px;
			 display:block;
			 background-color:#F4F4F4;
			 border-bottom:2px solid #cccccc;
			 height:28px;
			 line-height:28px}
.pagelink{color:#0066CC}
.pagelink a:link,.pagelink a:visited{color:#0066CC;text-decoration:none}
.pagelink a:hover{text-decoration:underline;color:#B6341F}
#content em{color:#0066CC;font-style:normal; }
#content em a:link,em a:visited{color:#0066CC;text-decoration:none}
#content em a:hover{text-decoration:underline;color:#B6341F}

#Top{ display:block; height:5px;border-bottom:1px dotted #9E9E9E;text-align:right; background:url(../images/top.gif) no-repeat  right;color:#0066CC; font-size:10px;font-weight:bold; font-family:Arial, Helvetica, sans-serif}
#Top a:link,#Top a:visited{ display:block;height:10px;text-align:right;  text-decoration:none; padding-right:10px;color:#0066CC}
#Top span{ display:none}
#content h3{ color:#01766B;font-size:15px;}
#content h3 em{ color:#0F8E54;font-weight:normal;font-size:14px; line-height:23px} 
#content dl{ padding-left:10px;}
#content dt{  color:#424242;font-size:14px;padding-top:10px}
#content dd.p{ font-weight:bold; color:#0F8E54;font-size:15px;padding-top:10px}
#content dd{margin-left:0px;padding-left:20px;padding-top:0px;}

/* TABS */

#tabs {
      float:right;
      width:275px;
      background:#FFF;
      font-size:93%;
      line-height:14px;      
      }
#tabs ul {
	margin:0;
	padding:5px 10px 0 5px;
	list-style:none;
      }
#tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabs a {
      float:left;
      background:url("../images/tableft_r.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
#tabs a span {
      float:left;
      display:block;
      background:url("../images/tabright_r.gif") no-repeat right top;
      padding:5px 20px 4px 20px;
      color:#464E42;
      }
#tabs a:hover span {
      color:#FFF;
      }
#tabs a:hover {
      background-position:0% -42px;
      }
#tabs a:hover span {
      background-position:100% -42px;
      }
#tabs #currentpage a span {	
      background-position:100% -42px;
      color:#FFF;
      font-weight: bold;
      }

.small{font-size:11px; line-height:16px}

ol li.eng{letter-spacing:0px;font-size:14px;margin-top:6px;}
.datatable {
	width:100%;
	border-collapse: collapse;
	margin-bottom:10px;
	border-top:2px solid #507E7A;
	border-bottom: 2px solid #BCBCBC;
	border-left:1px solid #DADADA;
	border-right: 1px solid #DADADA;
	}
.datatable td {
	
	border: 1px solid #C2C2C2;
	padding:3px 0 3px 4px;		
}

.datatable td.b{ font-weight:bold}
.datatable th {
	
	font-size : 14px;
	border: 1px solid #C2C2C2;
	padding:3px 2px 2px 5px;
	line-height:24px;
	text-align:center;
	background:#E9F0D5;
	font-weight: bold;
	color:#12542A;}


.datatable caption {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #662D91;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 15px;
}
.datatable tr.altrow {
	background-color: #FAEFE2;
	color: #464646;
}

#mark em{ font-size:14px;color:#FF0000; font-weight:normal}
.mark { font-size:14px;color:#FF0000; font-weight:normal}


/* From Textarea Start Here */

input ,textarea, select
{
color :          #333333;
font-family :    Verdana, Arial, Helvetica, sans-serif;
line-height:     18px;
font-size :      14px;
font-weight :    normal;
border: 1px solid #7F9DB9; 
padding-top:     1px;
padding-left:    1px;
padding-right:   1px;
background-color: #F5F9FA