/** reset **/
*{margin:0; padding:0;}
a, a:hover, a:visited{outline:none; text-decoration:none; color:#000000;}
p{line-height:1.5em;}
img{border:none;}
blockquote:before { content: "\201C"; }
blockquote:after  { content: "\201D"; }
/** main **/
body{
   background:#ffffff url(../images/sitebg.jpg) center top repeat-x;
   font-size:12px; font-family:arial,helvetica,sans-serif;
   background-attachment:fixed; color:#333333;
   }
blockquote div{padding:0; display:inline; text-indent:1.5em; }
blockquote { /*border : solid #696 1px;*/ padding : 3px; margin:15px 30px 5px; }
fieldset{border:none;}
form legend{color:#EE0000; font-weight:bold;}

#wrapper{
   width:990px; margin:0 auto; background-color:#ffffff; padding:0 1px;
   overflow:hidden;
   }

/** Head **/
#header{
   background:transparent url(../images/header_bg.jpg) no-repeat;
   width:1004px; height:144px; position:relative;
   }

/** Main **/
#container{
   background-image:url(../images/site_bg.gif);
   background-repeat:repeat-y; overflow:auto;
   }

#slidetestimonial{margin-bottom:3px;}

#slider .ui-state-default{
   background: #990000 url(../images/slide_arrow.png) 50% 50% repeat-x;
}

#leftcolumn{float:left; width:215px;}
#testimonial{width:195px; margin:0px 0 0 10px;}
#leftcolumn h2{font-size:20px; font-weight:normal; color:#666666; padding:10px 0;}
#leftcolumn #hide{}
#leftcolumn span{font-weight:bold;}
#leftcolumn p{padding:15px 0 0;}

#rightcolumn{float:left; margin:1px 0 0 1px; width:774px;}
#righttop{height:338px; overflow:hidden;}
#righttop #slideshow{/*width:573px;*/}
#righttop .slogan{
   background-color:#ee2233;
   float:right; width:174px; color:#ffffff; font-size:2em;
   padding-top:100px; padding-left:40px; height:338px;
   }
   
#rightmid{
   padding:0px 0; background-color:#000000; /*background-color:#242424;*/ /*width:100%;*/ color:#ffffff; overflow:auto;
   }
#rightmid li{
   float:left; border-right:1px #545454 solid; /*width:205px;*/ display:inline;
   border-left:1px #000000 solid;/* padding:15px 20px 15px 50px;*/ list-style:none;
   }
#rightmid a,#rightmid a:hover,#rightmid a:visited{color:#ffffff;}
#rightmid a img{float:right;}
#rightmid h3{font-size:16px;}
#rightmid p{width:185px; padding-top:70px;}
#rightmid li.first{ border-left-width:0;}
#rightmid li a{ padding:140px 20px 0 50px; text-decoration:none; height:124px;}
#rightmid li.first a{
   display:block; width:184px;
   background-image:url(../images/mid3_consultancy.jpg);
   background-repeat:no-repeat; background-position:0px 0px;}
#rightmid li.second a{
   display:block; width:183px;
   background-image:url(../images/mid3_training.jpg);
   background-repeat:no-repeat; background-position:0px 0px;}

#rightmid li.third{ border-right-width:0;}
#rightmid li.third a{
   display:block; width:184px;
   background-image:url(../images/mid3_partner.jpg);
   background-repeat:no-repeat; background-position:0px 0px;
}
#rightmid li a:hover{background-position:0px -264px;}
#rightmid ul{padding-top:15px;}
#rightmid ul li{
   float:none; border-right:1px #545454 solid; width:185px; padding:5px 0; border:none;
   }
#rightcontent{overflow:auto;}
#rightcontent #content{
   float:left; width:525px; padding-left:30px; /*margin-top:10px;*/
   padding-bottom:1px; /*font-size:11px;*/ color:#000000;
   }
#rightcontent #content h1{font-size:22px; color:#666666;}
#rightcontent #content h2{
   font-size:18px; color:#ffffff; width:480px; padding-left:14px; font-weight:normal;
   background-image:url(../images/rightheader_bg.gif);
   background-position:right top; background-color:#000000;
   background-repeat:no-repeat; line-height:40px;
   border:1px #999999 solid; border-right-width:0px; border-left-width:0px;
   border-left-color:#000000;
   font-family:Georgia, Times New Roman, Times, serif;
   }
#rightcontent #content h2.date{
   font-family:Times New Roman, Times, serif; font-size:24px;
   width:480px; padding-left:14px;
   }
#rightcontent #content h3{font-size:13px;}
#content .redtitle{
   color:#ff0000; font-size:18px; font-weight:bold; font-style:italic;}
#content p{padding-top:15px; padding-right:30px; text-align:justify;}
#content .contentsub_left p{padding-top:15px; padding-right:0px; text-align:justify;}
#content p img{padding:0 10px 10px 0;}
#content .client{overflow:auto;}
#content .client li{float:left; list-style:none; padding:2px;}
#content .client li img{border:1px #cccccc solid;}

#content .course{margin-top:10px;}
#content .cou_name{margin-bottom:10px;}
#content .cou_desc{margin-bottom:10px; padding-right:30px;}
#content .cou_name a{font-weight:bold; color:#ff0000; text-decoration:underline;}
#content .cou_components{margin-bottom:10px; list-style:none;}

.course .event_title a{
   text-decoration:underline; font-weight:bold; font-size:14px; text-transform:capitalize;
   }
.course .event_detail th{width:60px; font-weight:normal; text-align:left;}
.course .event_detail a:hover{
   text-decoration:underline;
   }

#content .rightimg{width:490px;}
#content .rightimg img{border:2px #000000 solid;}
#abouttb{/*border-collapse:collapse;*/}
#abouttb td{width:165px; height:304px;}
#content .blackbox{
   width:165px; float:left; /*margin-top:15px;*/ border:1px #cccccc solid;
   background-color:#000000; /*font-size:12px;*/ /*height:280px;*/ overflow:hidden;
   }
#abouttb .blackbox{float:none;}
#content .blackbox h3{
   clear:both; border-top:1px solid white; padding:3px 0 3px 10px;
   background:#000 url(../images/h3title_bg.gif) repeat-x top; color:white;
   text-transform:uppercase; border-bottom:1px solid #fff; height:1.2em;
   font-weight:bold;
   }
#content .blackbox a{
   color:#ffffff; display:block; background-repeat:no-repeat;
   background-image:url(../images/redbar_bg.gif);
   background-position:top left; padding-bottom:20px;
   height:260px;
   }
#content .blackbox a:hover{
   background-image:url(../images/redbar_bg.gif); background-position:0px -280px;}
#content .blackbox p{padding:3px 10px 23px 10px; text-align:left;}
#content .blackbox span{font-size:100%; margin-left:10px; display:block;}
#content .blackbox img.more{float:right; padding:2px 10px 8px;}
#content .blackbox p img{float:right; padding:10px 0px;}

.contentsub_left{float:left; width:200px; margin-top:15px;}
.contentsub_left #cat_title{text-decoration:underline;}
.cou_title a:hover{color:#ff0000;}

.contentsub_right{float:left; width:280px; margin-top:15px; margin-left:14px; font-size:11px;}
.contentsub_right .proglist{
   border:0px #000000 solid; border-width:3px 0 0; background-position:right;
   background-image:url(../images/rightlist_bg.gif); background-repeat:no-repeat;
   
   }
.contentsub_right img{float:left;}
.contentsub_right a{
   display:block; padding:5px 0 5px 10px; margin-left:50px; height:57px;
}
.contentsub_right a:hover{
   background-image:url(../images/leftred.gif); background-repeat:repeat-y;
   background-position:left;}
.contentsub_right b{font-size:12px; font-family:sans-serif; text-transform:uppercase;}
.contentsub_right .proglist em{font-style:normal; text-transform:capitalize;}
.contentsub_right .red b span{color:#ff0000;}
.contentsub_right .black b span{color:#000000;}
.contentsub_right .white b span{color:#ffffff;}

.cantfind{
   border:2px #000000 solid; background-color:#999999; color:#000000;   
   }
.cantfind a{color:#ee0000; font-weight:bold;}
#content .cantfind p{margin:5px 10px; padding:0; text-align:left;}
.cantfind h3{margin:5px 10px;}
#cantfind p{padding-right:0;}

#rightsidebar{
   float:right; width:217px; border:1px #dddddd solid;
   }
#rightsidebar #events{
   background:transparent url(../images/upcoming_bottom.jpg) center bottom no-repeat;
   overflow:auto; margin-top:1px; padding-bottom:5px;
}
#eventscontent{
   background:transparent url(../images/upcoming_top.jpg) center top no-repeat;
   padding-top:35px;}

#events h3{font-size:50px; margin-left:10px;}
.event{
   display:block; margin:0 3px 0 5px; padding-left:11px; padding-bottom:20px;
   padding-top:5px;}
#events a:hover{background-image:url(../images/leftred.gif);
   background-repeat:repeat-y; background-position:left;
}
#events a.white{background-color:#ffffff;  text-align:right;}
#events a.black{background-color:#000000; color:#ffffff;  text-align:left;}
#events a.white .date{ color:#333333;}
#events a.black .date{ color:#ffffff;}
.event .text{padding:10px 5px 5px 0; line-height:1.3em; font-size:11px; display:block;}
.event .listing{padding-left:15px; font-size:11px; display:block;}
.event .date{font-weight:bold; font-size:13px;}

/** footer **/
#footer{
   background-image:url(../images/footerbg.jpg); background-repeat:no-repeat;
   background-position:center bottom; padding-top:20px; overflow:auto; height:82px;}
#footmenu{overflow:auto; float:right; margin-right:10px;}
#footmenu li{float:left; padding:5px 0; list-style:none;}
#footmenu li a{float:left; display:block; padding:0px 10px; border-right:1px #999999 solid;}
#footmenu .last{border-right-width:0px;}
#copyright{font-size:10px; margin:40px 0 0 30px;}
#copyright a{color:#333333; text-decoration:underline;}
/******** MENU **********/
#menu{width:215px; background-color:#CCCCCC;}
 /* style menu in case script not work */
#menu li{
   cursor: pointer; margin-top: 1px; list-style-type:none;
   /*background-image:url(../images/mnuMiddle.jpg);*/ background-position:center;
   background-repeat:no-repeat;
   }
#menu li a{
   display: block; padding: 6px .5em 6px 2.2em; position:relative;
   }
#menu li .folder a{
   cursor: pointer; margin-top: 1px;
   background-image:url(../images/mnuMiddle.jpg); background-position:center;
   background-repeat:no-repeat; display:block;
}
#menu li.collapsable .folder a,#menu li .folder a.selected{
   border-bottom: 0 !important;
   background-image:url(../images/mnuSelect.jpg); background-position:center;
   color:#ffffff;
}
#menu li .folder a:hover{
   background-image:url(../images/mnuMiddle_f2.jpg);
   color:black;
}
#menu li .folder a.selected:hover{
   background-image:url(../images/mnuSelect.jpg); color:#ffffff;
   }

#menu ul{
   border-top: 0; position: relative; top: 1px;
   overflow: auto; /*margin-top: -2px; margin-bottom: 2px;*/
}
#menu ul a{color:#000000; }
#menu ul li a{
   background-image:url(../images/submnuMiddle.jpg);
   background-position:0 center; background-repeat:no-repeat;
   /*border-bottom:1px #B0B0B0 solid;*/
   font-weight:normal;
   }
#menu ul li .file a{
   text-transform:capitalize;
}
#menu li .file a.selected{
   border-bottom: 0 !important;
   background-image:url(../images/submnuSelect.jpg); background-position:center;
   color:#ffffff;
}
#menu ul li a:hover{
   background-image:url(../images/submnuMiddle_f2.jpg);
   background-position:0 center; background-repeat:no-repeat;
   }
#menu ul li a.selected:hover{background-image:url(../images/submnuSelect.jpg);}

/** logosticker **/

.sideticker{
   width:215px; height:108px;
   background-image:url(../images/client_frame.jpg);
   padding:50px 0px 0 0; margin-top:1px;
}
/*.sideticker .logosticker{margin-left:33px;}*/
.sideticker .logosticker{margin-left:33px; margin-right:12px; width:170px; height:83px;}
#heigh_demand{
   margin-top:1px; background-repeat:no-repeat;
   background-image:url(../images/highdemand.jpg);}
#heigh_demand a{display:block; width:215px; height:203px;}
#adbanner{margin-top:1px;}

/** simple model **/
#simplemodal-container{background-color:#ffffff;}

/** calendar  **/
#calendar{
   font-size:28px; width:460px; font-family:"time new roman"; text-align:center;
   font-weight:bold; margin:0 auto; border-spacing: 10px;
   /*background-image:url(../images/sitebg_s.jpg);*/
   background-position:100px -100px;
}
#calendar tr{}
#calendar th{color:#ffffff; background-color:#000000; padding:5px 0; border:5px #dddddd solid;}
#calendar td{padding:20px 0; border:1px #aaaaaa solid; border-width:0 1px 1px 0;}
#calendar td.red{/*background-image:url(../images/carlendar_red.jpg); color:#000000;*/}
#calendar td.black{/*background-image:url(../images/carlendar_bw.jpg);*/}
#credit{text-indent:-9999px;}
/** Global class **/
.clearing{font-size:1px; clear:both;}
.left{float:left;}
.right{float:right;}
.red{color:#ee2233;}
.wrap{padding-top:13px; background-image:url(../images/sidebar-frame-top.gif);
   background-repeat:no-repeat; background-position:0 top;
}
.sideframe{
   /*padding:13px 10px 0;*/
   /*background-image:url(../images/sidebar-frame.gif);*/
   /*background-repeat:no-repeat; background-position:0 top;*/
}
.framewrap{
   /*padding-bottom:10px;*/
   /*background-image:url(../images/sidebar-frame-bottom.gif);*/
   /*background-repeat:no-repeat; background-position:0 bottom;*/
}
.listing{ padding:20px 0 0 30px;}
.credit{font-weight:bold; text-align:right; margin-right:30px;}
/** Form **/
#fcontainer{width:494px;}
form{line-height:2em;}
input,textarea,select{font-size:12px; line-height:24px;}
span.mendatory{color:#ff0000; margin-left:15px;}
form div{position:relative;}
button{font-size:12px;}
.personal_info div{padding:5px 0;}
.personal_info label{
   width:140px; display:block; float:left; border-right:1px #dddddd solid;
   margin-right:5px;
}
.personal_info input, .personal_info textarea{width:250px;}
.personal_info input#subscribe{width:20px;}
.personal_info textarea#comment{}
.course_info input{width:600px;}
.course_info label{display:block;}
.course_info textarea{width:600px;}
#resp_area{}
div.loading{
   background-image:url(../images/loader_bar_re.gif); background-position:center;
   background-repeat:no-repeat; height:100%;
}
form #submit{
   background-image:url(../images/button_bg_left.png); background-repeat:no-repeat;
   background-position:right; /*height:26px;*/ text-align:center;
   /*padding-right:10px;*/ display:inline-block; border:1px #F4921E solid;
}
form #submit span{
   color:#ffffff; font-weight:bold; font-size:1.2em; padding:0 5px;
   /*background-image:url(../images/button_bg_left.png);*/ background-repeat:no-repeat;
   background-position:left; display:inline-block; line-height:22px;
}
span.error{color:#ff0000;}
form span.error{
   position:absolute; right:10px; top:0; display:block; padding:0 3px;
   border:1px #F4921E solid; line-height:1.2em; width:170px;
   box-shadow: 0px 0px 6px #000; background-color:#eeeeee;
   -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000;
   border-radius: 6px;
   -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
#resp_area .success{text-align:center; color:#006600;}
